*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102331;background:#f4f7f9;font-synthesis:none}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.68}.logo-mark,.boot-logo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:14px;color:#06232a;font-size:21px;font-weight:850;background:linear-gradient(135deg,#66e7ff,#69f0b4);box-shadow:0 12px 32px #23cad52e}.logo-mark.compact{width:40px;height:40px;border-radius:12px;font-size:18px}.boot-screen{display:grid;place-items:center;align-content:center;min-height:100vh;color:#fff;background:radial-gradient(circle at 50% 30%,#12384a,#071722 55%,#041018)}.boot-screen strong{margin-top:16px;font-size:18px}.boot-screen span{margin-top:8px;color:#829aa8;font-size:12px}.login-page{display:grid;grid-template-columns:minmax(520px,1.18fr) minmax(410px,.82fr);min-height:100vh}.login-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;padding:48px clamp(42px,5vw,76px) 42px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(52,210,255,.18),transparent 30%),radial-gradient(circle at 8% 92%,rgba(62,255,181,.11),transparent 29%),linear-gradient(145deg,#06121c,#091e2e 56%,#0b2936)}.login-brand-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:50px 50px}.brand-lockup,.login-hero,.login-feature-grid{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup strong{display:block;font-size:18px}.brand-lockup small{display:block;margin-top:4px;color:#829dad;font-size:12px}.login-hero{max-width:760px;margin:auto 0;padding:80px 0 58px}.login-hero>span{display:block;margin-bottom:20px;color:#59ddcb;font-size:12px;font-weight:800;letter-spacing:.18em}.login-hero h1{max-width:720px;margin:0;font-size:clamp(43px,4.25vw,72px);line-height:1.02;letter-spacing:-.045em}.login-hero p{max-width:620px;margin:28px 0 0;color:#99afbd;font-size:17px;line-height:1.8}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.login-feature-grid article{min-height:142px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff09}.login-feature-grid b{display:block;margin-bottom:22px;color:#52d7c1;font-size:11px;font-weight:600}.login-feature-grid strong{display:block;margin-bottom:7px;font-size:14px}.login-feature-grid small{color:#7791a3;line-height:1.55}.login-form-panel{display:grid;place-items:center;padding:44px;background:linear-gradient(180deg,#fcfdfe,#f3f6f9)}.login-card{width:min(100%,435px)}.mobile-lockup{display:none}.system-online{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#637a88;font-size:11px;font-weight:800;letter-spacing:.11em}.system-online i{width:7px;height:7px;border-radius:50%;background:#2ec486;box-shadow:0 0 0 5px #2ec4861a}.login-card h2{margin:0;color:#102331;font-size:38px;letter-spacing:-.035em}.login-subtitle{margin:12px 0 34px;color:#708491;line-height:1.65}.login-card form{display:grid;gap:20px}.field{display:grid;gap:9px;color:#344c5c;font-size:13px;font-weight:650}.field>input,.password-field input{width:100%;height:54px;padding:0 16px;border:1px solid #dae3e9;border-radius:13px;outline:none;color:#112532;background:#fff;transition:border-color .18s,box-shadow .18s}.field input:focus{border-color:#54aeb7;box-shadow:0 0 0 4px #2ba0b117}.field input::placeholder{color:#9dabb5}.password-field{position:relative}.password-field input{padding-right:70px}.show-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:6px;border:0;color:#178598;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;gap:15px}.remember{display:flex;align-items:center;gap:8px;color:#687d8b;font-size:13px;font-weight:500}.remember input{accent-color:#16869a}.session-note{color:#91a0aa;font-size:11px}.login-error{padding:12px 14px;border:1px solid #f0c9c7;border-radius:11px;color:#9c3935;background:#fff5f4;font-size:13px;line-height:1.5}.primary-login{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;border:0;border-radius:14px;color:#fff;font-weight:750;cursor:pointer;background:linear-gradient(135deg,#0f7088,#0c8b79);box-shadow:0 14px 28px #0e77852e}.primary-login:not(:disabled):hover{filter:brightness(1.04)}.authorized{margin-top:28px;color:#9aa8b1;font-size:11px;text-align:center}.app-shell{min-height:100vh;background:#f4f7f9}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;flex-direction:column;width:260px;padding:22px 18px 18px;color:#fff;background:linear-gradient(180deg,#071722,#081c29 65%,#061620);border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 6px 24px}.sidebar-brand strong{display:block;font-size:15px}.sidebar-brand small{display:block;margin-top:3px;color:#718c9d;font-size:11px}.nav-label{padding:17px 11px 9px;color:#506d7f;font-size:9px;font-weight:800;letter-spacing:.17em}.sidebar-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;border:0;border-radius:11px;color:#829baa;background:transparent;text-align:left;cursor:pointer;transition:color .16s,background .16s}.nav-item:hover{color:#d6e5eb;background:#ffffff09}.nav-item.active{color:#dffffa;background:linear-gradient(90deg,#26b4a329,#1d809b14);box-shadow:inset 3px 0 #45d1b7}.nav-item span{flex:1;font-size:13px;font-weight:650}.nav-item small{color:#4f6877;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.sidebar-bottom{display:grid;gap:12px;margin-top:auto}.staff-mini{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff06}.avatar,.account-avatar{display:grid;place-items:center;border-radius:12px;color:#82e6d5;font-weight:800;background:#103342}.avatar{width:38px;height:38px;font-size:12px}.staff-mini div:last-child{min-width:0}.staff-mini strong{display:block;overflow:hidden;color:#d7e4e9;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.staff-mini small{display:block;margin-top:3px;color:#65808f;font-size:10px}.logout-button{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border:0;border-radius:10px;color:#8198a5;background:transparent;font-size:12px;cursor:pointer}.logout-button:hover{color:#f3b1aa;background:#e1504612}.dashboard-main{min-height:100vh;margin-left:260px}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;min-height:98px;padding:20px clamp(24px,4vw,52px);border-bottom:1px solid #e4eaee;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:14px}.breadcrumb{display:block;margin-bottom:5px;color:#92a1aa;font-size:10px;letter-spacing:.03em}.dashboard-topbar h1{margin:0;color:#142a37;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em}.topbar-right{display:flex;align-items:center;gap:10px}.live-status,.role-chip,.security-state,.scope-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:10px;font-weight:750}.live-status{padding:8px 11px;color:#24785f;background:#edf9f4}.live-status i,.security-state span{width:6px;height:6px;border-radius:50%;background:#31bd83}.role-chip{padding:8px 12px;color:#456575;background:#edf2f5}.mobile-menu{display:none;width:40px;height:40px;place-items:center;border:1px solid #e0e7eb;border-radius:10px;color:#405b69;background:#fff}.dashboard-content{padding:35px clamp(24px,4vw,52px) 55px}.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.overview-heading h2{margin:0;color:#18303d;font-size:21px;letter-spacing:-.025em}.overview-heading p{margin:7px 0 0;color:#81929c;font-size:12px}.security-state{padding:8px 11px;color:#56717f;background:#eaf1f4}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{min-height:145px;padding:20px;border:1px solid #e2e9ed;border-radius:16px;background:#fff;box-shadow:0 7px 24px #0f283709}.metric-card>span{display:block;color:#81939e;font-size:11px;font-weight:650}.metric-value{display:block;margin:19px 0 8px;color:#173340;font-size:clamp(21px,2vw,28px);letter-spacing:-.035em}.metric-value.loading{color:#a5b1b8}.metric-card small{color:#a0adb4;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:16px}.finance-panel,.account-panel,.module-preview,.restricted-card{border:1px solid #e2e9ed;border-radius:17px;background:#fff;box-shadow:0 7px 24px #0f283708}.finance-panel,.account-panel{min-height:290px;padding:22px}.panel-heading,.module-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-eyebrow{display:block;margin-bottom:6px;color:#7b929f;font-size:9px;font-weight:800;letter-spacing:.15em}.panel-heading h3,.module-title h3{margin:0;color:#18303d;font-size:16px}.scope-badge{padding:7px 9px;color:#2d786b;background:#eef9f6}.finance-rows{margin-top:26px}.finance-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #edf1f3}.finance-row span{color:#788d99;font-size:12px}.finance-row strong{color:#193945;font-size:15px}.panel-error{margin-top:24px;padding:14px;border-radius:10px;color:#973e39;background:#fff3f2;font-size:12px}.account-panel{text-align:center}.account-avatar{width:58px;height:58px;margin:27px auto 11px;font-size:17px}.account-name{display:block;color:#173440;font-size:14px}.account-role{display:block;margin-top:4px;color:#7c909b;font-size:10px}.account-details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px;padding-top:18px;border-top:1px solid #edf1f3}.account-details div{min-width:0;padding:0 6px}.account-details span{display:block;color:#96a4ac;font-size:9px}.account-details strong{display:block;margin-top:5px;color:#475f6c;font-size:11px}.active-text{color:#278265!important}.module-preview{margin-top:16px;padding:22px}.module-title small{color:#9ba8af;font-size:10px}.module-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.module-card{position:relative;display:flex;gap:12px;min-height:105px;padding:15px;border:1px solid #e8edef;border-radius:13px;background:#fbfcfd}.module-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:#267d83;background:#eaf5f5}.module-card strong{color:#294652;font-size:12px}.module-card p{margin:5px 0 0;color:#8c9ca5;font-size:10px;line-height:1.5}.soon-tag{position:absolute;top:10px;right:10px;color:#9ba8ae;font-size:8px;text-transform:uppercase}.restricted-card{padding:32px}.restricted-card>span{color:#238f7c;font-size:10px;font-weight:800;letter-spacing:.12em}.restricted-card h3{margin:9px 0;color:#1b3844}.restricted-card p{max-width:650px;margin:0;color:#7f929c;font-size:12px;line-height:1.7}.mobile-overlay{display:none}@media(max-width:1150px){.metrics,.module-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 20px}.mobile-lockup{display:flex;align-items:center;gap:11px;margin-bottom:58px}.sidebar{transform:translate(-100%);transition:transform .22s ease}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{position:fixed;z-index:40;inset:0;display:block;border:0;background:#04111880}.dashboard-main{margin-left:0}.mobile-menu{display:grid}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.login-form-panel{place-items:start stretch}.login-card h2{font-size:32px}.dashboard-topbar{align-items:flex-start;min-height:auto;padding:17px 16px}.breadcrumb{display:none}.dashboard-topbar h1{max-width:210px;font-size:18px}.topbar-right{gap:6px}.live-status{display:none}.role-chip{padding:7px 9px}.dashboard-content{padding:25px 16px 40px}.overview-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:126px;padding:15px}.metric-value{margin-top:16px;font-size:19px}.module-cards{grid-template-columns:1fr}}@media(max-width:420px){.metrics{grid-template-columns:1fr}.login-options{align-items:flex-start;flex-direction:column}}.ppp-page{display:grid;gap:18px}.ppp-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.ppp-heading h2{margin:0;color:#17313e;font-size:24px;letter-spacing:-.03em}.ppp-heading p{margin:7px 0 0;color:#81929c;font-size:12px}.ppp-count{min-width:90px;padding:12px 16px;border:1px solid #e1e8ec;border-radius:13px;background:#fff;text-align:center}.ppp-count span{display:block;color:#91a0a8;font-size:9px;text-transform:uppercase}.ppp-count strong{display:block;margin-top:4px;color:#193c49;font-size:20px}.ppp-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px 190px 110px;gap:12px;align-items:end;padding:16px;border:1px solid #e2e9ed;border-radius:16px;background:#fff}.ppp-filters label{display:grid;gap:7px}.ppp-filters label>span{color:#748894;font-size:10px;font-weight:700}.ppp-filters input,.ppp-filters select{width:100%;height:42px;padding:0 12px;border:1px solid #dfe7eb;border-radius:10px;outline:none;color:#274450;background:#fff}.ppp-filters input:focus,.ppp-filters select:focus{border-color:#63aeb3;box-shadow:0 0 0 3px #32909714}.ppp-refresh{height:42px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#176f84,#168376);font-size:11px;font-weight:700;cursor:pointer}.ppp-error{padding:13px 15px;border:1px solid #f0c9c7;border-radius:11px;color:#9c3935;background:#fff5f4;font-size:12px}.ppp-result-line{color:#8999a2;font-size:11px}.ppp-table-wrap{overflow-x:auto;border:1px solid #e2e9ed;border-radius:16px;background:#fff}.ppp-table{width:100%;min-width:1100px;border-collapse:collapse}.ppp-table th{padding:13px 15px;border-bottom:1px solid #e8edef;color:#81939d;background:#f8fafb;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.06em}.ppp-table td{padding:15px;border-bottom:1px solid #eef2f4;vertical-align:middle}.ppp-table tbody tr:hover{background:#fbfcfd}.ppp-table tbody tr:last-child td{border-bottom:0}.user-cell,.id-stack,.expiry-cell,.mikrotik-cell{display:grid;gap:4px}.user-cell strong,.id-stack strong,.expiry-cell strong,.mikrotik-cell strong{color:#284550;font-size:11px}.user-cell span,.id-stack span{color:#758b96;font-size:10px}.user-cell small,.expiry-cell small,.mikrotik-cell small{color:#98a6ad;font-size:9px}.status-pill{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:750}.status-good{color:#27765d;background:#eaf8f2}.status-bad{color:#9a453e;background:#fff0ef}.status-neutral{color:#617781;background:#edf2f4}.empty-table{padding:45px!important;color:#92a1a9;text-align:center;font-size:12px}.ppp-mobile-list{display:none}@media(max-width:900px){.ppp-filters{grid-template-columns:1fr 1fr}.ppp-search{grid-column:1 / -1}.ppp-table-wrap{display:none}.ppp-mobile-list{display:grid;gap:11px}.ppp-mobile-card{padding:16px;border:1px solid #e2e9ed;border-radius:15px;background:#fff}.mobile-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mobile-user-head>div{display:grid;gap:4px}.mobile-user-head strong{color:#1e3b47;font-size:13px}.mobile-user-head span:not(.status-pill){color:#81939c;font-size:10px}.mobile-status-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.mobile-status-row div,.mobile-detail-grid div{display:grid;gap:4px}.mobile-status-row span,.mobile-detail-grid span{color:#96a4ab;font-size:9px}.mobile-status-row strong,.mobile-detail-grid strong{color:#405b67;font-size:10px}.mobile-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid #edf1f3}.mobile-empty{padding:40px 15px;border:1px solid #e2e9ed;border-radius:14px;color:#91a0a8;background:#fff;text-align:center;font-size:11px}}@media(max-width:560px){.ppp-heading{align-items:flex-start}.ppp-count{min-width:75px}.ppp-filters{grid-template-columns:1fr}.ppp-search{grid-column:auto}}.recharge-page{display:grid;gap:18px}.recharge-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.recharge-heading h2{margin:0;color:#17313e;font-size:24px;letter-spacing:-.03em}.recharge-heading p{margin:7px 0 0;color:#81929c;font-size:12px}.recharge-role{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:750}.recharge-role.manager{color:#24765f;background:#e9f8f2}.recharge-role.restricted{color:#8d6650;background:#fff4ea}.recharge-warning,.recharge-error{display:grid;gap:4px;padding:13px 15px;border-radius:12px}.recharge-warning{border:1px solid #eddcc7;color:#795d46;background:#fff9f2}.recharge-warning strong{font-size:12px}.recharge-warning span{font-size:10px}.recharge-error{border:1px solid #f0c9c7;color:#9c3935;background:#fff5f4;font-size:11px}.recharge-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}.recharge-form-card,.recharge-summary{padding:22px;border:1px solid #e2e9ed;border-radius:17px;background:#fff;box-shadow:0 7px 24px #0f283708}.recharge-section{display:flex;align-items:center;gap:12px;margin-bottom:17px}.section-number{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:#238275;background:#eaf7f4;font-size:10px;font-weight:800}.section-copy{display:grid;gap:3px}.section-copy strong{color:#264450;font-size:13px}.section-copy span{color:#91a0a8;font-size:10px}.recharge-field{display:grid;gap:7px;margin-bottom:13px}.recharge-field>span{color:#718792;font-size:10px;font-weight:700}.recharge-field input,.recharge-field select{width:100%;height:44px;padding:0 12px;border:1px solid #dfe7eb;border-radius:10px;outline:none;color:#284650;background:#fff}.recharge-field input:focus,.recharge-field select:focus{border-color:#63aeb3;box-shadow:0 0 0 3px #32909714}.selected-user{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;padding:13px;border-radius:12px;background:#f6f9fa}.selected-user div{display:grid;gap:3px}.selected-user span{color:#95a3aa;font-size:8px;text-transform:uppercase}.selected-user strong{color:#435d68;font-size:10px}.recharge-divider{height:1px;margin:22px 0;background:#edf1f3}.recharge-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.recharge-type{display:grid;gap:5px;padding:14px;border:1px solid #dfe7eb;border-radius:12px;color:#526b76;background:#fff;text-align:left;cursor:pointer}.recharge-type.active{border-color:#4fa398;color:#246f68;background:#f0faf7;box-shadow:inset 0 0 0 1px #4fa398}.recharge-type strong{font-size:11px}.recharge-type span{color:#91a0a8;font-size:9px}.calculate-button,.recharge-submit{width:100%;height:45px;border:0;border-radius:11px;font-size:11px;font-weight:750;cursor:pointer}.calculate-button{color:#246b74;background:#eaf5f6}.recharge-submit{margin-top:5px;color:#fff;background:linear-gradient(135deg,#126f85,#138375);box-shadow:0 10px 20px #147c8024}.money-input{position:relative}.money-input b{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#748993;font-size:12px}.money-input input{padding-left:31px}.recharge-submit-note{display:block;margin-top:9px;color:#9aa7ae;font-size:9px;text-align:center}.summary-heading h3{margin:0;color:#1d3b47;font-size:16px}.empty-preview{margin-top:30px;padding:35px 20px;border:1px dashed #dce5e9;border-radius:13px;color:#91a0a8;background:#fbfcfd;font-size:11px;line-height:1.7;text-align:center}.summary-package{display:grid;gap:6px;margin-top:25px;padding:20px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0b3545,#0d5f61)}.summary-package span{color:#b9d4d6;font-size:10px}.summary-package strong{font-size:27px;letter-spacing:-.04em}.summary-package small{color:#8fc2bf;font-size:9px}.summary-rows{margin-top:15px}.summary-rows>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f3}.summary-rows span{color:#80929c;font-size:10px}.summary-rows strong{color:#334f5b;font-size:11px}.recharge-success{margin-top:20px;padding:20px;border:1px solid #cfe9df;border-radius:15px;background:#f4fbf8}.success-mark{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:50%;color:#fff;background:#2b9b76;font-weight:800}.recharge-success>span{color:#39816b;font-size:8px;font-weight:800;letter-spacing:.12em}.recharge-success>h3{margin:5px 0 15px;color:#21473d;font-size:13px}.success-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.success-grid div,.new-expiry{display:grid;gap:4px}.success-grid span,.new-expiry span{color:#82968e;font-size:8px}.success-grid strong,.new-expiry strong{color:#345b4f;font-size:10px}.new-expiry{margin-top:15px;padding-top:13px;border-top:1px solid #dceee7}@media(max-width:950px){.recharge-layout{grid-template-columns:1fr}}@media(max-width:650px){.recharge-heading{align-items:flex-start;flex-direction:column}.selected-user{grid-template-columns:1fr 1fr}}@media(max-width:430px){.recharge-type-grid{grid-template-columns:1fr}}.router-page{display:grid;gap:22px}.router-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.router-summary-card,.router-panel,.router-card{background:var(--surface, #ffffff);border:1px solid rgba(15,23,42,.08);border-radius:18px}.router-summary-card{padding:18px 20px}.router-summary-card span{display:block;font-size:13px;opacity:.65;margin-bottom:7px}.router-summary-card strong{font-size:26px}.router-panel{padding:22px}.router-panel-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.router-panel-heading h2,.router-card h3{margin:0}.router-panel-heading p,.router-card p{margin:5px 0 0;opacity:.68}.router-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.router-form label:not(.router-checkbox){display:grid;gap:7px}.router-form label>span{font-size:13px;font-weight:600}.router-form input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:transparent;color:inherit}.router-checkbox{display:flex;align-items:center;gap:9px;min-height:44px}.router-form-action{grid-column:1 / -1}.router-list{display:grid;gap:14px}.router-card{padding:18px}.router-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.router-details{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.router-details>div{display:grid;gap:5px}.router-details span{font-size:12px;opacity:.6}.router-details strong{font-size:14px;overflow-wrap:anywhere}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#94a3b829}.status-chip.online{background:#22c55e24}.router-empty{padding:28px 12px;text-align:center;opacity:.65}.notice{padding:12px 14px;border-radius:10px;font-size:14px}.notice-error{background:#ef44441a}.notice-success{background:#22c55e1a}@media(max-width:850px){.router-summary-grid,.router-details,.router-form{grid-template-columns:1fr}}.profile-page{display:grid;gap:18px}.profile-header h2{margin:0 0 6px}.profile-header p{margin:0;opacity:.7}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-panel{padding:20px;background:var(--surface, #fff);border:1px solid rgba(15,23,42,.08);border-radius:18px}.profile-panel:first-child{grid-column:1 / -1}.profile-panel h3{margin:0 0 18px}.profile-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-info-list>div{display:grid;gap:5px;padding:14px;border-radius:12px;background:#94a3b814}.profile-info-list span{font-size:12px;opacity:.62}.profile-form{display:grid;gap:14px}.profile-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.profile-form input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:transparent;color:inherit}.profile-form button{min-height:44px;border:0;border-radius:10px;cursor:pointer;font-weight:700}.profile-form button:disabled{opacity:.6;cursor:not-allowed}.profile-error,.profile-success{padding:12px 14px;border-radius:10px}.profile-error{background:#ef44441a}.profile-success{background:#22c55e1a}@media(max-width:820px){.profile-grid,.profile-info-list{grid-template-columns:1fr}.profile-panel:first-child{grid-column:auto}}.reseller-page{display:grid;gap:20px}.reseller-heading h2{margin:0 0 6px}.reseller-heading p{margin:0;opacity:.7}.reseller-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reseller-summary-card,.reseller-panel{background:var(--surface, #fff);border:1px solid rgba(15,23,42,.08);border-radius:18px}.reseller-summary-card{padding:18px 20px}.reseller-summary-card span{display:block;margin-bottom:7px;font-size:13px;opacity:.65}.reseller-summary-card strong{font-size:26px}.reseller-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:18px}.reseller-panel{padding:20px}.reseller-panel h3{margin:0 0 18px}.reseller-form{display:grid;gap:14px}.reseller-form label{display:grid;gap:7px}.reseller-form label>span{font-size:13px;font-weight:600}.reseller-form input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:transparent;color:inherit}.reseller-form button{min-height:44px;border:0;border-radius:10px;cursor:pointer;font-weight:700}.reseller-form button:disabled{opacity:.6;cursor:not-allowed}.reseller-list{display:grid;gap:10px}.reseller-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:12px}.reseller-row>div:first-child{display:grid;gap:4px}.reseller-row span{font-size:12px;opacity:.68}.reseller-empty{padding:28px 10px;text-align:center;opacity:.65}@media(max-width:850px){.reseller-summary-grid,.reseller-layout{grid-template-columns:1fr}}.reseller-form select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:var(--surface, #fff);color:inherit}.reseller-form input:disabled,.reseller-form select:disabled{opacity:.55;cursor:not-allowed}.reseller-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wallet-table-wrap{overflow-x:auto}.wallet-table{width:100%;border-collapse:collapse}.wallet-table th,.wallet-table td{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;white-space:nowrap}.wallet-table th{font-size:12px;opacity:.65}.wallet-table td small{display:block;margin-top:3px;opacity:.6}.wallet-history{display:grid;gap:10px}.wallet-history-row{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:10px}.wallet-history-row>div{display:grid;gap:3px}.wallet-history-row>div:last-child{text-align:right}.wallet-history-row span{font-size:11px;opacity:.65}@media(max-width:1000px){.reseller-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reseller-summary-grid{grid-template-columns:1fr}}.packages-page{display:grid;gap:20px}.packages-heading h2{margin:0 0 6px}.packages-heading p{margin:0;opacity:.7}.packages-panel{padding:20px;background:var(--surface, #fff);border:1px solid rgba(15,23,42,.08);border-radius:18px}.packages-panel h3{margin:0 0 18px}.packages-form{display:grid;gap:20px}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.packages-form label{display:grid;gap:7px}.packages-form label>span{font-size:13px;font-weight:600}.packages-form input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:transparent;color:inherit}.package-section h4{margin:0 0 12px}.package-options{display:flex;flex-wrap:wrap;gap:20px}.package-options label{display:flex;align-items:center;gap:8px}.packages-form button{width:max-content;min-height:44px;padding:0 20px;border:0;border-radius:10px;cursor:pointer;font-weight:700}.packages-table-wrap{overflow-x:auto}.packages-table{width:100%;border-collapse:collapse}.packages-table th,.packages-table td{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;white-space:nowrap}.packages-table th{font-size:12px;opacity:.65}.packages-empty{padding:28px 10px;text-align:center;opacity:.65}@media(max-width:950px){.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.packages-grid{grid-template-columns:1fr}}.packages-form select,.provision-panel select{width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:transparent;color:inherit}.provision-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.provision-title h3{margin-bottom:5px}.provision-title p{margin:0;opacity:.68}.provision-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.provision-actions button{min-height:42px;padding:0 18px;border:0;border-radius:10px;cursor:pointer;font-weight:700}.provision-actions button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:#0f172a14;color:inherit}.provision-preview{display:grid;gap:14px;margin-top:20px}.provision-summary{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 15px;border-radius:12px;background:#0f172a0a}.provision-action{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.provision-action-create{background:#22c55e1f}.provision-action-update{background:#f59e0b26}.provision-action-matched{background:#3b82f61f}.provision-result{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border-radius:12px;background:#22c55e1a}.client-filter-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.client-status-filters{display:flex;gap:8px;flex-wrap:wrap}.client-filter{border:1px solid var(--border-color, #d7dce3);border-radius:10px;padding:8px 12px;background:transparent;cursor:pointer;font:inherit}.client-filter.active{font-weight:700;box-shadow:0 0 0 1px currentColor inset}.client-search-input{min-width:260px;max-width:420px;flex:1;border:1px solid var(--border-color, #d7dce3);border-radius:10px;padding:9px 12px;font:inherit}@media(max-width:720px){.client-filter-toolbar{align-items:stretch}.client-search-input{width:100%;max-width:none;min-width:0}}.client-metadata-filters{display:flex;gap:8px;flex-wrap:wrap}.client-metadata-filters select{min-width:150px;border:1px solid var(--border-color, #d7dce3);border-radius:10px;padding:9px 10px;background:inherit;font:inherit}@media(max-width:720px){.client-metadata-filters{width:100%}.client-metadata-filters select{flex:1;min-width:130px}}.client-area-manager-toggle{border:1px solid var(--border-color, #d7dce3);border-radius:10px;padding:9px 12px;background:transparent;cursor:pointer;font:inherit}.client-area-manager{margin-bottom:18px;padding:16px;border:1px solid var(--border-color, #d7dce3);border-radius:14px}.client-area-manager-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.client-area-manager-head h3,.client-area-manager-head p{margin:0}.client-area-manager-head p{margin-top:4px;opacity:.7}.client-area-create{display:flex;gap:8px;margin-bottom:14px}.client-area-create input{flex:1;min-width:0;border:1px solid var(--border-color, #d7dce3);border-radius:10px;padding:9px 12px;font:inherit}.client-area-list{display:grid;gap:8px}.client-area-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-area-row>div:first-child{display:flex;align-items:center;gap:10px}.client-area-status{font-size:12px;opacity:.75}.client-area-actions{display:flex;gap:6px;flex-wrap:wrap}.client-area-actions button,.client-area-manager-head button,.client-area-create button{border:1px solid var(--border-color, #d7dce3);border-radius:9px;padding:7px 10px;background:transparent;cursor:pointer;font:inherit}.client-area-message{margin-bottom:12px;padding:9px 11px;border-radius:9px}.client-area-message.error,.client-area-message.success{border:1px solid currentColor}@media(max-width:720px){.client-area-manager-head,.client-area-row,.client-area-create{align-items:stretch;flex-direction:column}.client-area-actions{width:100%}.client-area-actions button{flex:1}}.client-row-clickable{cursor:pointer}.client-row-clickable:hover{filter:brightness(.98)}.client-details-backdrop{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:#00000061}.client-details-panel{width:min(720px,100%);height:100%;overflow-y:auto;background:var(--surface, #fff);box-shadow:-12px 0 32px #00000026;padding:20px}.client-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.client-details-header h3,.client-details-header p{margin:0}.client-details-header p{margin-top:4px;opacity:.65}.client-details-header button,.client-details-tabs button{border:1px solid var(--border-color, #d7dce3);border-radius:9px;padding:7px 10px;background:transparent;cursor:pointer;font:inherit}.client-details-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px}.client-details-tabs button{white-space:nowrap}.client-details-tabs button.active{font-weight:700}.client-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-details-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-details-grid span{font-size:12px;opacity:.65}.client-details-placeholder{padding:16px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}@media(max-width:640px){.client-details-panel{width:100%;padding:14px}.client-details-grid{grid-template-columns:1fr}}.client-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-edit-form label{display:flex;flex-direction:column;gap:6px}.client-edit-form label>span{font-size:12px;font-weight:600;opacity:.75}.client-edit-form input,.client-edit-form select,.client-edit-form textarea{width:100%;border:1px solid var(--border-color, #d7dce3);border-radius:9px;padding:9px 10px;background:transparent;font:inherit}.client-edit-form textarea{min-height:90px;resize:vertical}.client-edit-wide{grid-column:1 / -1}.client-edit-locked{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-edit-locked span{font-size:13px;opacity:.7}.client-edit-actions{display:flex;justify-content:flex-end;gap:8px}.client-edit-actions button{border:1px solid var(--border-color, #d7dce3);border-radius:9px;padding:8px 12px;background:transparent;cursor:pointer;font:inherit}.client-edit-actions button:disabled{cursor:default;opacity:.55}@media(max-width:640px){.client-edit-form{grid-template-columns:1fr}.client-edit-wide{grid-column:auto}.client-edit-actions{flex-direction:column}}.client-ledger-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-ledger-summary>div{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-ledger-summary span,.client-ledger-row span{font-size:12px;opacity:.7}.client-ledger-list{display:grid;gap:9px}.client-ledger-row{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-ledger-row>div{display:flex;flex-direction:column;gap:4px}.client-ledger-row>div:last-child{text-align:right}@media(max-width:640px){.client-ledger-summary{grid-template-columns:1fr}.client-ledger-row{flex-direction:column}.client-ledger-row>div:last-child{text-align:left}}.client-activity-list{display:grid;gap:10px}.client-activity-item{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:currentColor;opacity:.55}.client-activity-body{min-width:0}.client-activity-head{display:flex;justify-content:space-between;gap:12px}.client-activity-head span{font-size:12px;opacity:.65}.client-activity-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px}.client-activity-meta span{font-size:12px;opacity:.75}.client-activity-source-note{padding:10px 12px;border:1px dashed var(--border-color, #d7dce3);border-radius:10px;font-size:12px;opacity:.7}@media(max-width:640px){.client-activity-head{flex-direction:column;gap:3px}}.client-traffic-panel{display:grid;gap:12px}.client-traffic-status-row,.client-traffic-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-traffic-status-row>div,.client-traffic-rate-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--border-color, #d7dce3);border-radius:10px}.client-traffic-status-row span,.client-traffic-rate-grid span{font-size:12px;opacity:.7}.client-traffic-rate-grid strong{font-size:20px}.client-traffic-details{margin-top:0}.client-traffic-note{padding:10px 12px;border:1px dashed var(--border-color, #d7dce3);border-radius:10px;font-size:12px;opacity:.7}@media(max-width:640px){.client-traffic-status-row,.client-traffic-rate-grid{grid-template-columns:1fr}}.recharge-accounting-guide{display:grid;gap:7px;padding:12px;margin:10px 0 14px;border:1px dashed var(--border-color, #d7dce3);border-radius:10px}.recharge-accounting-guide strong{font-size:13px}.recharge-accounting-guide span{font-size:12px;line-height:1.45;opacity:.76}