:root{--bg: #0a0e1a;--bg-soft: #0f1526;--card: #131a2e;--card-2: #172037;--border: #232d47;--border-soft: #1b2338;--text: #eaeef8;--text-dim: #b4bfd6;--muted: #7f8cab;--brand: #4f7cf7;--brand-2: #7d5bff;--brand-ink: #ffffff;--green: #34c77b;--amber: #f0a92b;--red: #f2555a;--green-bg: rgba(52, 199, 123, .14);--amber-bg: rgba(240, 169, 43, .14);--red-bg: rgba(242, 85, 90, .14);--brand-bg: rgba(79, 124, 247, .12);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.22);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--ring: 0 0 0 3px rgba(79,124,247,.35)}@media (prefers-color-scheme: light){:root{--bg: #f6f8fc;--bg-soft: #ffffff;--card: #ffffff;--card-2: #f7f9fd;--border: #e5e9f2;--border-soft: #eef1f7;--text: #131a2e;--text-dim: #3a4661;--muted: #6b7794;--shadow: 0 1px 2px rgba(30,50,90,.06), 0 8px 24px rgba(30,50,90,.07);--shadow-sm: 0 1px 2px rgba(30,50,90,.06)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}a{color:var(--brand);text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em}table,.tnum,.stat-value,.kpi-value{font-variant-numeric:tabular-nums}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.dim{color:var(--text-dim)}.row{display:flex;align-items:center;gap:var(--s3)}.wrap{flex-wrap:wrap}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.num{text-align:right;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px 16px;border-radius:var(--r-sm);border:1px solid var(--border);font-weight:600;font-size:14px;cursor:pointer;transition:.14s ease;background:var(--card);color:var(--text);white-space:nowrap}.btn:hover{background:var(--card-2);border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:transparent}.btn-primary:hover{background:#4270ee;border-color:transparent}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--card);border-color:var(--border)}.btn-danger{color:var(--red);border-color:transparent;background:var(--red-bg)}.btn-danger:hover{background:#f2555a38}.btn-sm{padding:5px 10px;font-size:13px;border-radius:6px}.btn-icon{width:30px;height:30px;padding:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:var(--s5)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border-soft)}.panel-head .icon{color:var(--brand);flex-shrink:0}.panel-title{margin:0;font-size:15px;font-weight:650}.panel-sub{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.panel-body{padding:var(--s5)}.panel-body.tight{padding:var(--s4) var(--s5)}.page-head{margin-bottom:var(--s5)}.page-head h1{font-size:24px;margin:0 0 4px}.page-head p{margin:0;color:var(--muted);font-size:14px}.section-title{font-size:22px;margin:0 0 4px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:var(--s4) var(--s5);box-shadow:var(--shadow-sm)}.stat-label{font-size:12.5px;color:var(--muted);margin-bottom:6px}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em}.stat-delta{font-size:12.5px;margin-top:4px;font-weight:600}.stat-delta.up{color:var(--green)}.stat-delta.down{color:var(--red)}.stat-delta.flat{color:var(--muted)}.badge,.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.badge-green,.pill-green{background:var(--green-bg);color:var(--green)}.badge-red,.pill-red{background:var(--red-bg);color:var(--red)}.badge-amber,.pill-amber{background:var(--amber-bg);color:var(--amber)}.pill-brand{background:var(--brand-bg);color:var(--brand)}.pill-muted{background:var(--card-2);color:var(--muted)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:var(--s5)}.tab{padding:9px 14px;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--muted)}.empty .icon{color:var(--muted);opacity:.6;margin-bottom:var(--s3)}.empty h4{margin:0 0 6px;color:var(--text);font-size:15px}.empty p{margin:0 auto;max-width:420px;font-size:13.5px}.toolbar{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:flex-end;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s5)}.seg{display:inline-flex;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;gap:2px}.seg button{border:none;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:5px 12px;border-radius:6px;cursor:pointer}.seg button.active{background:var(--brand);color:var(--brand-ink)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav .logo{font-weight:800;font-size:18px;letter-spacing:-.03em}.nav .logo span{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:var(--s3);align-items:center}.hero{position:relative;overflow:hidden;padding:84px 0 56px}.hero:before{content:"";position:absolute;inset:-30% 15% auto auto;width:620px;height:620px;background:radial-gradient(circle,rgba(125,91,255,.28),transparent 62%);filter:blur(24px);z-index:0}.hero-inner{position:relative;z-index:1;max-width:780px}.hero h1{font-size:clamp(32px,6vw,54px);line-height:1.06;margin:0 0 18px}.hero h1 .grad{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:clamp(16px,2.3vw,19px);color:var(--text-dim);margin:0 0 28px}.hero-cta{display:flex;gap:var(--s3);flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 0 60px}.feature h3{margin:12px 0 6px;font-size:18px}.feature p{color:var(--muted);margin:0;font-size:14px}.feature .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#4f7cf72e,#7d5bff2e)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-10px}.groups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.auth-wrap{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:40px 20px}.auth-card{width:100%;max-width:420px}.field{margin-bottom:var(--s4)}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,.field select,input[type=date],select{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:14px;font-family:inherit}.field input:focus,.field select:focus,input:focus,select:focus{outline:none;box-shadow:var(--ring);border-color:transparent}.form-error{color:var(--red);font-size:14px;margin:8px 0}.cabinet{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - 58px)}.sidebar{border-right:1px solid var(--border);padding:var(--s4) var(--s3)}.side-id{font-size:11.5px;color:var(--muted);padding:0 12px 12px;border-bottom:1px solid var(--border-soft);margin-bottom:10px;letter-spacing:.3px}.side-group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 12px 6px}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);color:var(--text-dim);font-weight:550;font-size:14px;margin-bottom:2px}.sidebar a .icon{color:var(--muted);flex-shrink:0}.sidebar a:hover{background:var(--card);color:var(--text)}.sidebar a.active{background:var(--brand-bg);color:var(--brand)}.sidebar a.active .icon{color:var(--brand)}.content{padding:var(--s6);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th,table.data td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border-soft)}table.data thead th{color:var(--muted);font-weight:600;white-space:nowrap;position:sticky;top:0;background:var(--card)}table.data tbody tr:hover{background:var(--card-2)}table.data td.num,table.data th.num{text-align:right}@media (max-width: 1000px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.features,.groups-grid,.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cabinet{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);display:flex;gap:6px;overflow-x:auto;padding:10px}.side-id,.side-group{display:none}.sidebar a{white-space:nowrap;margin:0}}@media (max-width: 560px){.grid-4,.grid-3{grid-template-columns:1fr}.nav-links .btn{padding:8px 12px;font-size:14px}.content{padding:18px 14px}}