:root{--bg:#f6f8fc;--card:#ffffff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#4f46e5;--primary-2:#7c3aed;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--radius:20px;--shadow:0 10px 30px rgba(15,23,42,.06),0 2px 8px rgba(15,23,42,.04);--shadow-lg:0 20px 60px rgba(15,23,42,.1),0 8px 20px rgba(15,23,42,.06)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 600px at -5% -10%,rgba(79,70,229,.18),transparent 60%),radial-gradient(1000px 500px at 95% 0%,rgba(6,182,214,.2),transparent 60%),radial-gradient(900px 500px at 50% 120%,rgba(124,58,237,.14),transparent 60%),var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:22px 18px 80px}header{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}.brand{display:flex;gap:12px;align-items:center}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.brand h1{margin:0;font-size:20px;letter-spacing:-.02em}.brand p{margin:2px 0 0;color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;gap:6px;background:#ffffffe6;border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:10px;font-weight:700;box-shadow:var(--shadow)}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b9812e;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.settings-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow);margin-bottom:14px}.settings-bar .s-item{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:700}.settings-bar .s-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.settings-bar .s-item b{background:#f1f5f9;border:1px solid var(--line);padding:3px 9px;border-radius:999px;font-size:11px}.tabs{display:flex;gap:5px;padding:5px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;width:fit-content;margin:0 0 16px;box-shadow:var(--shadow);flex-wrap:wrap}.tab{border:0;background:transparent;padding:9px 14px;border-radius:999px;font-weight:800;font-size:11px;cursor:pointer;color:var(--muted);transition:.2s}.tab.active{background:var(--ink);color:#fff;box-shadow:0 6px 18px #0f172a2e}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}@media(max-width:980px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:relative;overflow:hidden}.card.huge{padding:20px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title h2{margin:0;font-size:13px;letter-spacing:-.01em}.card-title .hint{font-size:10px;color:var(--muted)}.form{display:grid;gap:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:640px){.row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.field input,.field select{border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:12px;font-weight:600;background:#fff;outline:none;transition:.2s}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.field .suffix{font-size:9px;color:var(--muted)}.result{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:16px;padding:14px;position:relative;overflow:hidden}.result:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at 20% 0%,rgba(79,70,229,.35),transparent 60%),radial-gradient(400px 200px at 90% 20%,rgba(6,182,214,.25),transparent 60%);pointer-events:none}.result>*{position:relative}.result h3{margin:0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.result-item{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px}.result-item .l{font-size:8px;opacity:.7;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.result-item .v{font-size:14px;font-weight:800;margin-top:2px}.result-item .s{font-size:8px;opacity:.6;margin-top:1px}.result-item.highlight{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:9px;font-weight:800}.pill.green{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.pill.blue{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.pill.amber{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--line);margin-top:6px}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;padding:7px 9px;background:#f8fafc;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:7px 9px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.tip{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;padding:9px 11px;font-size:10px;color:#475569;display:flex;gap:7px;align-items:flex-start}.canvas-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}canvas{width:100%;display:block}.footer{margin-top:20px;text-align:center;color:var(--muted);font-size:9px}.hidden{display:none!important}.segment{display:flex;gap:3px;background:#f1f5f9;border-radius:9px;padding:3px;width:fit-content}.segment button{border:0;background:transparent;padding:4px 9px;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer;color:var(--muted)}.segment button.active{background:#fff;box-shadow:var(--shadow);color:var(--ink)}.btn{border:0;border-radius:11px;padding:11px 14px;font-weight:800;font-size:11px;cursor:pointer;background:var(--ink);color:#fff;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));font-size:12px;padding:13px 16px;box-shadow:0 10px 24px #4f46e559}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:6px 9px;font-size:9px;border-radius:8px}.quick{display:flex;gap:4px;flex-wrap:wrap}.quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;cursor:pointer}.quick button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.big-input{font-size:16px!important;font-weight:900!important;padding:12px!important;border-radius:12px!important}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:9px 14px;border-radius:999px;font-size:10px;font-weight:700;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.3s;z-index:99}.toast.show{opacity:1}.accordion{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-top:8px}.acc-head{padding:9px 11px;background:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800}.acc-body{padding:10px;display:none}.acc-body.open{display:block}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}@media(max-width:640px){.kpi{grid-template-columns:1fr}}.kpi-item{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:13px;padding:9px}.kpi-item .label{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.kpi-item .value{font-size:15px;font-weight:900;margin-top:2px}.drop{border:2px dashed #cbd5e1;border-radius:14px;padding:16px;text-align:center;background:#f8fafc;transition:.2s;cursor:pointer}.drop.dragover{border-color:var(--primary);background:#eef2ff}.drop input{display:none}.month-heat{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media(max-width:640px){.month-heat{grid-template-columns:repeat(3,1fr)}}.heat{border-radius:12px;padding:10px 6px;text-align:center;border:1px solid var(--line);cursor:pointer;transition:.2s;background:#fff;-webkit-user-select:none;user-select:none}.heat .m{font-weight:900;font-size:12px;letter-spacing:-.02em}.heat .d{font-size:10px;color:var(--muted);margin-top:2px;font-weight:700}.heat.good{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#14532d}.heat.good .d{color:#166534}.heat.mid{background:linear-gradient(180deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#78350f}.heat.mid .d{color:#92400e}.heat.bad{background:linear-gradient(180deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#7f1d1d}.heat.bad .d{color:#991b1b}.heat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.heat-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:9px;font-weight:700}.heat-legend span{display:inline-flex;align-items:center;gap:4px}.heat-legend .dot{width:10px;height:10px;border-radius:4px;border:1px solid var(--line)}.dash-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);color:#fff;border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.dash-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 20% 0%,rgba(79,70,229,.5),transparent 60%),radial-gradient(500px 300px at 90% 10%,rgba(6,182,214,.4),transparent 60%),radial-gradient(400px 200px at 50% 100%,rgba(124,58,237,.3),transparent 60%)}.dash-hero>*{position:relative}.dash-hero h2{margin:0;font-size:22px;letter-spacing:-.02em;line-height:1.1}.dash-hero p{margin:6px 0 0;opacity:.7;font-size:12px}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}@media(max-width:980px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dash-kpi-grid{grid-template-columns:1fr}}.dash-kpi{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.2s}.dash-kpi:hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 12px 30px #0003}.dash-kpi .l{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-weight:800}.dash-kpi .v{font-size:18px;font-weight:900;margin-top:4px;letter-spacing:-.02em}.dash-kpi .s{font-size:10px;opacity:.6;margin-top:2px}.dash-kpi .bar{height:4px;background:#ffffff26;border-radius:999px;margin-top:8px;overflow:hidden}.dash-kpi .bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#fff,#fff9)}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}@media(max-width:980px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);transition:.2s}.dash-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.dash-card h3{margin:0 0 10px;font-size:12px;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.forecast-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.scenario{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;background:#fff;transition:.2s;cursor:pointer}.scenario:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.scenario.active{border-color:var(--primary);background:linear-gradient(180deg,#eef2ff,#fff);box-shadow:0 8px 20px #4f46e526}.scenario .p{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase}.scenario .a{font-size:14px;font-weight:900;margin-top:4px}.scenario .n{font-size:9px;color:var(--muted);margin-top:2px}.countdown{display:flex;gap:8px;margin-top:8px}.cd-item{background:#0f172a;color:#fff;border-radius:10px;padding:8px 10px;text-align:center;min-width:60px}.cd-item .num{font-size:16px;font-weight:900}.cd-item .lbl{font-size:8px;text-transform:uppercase;opacity:.6;letter-spacing:.05em}.slider-wrap{margin-top:10px}input[type=range]{width:100%;accent-color:var(--primary);height:4px}.slider-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:700;margin-top:4px}.wow-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:shim 2.5s infinite}@keyframes shim{to{transform:translate(100%)}}:root{font-size:clamp(14px,.32vw + 13.2px,18px);--fs-xs:max(11px,.78rem);--fs-sm:max(12.5px,.88rem);--fs-md:max(13.5px,.95rem);--fs-lg:max(15px,1.12rem);--fs-xl:max(18px,1.45rem);--maxw:100rem}.wrap{max-width:var(--maxw);padding:1.4rem clamp(.9rem,2.2vw,2.6rem) 5rem}th,.field label,.field .suffix,.kpi-item .label,.result-item .l,.result-item .s,.cd-item .lbl,.dash-kpi .l,.btn.small,.footer,.heat-legend,.pill,.quick button,.scenario .n,.settings-bar .s-item span,.slider-labels,.wow-badge{font-size:var(--fs-xs)}table,td,.acc-head,.badge,.card-title .hint,.dash-kpi .s,.heat .d,.scenario .p,.segment button,.tip,.toast,.tab,.btn,.login-card p{font-size:var(--fs-sm)}.btn.primary,.btn.small.primary,.brand h1,.card-title h2,.dash-card h3,.login-card h2{font-size:var(--fs-md)}.result-item .v,.kpi-item .value,.heat .m,.cd-item .num{font-size:var(--fs-lg)}.dash-kpi .v{font-size:var(--fs-xl)}.dash-hero h2{font-size:clamp(1.25rem,2.2vw,2rem)}.settings-bar .s-item b{font-size:var(--fs-sm)}.field input,.field select{font-size:var(--fs-md)}.big-input{font-size:var(--fs-lg)!important}.kpi{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.month-heat{grid-template-columns:repeat(auto-fit,minmax(6.2rem,1fr))}.dash-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.forecast-scenarios{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.result-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.countdown{flex-wrap:wrap}.cd-item{min-width:0;flex:1 1 5.5rem}@media(min-width:1600px){.grid,.dash-grid{grid-template-columns:1.35fr .65fr}}@media(max-width:900px){.grid,.dash-grid{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.row{grid-template-columns:1fr}.table-wrap table thead{display:none}.table-wrap table tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem;padding:.55rem .2rem;border-bottom:1px solid var(--line)}.table-wrap td{border:0;white-space:normal;padding:.1rem .3rem}.table-wrap td:before{content:attr(data-label);display:block;color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:800}}canvas{width:100%;height:clamp(9rem,20vh,17rem);display:block}.logo{animation:none}.shimmer:after{display:none}.badge .dot{animation:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){:root{--bg:#0b1020;--card:#141a2e;--ink:#e6ebf5;--muted:#93a1bd;--line:#26304d}body{background:var(--bg)}th{background:#1a2138}td{border-bottom-color:#1e2742}.field input,.field select{background:#0f1528;color:var(--ink);border-color:var(--line)}.dash-card,.card{background:var(--card)}}@media print{.tabs,.settings-bar,.btn,.drop,.login-overlay,header .badge{display:none!important}body{background:#fff}.card,.dash-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(900px 500px at 20% 0%,rgba(79,70,229,.35),transparent 60%),radial-gradient(800px 500px at 90% 10%,rgba(6,182,214,.3),transparent 60%),#0b1020}.login-card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow-lg);padding:1.6rem;width:min(24rem,100%);display:grid;gap:.7rem}.login-logo{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.login-card h2{margin:.2rem 0 0;font-size:var(--fs-xl)}.login-card p{margin:0;color:var(--muted);font-size:var(--fs-sm)}.login-error{color:#b91c1c;font-size:var(--fs-sm);font-weight:700;min-height:1.1em}