:root{color-scheme:dark;--bg:#080e1a;--sidebar:#0a1120;--card:#0f1a2b;--card2:#121f32;--line:#24334a;--line-soft:#1b293d;--text:#edf5fa;--muted:#90a0b6;--cyan:#2ddad0;--teal2:#16a8ae;--green:#71e6a5;--amber:#f9c678;--red:#ff8690;--radius:17px;--shadow:0 16px 55px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}strong,b{font-weight:650}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}small{font-size:12px}h1,h2,p{margin:0}h1{font-size:clamp(26px,3vw,35px);font-weight:730;letter-spacing:-.045em;line-height:1.2}h2{font-size:17px;font-weight:680;letter-spacing:-.025em}hr.sep{height:1px;background:var(--line);border:0;margin:24px 0}input,select{background:#0b1626;color:var(--text);border:1px solid #32415a;padding:11px 13px;outline:0;border-radius:9px;width:100%;min-height:43px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #28d8d220}input::placeholder{color:#718299}label{display:block;color:#bfcbd9;font-size:12px;font-weight:630}label>input,label>select{margin-top:7px;font-weight:450}select{appearance:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:9px;padding:10px 15px;line-height:1.2;min-height:39px;font-size:12px;font-weight:720;transition:background .18s,border .18s,transform .18s; border:1px solid var(--line)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(115deg,#23d3bd,#24c9e2);color:#061522;border-color:#1fbdc6;box-shadow:0 9px 23px #10cab226}.btn-primary:hover{color:#041020;background:#72fff0}.btn-ghost{background:#101c2d;color:#e1edfc;border-color:#30435d}.btn-ghost:hover{background:#1b2f47;color:#fff}.mini-link{color:var(--cyan);font-size:12px;font-weight:660}.accent{color:var(--cyan)}.muted{color:var(--muted)}.small{font-size:11px}.overline{font-size:10px;letter-spacing:.15em;color:var(--cyan);font-weight:820}.subline{display:block;color:var(--muted);font-size:11px;margin-top:2px}.amber{color:var(--amber)}.notice{margin:18px 36px -12px;border:1px solid #356d72;background:#0c3537;border-radius:11px;color:#c4fff2;padding:12px 17px;font-size:12px;max-width:900px}
.is-admin{padding-left:236px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:236px;display:flex;flex-direction:column;background:linear-gradient(175deg,#0d1828,#08101c);border-right:1px solid #25354a;padding:27px 13px 17px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding-left:11px;margin-bottom:45px}.brand-mark{background:linear-gradient(140deg,#20e2cb,#16a1db);color:#061826;display:grid;place-items:center;font-weight:900;font-size:22px;width:39px;height:39px;border-radius:10px;box-shadow:0 0 18px #1bcebc3d;flex:0 0 auto;letter-spacing:-.1em}.brand b{display:block;font-size:23px;letter-spacing:-.045em;line-height:1.05}.brand small{display:block;margin-top:4px;color:#8294ad;letter-spacing:.13em;font-size:8px;font-weight:740}.nav-label{font-size:10px;color:#657b94;font-weight:750;letter-spacing:.16em;margin:0 13px 12px}.sidebar-nav{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;color:#90a1b7;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:630;min-height:42px;border:1px solid transparent;background:transparent;text-align:left}.nav-symbol{font-size:18px;width:22px;text-align:center;line-height:20px}.nav-item:hover{background:#17263b;color:#fff}.nav-item.active{color:#b7fff5;background:linear-gradient(100deg,#123e45,#12293b);border-color:#215e64}.nav-item.active .nav-symbol{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.admin-card{display:flex;align-items:center;gap:10px;padding:16px 8px;border-top:1px solid var(--line-soft);margin-top:16px}.avatar{width:31px;height:31px;border-radius:10px;background:#1c3849;color:var(--cyan);display:grid;place-items:center;font-weight:800}.avatar-small{width:27px;height:27px;font-size:12px}.admin-card b,.admin-card small{display:block}.admin-card b{max-width:144px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.admin-card small{color:#8296b2;font-size:10px}.signout{margin-top:3px}.workspace{min-height:100vh}.topbar{min-height:70px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#09121e}.breadcrumb{font-size:12px;color:#aebdd2}.slash{padding:0 13px;color:#44576f}.top-actions{display:flex;align-items:center;gap:12px;color:#8a9db6}.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #67e4a017}.main-admin{padding:32px 36px 54px;max-width:1780px;margin:auto}.footer{padding:0 36px 24px;color:#6b7b91;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px}.heading h1{margin:8px 0 7px}.heading p{color:var(--muted);font-size:12px}.heading-extra{display:flex;align-items:center}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:21px 0 23px}.metric-card{background:linear-gradient(135deg,#142339,#0e1a2a);border:1px solid var(--line);padding:18px 19px 16px;border-radius:var(--radius);min-height:132px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#a6b8cd;font-size:11px;font-weight:650}.metric-icon{color:#5e8298;font-size:20px}.metric-value{font-size:29px;font-weight:790;letter-spacing:-.055em;line-height:1.15;margin:11px 0 8px}.metric-value.accent{color:var(--cyan)}.metric-value.warn{color:#f4cc86}.metric-meta{font-size:10.5px;color:#7c93ac}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 23px;min-width:0;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.panel-head p,.panel-note{font-size:12px;color:var(--muted);line-height:1.75}.panel-head h2{margin-bottom:4px}.panel-icon{font-size:24px;color:#496b80}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.two-col.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:590px}td,th{text-align:left;padding:13px 13px;border-bottom:1px solid #1c2c41;vertical-align:middle}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tr:last-child td{border-bottom:0}th{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#7f94ad;white-space:nowrap}td{font-size:12px;color:#c7d4e5}td strong{color:#f3f7fc}.table-empty{text-align:center;padding:38px 0;color:#879bb1;font-size:12px}.pill{display:inline-flex;align-items:center;white-space:nowrap;gap:7px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:680;letter-spacing:.005em;text-transform:capitalize}.pill-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.pill-success{background:#17382f;color:#70eac1}.pill-warning{background:#44331f;color:#fbd391}.pill-danger{background:#43242d;color:#ff9ea5}.pill-neutral{background:#26364a;color:#bfd2e6}.alert-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line-soft);padding:11px 0}.alert-row:last-child{border:0;padding-bottom:0}.alert-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#473c26;color:#f4cc8e;font-size:16px;flex:0 0 auto}.alert-text{flex:1;min-width:0}.alert-text b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-text small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.chevron{font-size:20px;color:#6e8ba4}.empty-mini{color:#8da2b8;padding:35px 0;text-align:center;font-size:12px}.renewal-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line-soft);padding:12px 0}.renewal-row:first-of-type{border-top:0}.renewal-row>div:nth-child(2){flex:1;min-width:0}.renewal-row b{display:block;font-size:12px}.renewal-row small{display:block;color:#8fa1b6;font-size:11px}.renewal-date{width:38px;min-width:38px;padding:4px;border-radius:8px;border:1px solid #254458;background:#101f2d;text-align:center}.renewal-date b{font-size:14px}.renewal-date small{font-size:10px}.chart-bars{height:205px;display:flex;gap:14px;align-items:end;padding:16px 6px 0;border-bottom:1px solid var(--line-soft);margin-top:15px}.chart-col{display:flex;align-items:center;flex-direction:column;gap:12px;justify-content:flex-end;flex:1;height:100%;color:#7891a9;font-size:10px}.bar-wrap{width:100%;max-width:46px;height:150px;display:flex;align-items:end}.bar{display:block;width:100%;min-height:2px;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#107b91,#34ddd0);box-shadow:0 0 16px #2bd4c225}.empty-chart{height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8196ad;font-size:12px}.big-line{font-size:29px;color:#315471}.sync-foot{font-size:11px;color:#73869e;margin-top:22px}.callout{border:1px solid #285c66;background:linear-gradient(120deg,#0e303c,#0e2330);padding:16px 18px;border-radius:12px;margin:16px 0 21px}.callout b{font-size:13px}.callout p{font-size:12px;color:#aacbd7;margin:5px 0 7px}.callout a{font-size:12px;color:var(--cyan);font-weight:700}.callout.soft{margin:23px 0 0;border-color:#1c575b}.search-form{display:flex;gap:8px;align-items:center}.search-form input{min-width:190px;max-width:260px;height:36px;min-height:36px}.search-form select{width:150px;height:36px;min-height:36px}.spacing-panel{margin-top:18px}.form-stack{display:grid;gap:16px;margin-top:18px}.form-stack .btn{justify-self:start}.form-stack label{display:block}.footnote{font-size:11px;line-height:1.7;color:#7f96ae;margin-top:16px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding:5px 0 12px}.kv-grid span{display:block;color:#8398b1;font-size:11px}.kv-grid b{display:block;margin-top:6px;font-size:12px;overflow-wrap:anywhere}.three-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.small-card{background:#102033;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.small-card div{color:#9bacc3;font-size:11px}.small-card b{display:block;margin-top:8px;font-size:27px;letter-spacing:-.05em}.timeline{border-left:2px solid #315060;padding:0 0 19px 12px;margin-top:16px}.timeline b,.timeline small{display:block}.timeline small{color:#8398b3;font-size:11px}.timeline p{font-size:12px;margin:7px 0;color:#a5b6c9}
.full-page{min-height:100vh}.main-public{min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#143247,#09111f 57%,#060c15);display:grid;place-items:center;padding:25px}.auth-wrap{width:min(100%,465px)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 24px}.auth-logo b{font-size:27px;letter-spacing:-.06em}.auth-card{background:linear-gradient(140deg,#121f31,#0d1626);border:1px solid #304158;border-radius:21px;padding:38px;box-shadow:0 25px 70px #0007}.auth-card h1{margin:12px 0 10px;font-size:28px}.auth-card p.subtitle{font-size:13px;color:#9bb1c6;margin-bottom:24px}.auth-card form{display:grid;gap:18px}.auth-card .btn{width:100%;min-height:45px}.auth-card .error{background:#45232a;color:#ffb0bc;border:1px solid #8b4553;padding:11px 13px;border-radius:9px;margin-bottom:13px}.auth-card .hint{margin-top:22px;font-size:12px;color:#829ab2}.auth-card .hint a{color:var(--cyan)}.auth-foot{text-align:center;color:#647e98;font-size:10px;margin:24px 0}
.portal-head{height:79px;border-bottom:1px solid #243449;background:#0b1522;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100% - 1120px)/2));gap:30px}.portal-head .brand{margin:0;padding:0}.portal-top-user{display:flex;align-items:center;gap:18px}.main-portal{max-width:1180px;margin:auto;padding:54px 25px 80px}.portal-hero{margin:0 0 34px}.portal-hero h1{font-size:clamp(33px,4.3vw,52px);margin:11px 0}.portal-hero p{color:#9fb0c6}.portal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:18px}.portal-feature{background:linear-gradient(140deg,#122b36,#102031 60%)}.member-plan{display:flex;align-items:center;justify-content:space-between;margin:27px 0;gap:12px}.plan-name{font-size:35px;line-height:1.2;letter-spacing:-.06em;font-weight:800;margin:5px 0}.plan-cost{color:var(--cyan);font-size:17px;font-weight:720}.portal-kv{border-top:1px solid var(--line);padding:19px 0}.portal-feature .btn{width:100%;margin-top:13px}.access-value{padding:17px 0;border-bottom:1px solid var(--line-soft)}.access-value span{display:block;font-size:11px;color:#879bb3}.access-value b{display:block;margin-top:5px;font-size:15px}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.two-col.wide-left{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.is-admin{padding-left:0;padding-bottom:65px}.sidebar{top:auto;right:0;bottom:0;width:auto;height:62px;padding:5px 7px;background:#0a1522;border-top:1px solid #30465d;border-right:0}.sidebar .brand,.sidebar .nav-label,.sidebar .sidebar-bottom{display:none}.sidebar-nav{display:flex;overflow-x:auto;gap:2px;justify-content:space-between}.sidebar-nav .nav-item{display:flex;flex-direction:column;gap:0;font-size:9px;padding:3px;min-height:50px;white-space:nowrap;width:auto;min-width:65px;text-align:center}.nav-symbol{font-size:20px}.topbar{padding:0 20px;min-height:60px}.top-actions .small{display:none}.main-admin{padding:24px 15px 48px}.footer{padding:10px 16px}.heading{align-items:flex-start;flex-wrap:wrap}.heading-extra{width:100%}.heading-extra .btn{width:100%}.metrics-grid{gap:9px}.metric-card{padding:14px;min-height:121px}.metric-value{font-size:25px}.panel{padding:17px 16px}.search-form{width:100%;flex-wrap:wrap}.search-form input{min-width:160px;flex:1}.panel-head{flex-wrap:wrap}.three-stats{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.portal-head{padding:0 20px}.portal-top-user .small{display:none}.main-portal{padding:35px 16px}.auth-card{padding:27px 23px}.kv-grid{gap:16px 8px}}@media(max-width:450px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:23px}.heading h1{font-size:30px}.three-stats{grid-template-columns:1fr}.portal-top-user .btn{padding:9px}}