:root,[data-theme=light]{--bg-page:#eef4fb;--bg-card:#ffffff94;--bg-muted:#ffffff6b;--bg-soft:#0f172a0d;--bg-app:url(/golos-bg-light.svg) center center / cover no-repeat fixed, linear-gradient(160deg, #eaf2fb 0%, #e7f1fa 48%, #e8f6f4 100%);--text:#0f2138;--text-soft:#51637b;--text-mute:#7c8aa0;--line:#0f172a12;--border:#ffffffbf;--border-h:#0f172a2e;--primary:#0891b2;--primary-dark:#0e7490;--primary-soft:#0891b21f;--primary-text:#0e7490;--secondary:#14b8a6;--gradient:linear-gradient(135deg, #06b6d4, #14b8a6);--accent-rgb:8, 145, 178;--success:#059669;--success-dark:#047857;--success-soft:#0596691f;--success-text:#065f46;--success-grad:linear-gradient(135deg, #10b981, #14b8a6);--warning:#d97706;--warning-soft:#d9770621;--warning-text:#92400e;--danger:#e11d48;--danger-soft:#e11d481a;--danger-text:#9f1239;--glass-blur:saturate(150%) blur(16px);--card-border:1px solid #ffffffbf;--glass-hi:inset 0 1px 0 #ffffffe6;--glass-sheen:linear-gradient(160deg, #ffffff59, #ffffff0f);--bokeh:radial-gradient(440px 440px at 12% 20%, #38bdf84d, transparent 62%), radial-gradient(400px 400px at 80% 10%, #2dd4bf47, transparent 62%), radial-gradient(480px 480px at 86% 80%, #6366f12e, transparent 62%), radial-gradient(380px 380px at 28% 90%, #a855f729, transparent 62%), radial-gradient(320px 320px at 55% 50%, #22d3ee1f, transparent 62%);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:18px;--r-pill:999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 1px 2px #0f172a0a, 0 4px 24px #0f172a0a;--shadow-lg:0 4px 12px #0f172a0f;--shadow-xl:0 25px 80px #0f172a40;--shadow-accent:0 4px 14px rgba(var(--accent-rgb), .25);--ease:cubic-bezier(.4,0,.2,1);--t-fast:.12s;--t-med:.2s;--t-slow:.8s}[data-theme=dark-off]{--bg-page:transparent;--bg-card:#ffffff0b;--bg-muted:#ffffff0a;--bg-soft:#ffffff12;--bg-app:url(/golos-bg-dark.svg) center center / cover no-repeat fixed, linear-gradient(160deg, #0a1428 0%, #0c1d39 48%, #0a1730 100%);--text:#e8eef7;--text-soft:#9fb2cc;--text-mute:#6b7f9e;--line:#ffffff0f;--border:#ffffff1a;--border-h:#fff3;--primary:#38bdf8;--primary-dark:#0ea5e9;--primary-soft:#38bdf824;--primary-text:#7dd3fc;--secondary:#2dd4bf;--gradient:linear-gradient(135deg, #2dd4bf, #22d3ee);--accent-rgb:56, 189, 248;--success:#34d399;--success-dark:#10b981;--success-soft:#34d39924;--success-text:#6ee7b7;--success-grad:linear-gradient(135deg, #34d399, #22d3ee);--warning:#fbbf24;--warning-soft:#fbbf2426;--warning-text:#fcd34d;--danger:#fb7185;--danger-soft:#fb718526;--danger-text:#fda4af;--glass-blur:saturate(150%) blur(18px);--card-border:1px solid #ffffff1a;--glass-hi:inset 0 1px 0 #ffffff1a;--glass-sheen:linear-gradient(160deg, #ffffff1a, #ffffff04);--bokeh:radial-gradient(460px 460px at 12% 20%, #38bdf842, transparent 62%), radial-gradient(420px 420px at 80% 8%, #2dd4bf3d, transparent 62%), radial-gradient(520px 520px at 88% 82%, #6366f142, transparent 62%), radial-gradient(400px 400px at 26% 92%, #a855f738, transparent 62%), radial-gradient(340px 340px at 55% 48%, #22d3ee24, transparent 62%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000047, inset 0 1px 0 #ffffff0d;--shadow-lg:0 12px 36px #0006;--shadow-xl:0 30px 90px #0000008c;--shadow-accent:0 6px 22px rgba(var(--accent-rgb), .35)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-app)}html,body{color:var(--text);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}body{background:var(--bg-app);width:100%;min-height:100vh;transition:color var(--t-med) var(--ease);background-attachment:fixed;padding:28px 32px 60px;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:var(--bokeh);transition:background var(--t-med) var(--ease);background-attachment:fixed;position:fixed;inset:-8%}.container,.container-md,.container-lg,.container-xl,.app-shell{z-index:1;position:relative}h1{letter-spacing:-.01em;font-size:22px;font-weight:600}h2{letter-spacing:-.01em;font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.container{width:100%}.container-md{max-width:720px;margin:0 auto}.container-lg{max-width:1080px;margin:0 auto}.container-xl{max-width:1360px;margin:0 auto}.brand-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand-left{align-items:center;gap:14px;display:flex}.logo{background:var(--gradient);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.brand-name{letter-spacing:-.01em;font-size:18px;font-weight:600}.brand-tagline{color:var(--text-soft);font-size:13px}.theme-toggle{border-radius:var(--r-md);border:var(--card-border);background:var(--bg-card);width:38px;height:38px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-soft);cursor:pointer;transition:all var(--t-fast) var(--ease);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--border-h);transform:translateY(-1px)}.theme-toggle:before{content:"🌙"}[data-theme=dark-off] .theme-toggle:before{content:"☀️"}.golos-theme-toggle{z-index:99999;border:var(--card-border);background:var(--bg-card);width:44px;height:44px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);cursor:pointer;box-shadow:var(--shadow-md), var(--glass-hi);border-radius:12px;justify-content:center;align-items:center;font-size:19px;line-height:1;transition:transform .12s,border-color .12s;display:inline-flex;position:fixed;bottom:20px;right:20px}.golos-theme-toggle:hover{border-color:var(--border-h);transform:translateY(-2px)}.golos-theme-toggle:before{content:"🌙"}.theme-toggle,.golos-theme-toggle{display:none!important}.pill{border-radius:var(--r-pill);background:var(--bg-card);color:var(--text-soft);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.pill .dot{border-radius:var(--r-pill);width:6px;height:6px}.pill.green{color:var(--success-text);background:var(--success-soft);border-color:#0000}.pill.green .dot{background:var(--success);animation:2s infinite pulse;box-shadow:0 0 0 4px #10b98126}.pill.amber{color:var(--warning-text);background:var(--warning-soft);border-color:#0000}.pill.amber .dot{background:var(--warning)}.pill.red{color:var(--danger-text);background:var(--danger-soft);border-color:#0000}.pill.red .dot{background:var(--danger)}.pill.gray{color:var(--text-soft)}.pill.gray .dot{background:var(--text-mute)}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #10b98126}50%{box-shadow:0 0 0 8px #10b9810d}}.card{background-color:var(--bg-card);background-image:var(--glass-sheen);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md), var(--glass-hi);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:20px}.card.elevated{box-shadow:var(--shadow-lg), var(--glass-hi)}.card.hero{border-radius:var(--r-xl);padding:28px}.card.accent{background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent);border-color:#0000}.card.accent .metric-label,.card.accent .text-soft{color:#ffffffd9}.card-interactive{transition:transform var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease)}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric{background-color:var(--bg-card);background-image:var(--glass-sheen);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md), var(--glass-hi);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:20px;position:relative;overflow:hidden}.metric.tint-cyan{box-shadow:var(--shadow-md), var(--glass-hi), 0 10px 34px #38bdf829;background-image:linear-gradient(160deg,#38bdf838,#38bdf808)}.metric.tint-success{box-shadow:var(--shadow-md), var(--glass-hi), 0 10px 34px #2dd4bf29;background-image:linear-gradient(160deg,#2dd4bf38,#2dd4bf08)}.metric.tint-danger{box-shadow:var(--shadow-md), var(--glass-hi), 0 10px 34px #f43f5e26;background-image:linear-gradient(160deg,#f43f5e33,#f43f5e08)}.metric.tint-warning{box-shadow:var(--shadow-md), var(--glass-hi), 0 10px 34px #fbbf2426;background-image:linear-gradient(160deg,#fbbf2433,#fbbf2408)}.metric-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.metric-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.metric-icon{border-radius:var(--r-md);background:var(--bg-soft);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.metric-icon svg{width:16px;height:16px;stroke:var(--text-soft);fill:none;stroke-width:1.8px}.metric.accent .metric-icon{background:var(--primary-soft)}.metric.accent .metric-icon svg{stroke:var(--primary)}.metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:28px;font-weight:700}.metric-note{color:var(--text-mute);margin-top:4px;font-size:12px}.metric-note .up{color:var(--success);font-weight:500}.hero-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.hero-num.xl{font-size:72px}.hero-num .unit{opacity:.7;margin-left:6px;font-size:.45em;font-weight:600}.hero-num.success{background:var(--success-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:all var(--t-fast) var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{box-shadow:0 6px 18px rgba(var(--accent-rgb), .4);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:var(--primary-dark);color:#fff}.btn-ghost{background:var(--bg-card);color:var(--text-soft);border-color:var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-ghost:hover{background:var(--bg-muted);border-color:var(--border-h);color:var(--text)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-dark);color:#fff}.btn-lg{border-radius:var(--r-md);padding:11px 20px;font-size:14px;font-weight:600}.btn-icon{padding:6px 9px;font-size:14px;font-weight:600}.field{margin-bottom:20px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field .hint{color:var(--text-mute);margin-left:4px;font-size:12px;font-weight:400}input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card);width:100%;color:var(--text);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--t-fast), box-shadow var(--t-fast);font-variant-numeric:tabular-nums;padding:10px 12px;font-family:inherit;font-size:14px}input::placeholder,textarea::placeholder{color:var(--text-mute)}input:hover,textarea:hover,select:hover{border-color:var(--border-h)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18);outline:none}textarea{resize:vertical;min-height:90px;line-height:1.5}.bar-track{background:var(--bg-soft);border-radius:var(--r-pill);height:10px;overflow:hidden}.bar-fill{background:var(--gradient);border-radius:var(--r-pill);height:100%;box-shadow:0 1px 2px rgba(var(--accent-rgb), .3);transition:width var(--t-slow) var(--ease)}.table-card{background-color:var(--bg-card);background-image:var(--glass-sheen);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md), var(--glass-hi);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden}table.golos{border-collapse:collapse;width:100%}table.golos th{background:var(--bg-muted);color:var(--text-soft);text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:600}table.golos td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text);padding:11px 12px;font-size:13px}table.golos tr:last-child td{border-bottom:none}table.golos tbody tr{transition:background var(--t-fast)}table.golos tbody tr:hover{background:var(--bg-muted)}.badge{background:var(--primary-soft);color:var(--primary-text);border-radius:var(--r-sm);align-items:center;padding:4px 8px;font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-danger{background:var(--danger-soft);color:var(--danger-text)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--t-fast) ease;background:#080f1e99;display:none;position:fixed;inset:0}.modal-overlay.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:var(--card-border);-webkit-backdrop-filter:saturate(140%)blur(20px);backdrop-filter:saturate(140%)blur(20px);max-width:980px;max-height:88vh;box-shadow:var(--shadow-xl);border-radius:14px;margin:32px auto;padding:28px 32px;position:relative;overflow-y:auto}[data-theme=dark-off] .modal-box{background:#0e2038}.modal-close{background:var(--bg-soft);width:32px;height:32px;color:var(--text-soft);cursor:pointer;border-radius:var(--r-md);transition:all var(--t-fast);border:none;font-size:22px;line-height:1;position:absolute;top:18px;right:20px}.modal-close:hover{background:var(--border);color:var(--text)}.app-shell{align-items:flex-start;gap:22px;display:flex}.sidebar{background-color:var(--bg-card);background-image:var(--glass-sheen);border:var(--card-border);border-radius:var(--r-xl);width:234px;box-shadow:var(--shadow-md), var(--glass-hi);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-shrink:0;padding:16px 12px;position:sticky;top:22px}.app-main{flex:1;min-width:0}.nav-item{border-radius:var(--r-md);color:var(--text-soft);cursor:pointer;transition:all var(--t-fast) var(--ease);align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--bg-soft);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary-text);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .25);font-weight:600}[data-theme=dark-off] .nav-item.active{color:#d6f4ff}.bars{align-items:flex-end;gap:7px;height:130px;display:flex}.bars span{background:var(--gradient);opacity:.9;box-shadow:0 -2px 14px rgba(var(--accent-rgb), .3);transition:height var(--t-slow) var(--ease);border-radius:5px 5px 0 0;flex:1}.glow{text-shadow:0 0 26px rgba(var(--accent-rgb), .55)}.glow-success{text-shadow:0 0 26px #2dd4bf8c}.tabular{font-variant-numeric:tabular-nums}.text-soft{color:var(--text-soft)}.text-mute{color:var(--text-mute)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.flex{display:flex}.grid{display:grid}.center{justify-content:center;align-items:center;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}@media (max-width:720px){body{padding:20px 16px 40px}h1{font-size:20px}.hero-num{font-size:40px}.hero-num.xl{font-size:52px}.metric-value{font-size:24px}.card.hero{padding:20px}}
