:root{color-scheme:dark;--bg: #07111f;--panel: rgba(15, 23, 42, .78);--panel-strong: rgba(15, 23, 42, .94);--muted: #94a3b8;--text: #e2e8f0;--accent: #22c55e;--line: rgba(148, 163, 184, .18);--shadow: 0 24px 80px rgba(0, 0, 0, .36);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,197,94,.22),transparent 34rem),radial-gradient(circle at 80% 20%,rgba(56,189,248,.18),transparent 30rem),var(--bg);color:var(--text)}button,input,select,output{font:inherit}button{border:1px solid var(--line);border-radius:.8rem;background:#22c55e1f;color:var(--text);cursor:pointer;padding:.7rem .9rem;transition:border-color .16s ease,background .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#22c55eb3;background:#22c55e33;transform:translateY(-1px)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}label{display:grid;gap:.45rem;color:var(--muted);font-size:.84rem}input,select,output{width:100%;border:1px solid var(--line);border-radius:.85rem;background:#020617a3;color:var(--text);padding:.78rem .85rem;outline:none}output{display:block;min-height:2.9rem;color:#dcfce7}input[type=date],input[type=number],input[type=time]{direction:ltr;text-align:start}input:focus,select:focus{border-color:#22c55ecc;box-shadow:0 0 0 3px #22c55e24}.shell{display:grid;grid-template-columns:minmax(19rem,24rem) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:#020617b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.25rem}:dir(rtl) .sidebar{border-right:0;border-left:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.9rem;margin-bottom:1.25rem}.brand-text{min-width:0}.brand-mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,var(--accent),#38bdf8);box-shadow:0 18px 40px #22c55e3d;font-size:1.6rem}.brand h1,.hero h2,.panel h2,.chart-card h3{margin:0}.brand h1{font-size:1.15rem}.eyebrow{margin:0 0 .25rem;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel{display:grid;gap:.9rem;margin-top:1rem;border:1px solid var(--line);border-radius:1.15rem;background:var(--panel);padding:1rem;box-shadow:var(--shadow)}.panel h2{font-size:.98rem}.panel-title-row,.grid-2,.sample-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.language-toggle{display:flex;gap:.3rem;margin-inline-start:auto;flex-shrink:0;border:1px solid var(--line);border-radius:999px;background:#02061761;padding:.2rem}.language-toggle button{display:grid;place-items:center;width:2rem;height:2rem;min-width:0;padding:0;border-radius:999px;border-color:transparent;background:transparent;font-size:1.1rem;line-height:1;filter:grayscale(.7);opacity:.65}.language-toggle button:hover:not(.is-active){transform:none;opacity:.9;background:transparent}.language-toggle button.is-active{filter:none;opacity:1;border-color:#22c55e8c;background:#22c55e2e}.panel-title-row{align-items:center}.drop-zone{place-items:center;border:1px dashed rgba(148,163,184,.45);border-radius:1rem;background:#02061770;padding:1.25rem;text-align:center;cursor:pointer}.drop-zone input{display:none}.drop-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:999px;background:#22c55e29;color:var(--accent);font-size:1.6rem}.drop-zone small,.hint,.status,.chart-card p,.metric-card small{color:var(--muted)}.status,.hint{margin:0;font-size:.84rem;line-height:1.45}.rate-bands{display:grid;gap:.8rem}.rate-band{display:grid;gap:.7rem;border:1px solid var(--line);border-left:4px solid var(--band-color);border-radius:1rem;background:#02061761;padding:.85rem}:dir(rtl) .rate-band{border-left:1px solid var(--line);border-right:4px solid var(--band-color)}.dashboard{min-width:0;padding:1.6rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);gap:1rem;align-items:stretch;border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(135deg,#0f172aeb,#0f172a9e),linear-gradient(135deg,#22c55e24,#38bdf817);box-shadow:var(--shadow);padding:1.4rem}.hero h2{font-size:clamp(1.7rem,3vw,3.2rem);letter-spacing:-.04em}.hero p{max-width:52rem;margin:.7rem 0 0;color:#b6c2d5;line-height:1.65}.hero-card{display:grid;align-content:center;gap:.45rem;border:1px solid var(--line);border-radius:1rem;background:#02061761;padding:1rem}.hero-card span,.metric-card span{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hero-card strong{font-size:1.05rem}.discount-plan{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:.9rem 1.8rem;align-items:center;margin:1rem 0;border:1px solid rgba(34,197,94,.38);border-radius:1.4rem;background:linear-gradient(135deg,rgba(34,197,94,.14),transparent),var(--panel-strong);box-shadow:var(--shadow);padding:1.3rem 1.4rem}.discount-plan-text h3{margin:.15rem 0 0;font-size:1.15rem}.discount-plan-text .hint{margin-top:.45rem}.discount-plan-main{display:grid;gap:.85rem}.plan-select{position:relative}.plan-select-trigger{display:flex;align-items:center;gap:.85rem;width:100%;text-align:start;padding:.8rem 1rem;border-radius:1rem;border:1px solid var(--line);background:#0206178c}.plan-select-trigger:hover:not(:disabled){transform:none;border-color:#22c55e73;background:#020617b3}.plan-select.is-open .plan-select-trigger{border-color:#22c55eb3;box-shadow:0 0 0 3px #22c55e24}.plan-chip{flex-shrink:0;width:.55rem;height:2.6rem;border-radius:999px;background:var(--plan-color, var(--accent))}.plan-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.9rem;height:2.6rem;padding:.3rem;border-radius:.6rem;background:#fff;border:1px solid var(--plan-color, var(--border));box-shadow:inset 0 0 0 1px #fff9}.plan-logo img{max-width:100%;max-height:100%;object-fit:contain}.plan-info{display:grid;gap:.15rem;min-width:0;flex:1}.plan-info strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-sub{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-badge{flex-shrink:0;font-weight:800;font-size:.95rem;color:#dcfce7;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:999px;padding:.32rem .75rem}.plan-badge.is-muted{color:var(--muted);background:#94a3b81f;border-color:#94a3b84d}.plan-caret{flex-shrink:0;color:var(--muted);transition:transform .16s ease}.plan-select.is-open .plan-caret{transform:rotate(180deg)}.plan-select-menu{position:absolute;top:calc(100% + .4rem);inset-inline:0;z-index:30;display:grid;gap:.3rem;max-height:24rem;overflow:auto;padding:.4rem;border-radius:1.1rem;border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow)}.plan-select-menu[hidden]{display:none}.plan-option{display:flex;align-items:center;gap:.85rem;width:100%;text-align:start;padding:.65rem .75rem;border-radius:.85rem;border:1px solid transparent;background:transparent}.plan-option:hover:not(:disabled){transform:none;background:#22c55e1a;border-color:#22c55e4d}.plan-option.is-selected{border-color:#22c55e80;background:#22c55e24}.plan-rank{--rank-strength: 0;flex-shrink:0;display:inline-flex;align-items:center;gap:.2rem;min-width:2.6rem;justify-content:center;padding:.25rem .45rem;border-radius:.6rem;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;color:color-mix(in srgb,#fde68a calc(var(--rank-strength) * 100%),var(--muted));background:color-mix(in srgb,rgba(251,191,36,.22) calc(var(--rank-strength) * 100%),rgba(148,163,184,.12));border:1px solid color-mix(in srgb,rgba(251,191,36,.55) calc(var(--rank-strength) * 100%),rgba(148,163,184,.25))}.plan-rank.is-best{color:#422006;background:linear-gradient(135deg,#fde047,#f59e0b);border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b66,0 6px 16px -8px #f59e0be6}.plan-rank-crown{font-size:.9rem;line-height:1}.plan-rank-num{line-height:1}.plan-suggestion{display:flex;align-items:center;gap:.7rem;margin-top:.7rem;padding:.65rem .8rem;border-radius:.9rem;border:1px solid rgba(245,158,11,.45);background:linear-gradient(135deg,#f59e0b29,#22c55e14)}.plan-suggestion[hidden]{display:none}.plan-suggestion-crown{flex-shrink:0;font-size:1.4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(245,158,11,.5))}.plan-suggestion-body{display:grid;gap:.1rem;min-width:0;flex:1}.plan-suggestion-lead{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.plan-suggestion-body strong{font-size:.98rem;color:var(--text)}.plan-suggestion-savings{color:#dcfce7;font-size:.85rem;font-weight:700}.plan-suggestion-disclaimer{margin-top:.3rem;color:var(--muted);font-size:.72rem;line-height:1.35;font-weight:500}.plan-suggestion-apply{flex-shrink:0;padding:.42rem .85rem;font-size:.85rem;font-weight:700;border-radius:.7rem;color:#052e16;background:linear-gradient(135deg,#4ade80,#22c55e);border:none}.plan-suggestion-apply:hover{transform:translateY(-1px);filter:brightness(1.05)}.plan-suggestion-applied{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--muted)}.plan-params{border:1px solid var(--line);border-radius:1rem;background:#02061761;padding:.85rem 1rem}.plan-params-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}.plan-params-head span{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.plan-add{flex-shrink:0;padding:.4rem .7rem;font-size:.82rem}.plan-windows{display:grid;gap:.55rem}.plan-windows .hint{margin:.2rem 0}.plan-window{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.plan-window label{flex:1;min-width:5rem}.plan-window .pw-label{flex:1;align-self:center;color:var(--text);font-size:.92rem}.pw-remove{flex-shrink:0;width:2.6rem;height:2.85rem;padding:0;background:#f871711a;border-color:#f871714d;color:#fecaca}.pw-remove:hover:not(:disabled){background:#f8717133;border-color:#f8717199}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:1rem 0}.metric-card,.chart-card{border:1px solid var(--line);border-radius:1.15rem;background:var(--panel-strong);box-shadow:var(--shadow)}.metric-card{display:grid;gap:.45rem;min-height:8rem;padding:1rem}.metric-card strong{align-self:end;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em}.discount-card{border-color:#22c55e61;background:linear-gradient(135deg,rgba(34,197,94,.12),transparent),var(--panel-strong)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chart-card{overflow:hidden;padding:1rem}.chart-card.wide{grid-column:1 / -1}.chart-card p{margin:.35rem 0 1rem;font-size:.88rem}.chart-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}canvas{display:block;width:100%;border-radius:.8rem}.heatmap{overflow-x:auto}.heatmap-grid{display:grid;grid-template-columns:3rem repeat(24,minmax(1.65rem,1fr));gap:.25rem;min-width:48rem}.heatmap-axis{color:var(--muted);font-size:.72rem;text-align:center}.heatmap-cell{min-height:1.55rem;border-radius:.35rem;background:hsl(calc(220 - var(--strength) * 220) 72% calc(26% + var(--strength) * 38%) / calc(.32 + var(--strength) * .58))}.heatmap-summary{margin:.85rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid var(--line);padding:.75rem .35rem;text-align:left}:dir(rtl) th,:dir(rtl) td{text-align:right}th{color:var(--muted);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.quality-list div{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:.9rem;background:#02061761;padding:.9rem}.quality-list strong{font-size:1.35rem}.quality-list span{color:var(--muted);font-size:.8rem}@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.tutorial-link{width:100%;background:transparent;border-style:dashed;border-color:#38bdf873;color:#bae6fd;font-size:.86rem}.tutorial-link:hover:not(:disabled){border-color:#38bdf8cc;background:#38bdf81f}body.modal-open{overflow:hidden}.tutorial-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.25rem}.tutorial-modal[hidden]{display:none}.tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tutorial-dialog{position:relative;display:flex;flex-direction:column;width:min(46rem,100%);max-height:min(88vh,52rem);border:1px solid var(--line);border-radius:1.4rem;background:var(--panel-strong);box-shadow:var(--shadow);overflow:hidden}.tutorial-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem 1rem;border-bottom:1px solid var(--line)}.tutorial-head h2{margin:.2rem 0 0;font-size:1.3rem}.tutorial-close{flex-shrink:0;width:2.4rem;height:2.4rem;padding:0;border-radius:999px}.tutorial-body{display:grid;gap:1rem;padding:1.3rem 1.6rem;overflow:auto}.tutorial-step-index{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.tutorial-step-text{margin:0;font-size:1.08rem;line-height:1.55}.tutorial-figure{margin:0;border:1px solid var(--line);border-radius:1rem;background:#0206178c;overflow:hidden}.tutorial-figure[hidden]{display:none}.tutorial-figure img{display:block;width:100%;height:auto;max-height:46vh;object-fit:contain}.tutorial-foot{display:grid;gap:1rem;padding:1.1rem 1.6rem 1.4rem;border-top:1px solid var(--line)}.tutorial-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tutorial-nav button{min-width:6rem}.tutorial-dots{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.tutorial-dots button{width:.62rem;height:.62rem;min-width:0;padding:0;border-radius:999px;border-color:#94a3b866;background:#94a3b82e}.tutorial-dots button.is-active{border-color:var(--accent);background:var(--accent);transform:scale(1.15)}@media(max-width:760px){.dashboard,.sidebar{padding:1rem}.hero,.chart-grid,.cards,.discount-plan,.sample-actions,.grid-2,.panel-title-row,.quality-list{grid-template-columns:1fr}}