*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{--brand-900:#0f2a66;--brand-800:#1b3f93;--brand-700:#1f4fb8;--brand-500:#2f74ff;--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--surface:#fff;--surface-muted:#f8fafc;--line:#e2e8f0;--shadow:0 12px 30px #0f172a14;color:var(--text-900);background:radial-gradient(circle at 0 0,#eef4ff 0,#eef4ff00 45%),radial-gradient(circle at 100% 0,#f4f8ff 0,#f4f8ff00 50%),#f4f7fb;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:var(--brand-700)}section{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px}h1,h2,h3{color:var(--text-900);letter-spacing:-.01em;margin-top:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--text-900);border-radius:10px;padding:9px 14px;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}button:hover{background:#f8fbff;border-color:#cdd8ea}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{width:100%;color:var(--text-900);background:#fff;border:1px solid #d7e0ef;border-radius:10px;padding:9px 11px}input[type=checkbox],input[type=radio]{flex-shrink:0;width:auto;margin:0}input:focus,select:focus,textarea:focus{border-color:var(--brand-500);outline:2px solid #2f74ff40}table{border-collapse:separate;border-spacing:0}thead th{background:var(--surface-muted)}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:24px}.admin-header{z-index:30;background:linear-gradient(90deg, var(--brand-900), var(--brand-700));color:#fff;border-bottom:1px solid #ffffff24;position:sticky;top:0;box-shadow:0 8px 20px #0f2a6647}.admin-header-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1480px;margin:0 auto;padding:12px 24px;display:flex}.admin-brand{letter-spacing:.01em;font-weight:700}.admin-nav{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.admin-nav-link{color:#fffffff2;border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:14px;font-weight:500;text-decoration:none}.admin-nav-link.active{color:#fff;background:#ffffff1f;border-color:#ffffff73}.admin-user{opacity:.9;font-size:12px}.admin-signout{color:#fff;background:#ffffff14;border:1px solid #ffffff73;border-radius:999px;padding:6px 12px}.admin-signout:hover{background:#ffffff2e;border-color:#ffffffb3}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-title{margin:0}.btn-primary-link{background:linear-gradient(90deg, var(--brand-800), var(--brand-600,#245ccf));color:#fff;border:1px solid #ffffff4d;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.muted{color:var(--text-500)}.muted-sm{color:var(--text-500);font-size:13px}.alert-warning{color:#9a5b00;background:#fff7e8;border:1px solid #f6d79f;border-radius:10px;padding:10px 12px}.dashboard-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-segment{border-radius:999px;padding:6px 12px;font-weight:600}.btn-segment.active{background:var(--brand-800);border-color:var(--brand-800);color:#fff}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 18px;display:grid}.kpi-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px}.kpi-title{color:var(--text-500);font-size:12px}.kpi-value{color:var(--text-900);font-size:28px;font-weight:700}.charts-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.panel-title{margin:0}.modal-overlay{z-index:1100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-window{border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab-btn{border-radius:999px;padding:9px 14px;font-weight:600}.tab-btn.active{background:var(--brand-800);border-color:var(--brand-800);color:#fff}