body{color:#f4f7fb;background:#0f121a}.app-layout{background:#0f121a;min-height:100vh;display:flex}.sidebar{background:#1b1f2a;border-right:1px solid #252b38;width:245px;padding:28px 24px}.sidebar-logo{align-items:center;gap:14px;margin-bottom:45px;display:flex}.logo-icon{color:#07111f;background:#6fa8ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.sidebar-logo h2{letter-spacing:1px;font-size:20px}.sidebar-logo span{color:#7f8798;text-transform:uppercase;font-size:11px}.sidebar-nav{flex-direction:column;gap:12px;display:flex}.nav-item{color:#9aa3b5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:14px 16px;font-weight:700}.nav-item.active,.nav-item:hover{color:#fff;background:#2a3142;box-shadow:inset 3px 0 #78aaff}.container{flex:1;padding:28px 34px;position:relative}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h1{font-size:27px}.topbar-button{color:#07111f;cursor:pointer;background:#9bbfff;border:0;border-radius:9px;padding:12px 26px;font-weight:800}.search-input{float:right;color:#fff;background:#090c13;border:1px solid #1e2430;border-radius:10px;outline:none;width:315px;height:44px;margin-bottom:24px;padding:0 16px}.search-input::placeholder{color:#6f7788}form{clear:both;background:#171b25;border:1px solid #252b38;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;padding:20px;display:grid}form input,form select{color:#fff;background:#0c1018;border:1px solid #2a3140;border-radius:10px;outline:none;padding:13px}form button{color:#08101d;cursor:pointer;background:#78aaff;border:0;border-radius:10px;font-weight:800}.filters{clear:both;gap:8px;margin-bottom:24px;display:flex}.filters button{color:#8f98aa;cursor:pointer;background:#1a1f2b;border:0;border-radius:9px;padding:10px 24px;font-weight:800}.filters button:hover,.active-filter{color:#07111f!important;background:#9bbfff!important}.subscriptions-section{background:#10131a;border:1px solid #242936;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #00000040}.subscriptions-header{display:none}.table-header,.subscription-row{grid-template-columns:2fr 1.2fr 1fr 1fr 1fr;align-items:center;display:grid}.table-header{color:#8f98aa;letter-spacing:.8px;background:#1e222c;padding:18px 24px;font-size:12px;font-weight:900}.subscription-row{border-top:1px solid #1f2430;padding:20px 24px}.subscription-row:hover{background:#151a24}.table-service{align-items:center;gap:16px;display:flex}.subscription-icon{color:#60a5fa;background:#112844;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.table-service h3{margin-bottom:4px;font-size:16px}.table-service p{color:#737c8d;font-size:12px}.category-badge,.status-badge{border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;display:inline-block}.category-badge{color:#b6becd;background:#323744}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.paused{color:#eab308;background:#eab30826}.status-badge.cancelled{color:#ef4444;background:#ef444426}.table-price{color:#f7faff;font-weight:900}.table-actions{align-items:center;gap:10px;display:flex}.table-actions button{cursor:pointer;color:#9bbfff;background:0 0;border:0;font-weight:800}.table-actions img{filter:brightness(0)invert();opacity:.7;width:18px}.edit-button{border-radius:8px;padding:8px 12px;background:#252c3a!important}.analytics-footer{gap:60px;display:flex;position:fixed;bottom:30px;left:280px}.analytics-item span{color:#6f7788;text-transform:uppercase;font-size:11px;font-weight:900}.analytics-item h3{margin-top:6px;font-size:24px}@media (width<=1200px){.container{padding:32px 24px}.topbar,.search-input,form,.filters,.subscriptions-section,.analytics-footer{max-width:100%}}@media (width<=900px){.app-layout{flex-direction:column;overflow-x:hidden}.sidebar{width:100%}.container{width:100%;padding:24px 16px;overflow-x:hidden}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.search-input,form,.filters,.subscriptions-section,.analytics-footer{width:100%;max-width:100%}form{grid-template-columns:1fr}.filters{flex-wrap:wrap}.table-header{display:none}.subscription-row{grid-template-columns:1fr;gap:14px}.table-service,.table-category,.table-status,.table-price,.table-actions{width:100%}.table-actions{justify-content:flex-start}.analytics-footer{flex-direction:column;gap:20px;margin-top:30px;position:static}}@media (width<=480px){.container{padding:20px 12px}.sidebar{padding:20px 14px}.sidebar-logo h2{font-size:18px}.sidebar-logo span{font-size:12px}.topbar h1{font-size:24px}.topbar-button{width:100%}.filters button{flex:1;min-width:120px}.subscriptions-section{padding:18px}.subscriptions-header{flex-direction:column;align-items:flex-start;gap:8px}.subscription-row{padding:18px 0}.analytics-item{width:100%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:linear-gradient(#363467 0%,#1e1d4fcc 100%);width:100vw;min-height:100vh}