:root{color-scheme:light;--ink: #0f2a4d;--muted: #5b7394;--soft: #a7b0c0;--page: #9aa7b8;--shell: #f4f6fb;--card: rgba(255, 255, 255, .78);--card-solid: #fbfcff;--card-border: rgba(255, 255, 255, .8);--line: rgba(0, 68, 145, .1);--brand: #004491;--brand-2: #0a5ab5;--accent: #004491;--accent-2: #2e6fc2;--accent-soft: #d6e4f5;--ink-deep: #004491;--ok: #2f9d6a;--bad: #d05656;--ok-bg: #e6f6ee;--bad-bg: #fdecec;--danger-from: #fff1f1;--danger-to: #fde0e0;--shadow: 0 18px 50px rgba(0, 68, 145, .12);--btn-shadow: 0 8px 20px rgba(0, 68, 145, .14);--card-inset: 0 1px 0 rgba(255, 255, 255, .8) inset;--control: linear-gradient(180deg, #ffffff 0%, #eef2ff 100%);--tabs-bg: linear-gradient(180deg, #ffffff 0%, #e8f0ff 100%);--bar-bg: rgba(255, 255, 255, .52);--bar-border: rgba(255, 255, 255, .75);--bar-chip: rgba(255, 255, 255, .78);--bar-active: rgba(0, 68, 145, .14);--ring-tick: #c5cddb;--ring-track: #e7ecf5;--ghost-border: rgba(22, 24, 30, .22);--body-bg: radial-gradient(1200px 500px at 80% 0%, rgba(0, 68, 145, .16), transparent 55%), linear-gradient(180deg, #e8eef8 0%, #d5e0f0 100%);--shell-bg: radial-gradient(900px 420px at 92% 8%, rgba(0, 68, 145, .16), transparent 50%), radial-gradient(700px 380px at 10% 100%, rgba(0, 68, 145, .07), transparent 46%), linear-gradient(180deg, #f7f8fc 0%, #eef3ff 48%, #e4edff 100%);--auth-bg: radial-gradient(1200px 500px at 80% 0%, rgba(0, 68, 145, .22), transparent 55%), linear-gradient(180deg, #8ea6c4 0%, #5d7aa0 100%);--r: 28px;--r-sm: 18px;--font: "Montserrat", system-ui, sans-serif}html[data-theme=dark]{color-scheme:dark;--ink: #e8eef8;--muted: #8aa3c2;--soft: #6d829c;--page: #071018;--shell: #0b1524;--card: rgba(16, 30, 52, .78);--card-solid: #142338;--card-border: rgba(120, 160, 210, .16);--line: rgba(140, 180, 230, .12);--brand: #6ea8ff;--brand-2: #4d8fff;--accent: #6ea8ff;--accent-2: #4d8fff;--accent-soft: rgba(77, 143, 255, .22);--ink-deep: #004491;--ok: #4ecb8d;--bad: #ef7a7a;--ok-bg: rgba(46, 157, 106, .18);--bad-bg: rgba(208, 86, 86, .2);--danger-from: #3a1c22;--danger-to: #4a2228;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--btn-shadow: 0 8px 20px rgba(0, 0, 0, .28);--card-inset: 0 1px 0 rgba(255, 255, 255, .06) inset;--control: linear-gradient(180deg, #1c2e48 0%, #142338 100%);--tabs-bg: linear-gradient(180deg, #1c2e48 0%, #13233c 100%);--bar-bg: rgba(16, 30, 52, .55);--bar-border: rgba(255, 255, 255, .1);--bar-chip: rgba(255, 255, 255, .12);--bar-active: rgba(255, 255, 255, .16);--ring-tick: #3a516e;--ring-track: #1c304c;--ghost-border: rgba(180, 210, 240, .28);--body-bg: radial-gradient(1200px 500px at 80% 0%, rgba(0, 68, 145, .28), transparent 55%), linear-gradient(180deg, #08111d 0%, #0b1626 100%);--shell-bg: radial-gradient(900px 420px at 92% 8%, rgba(10, 90, 181, .22), transparent 50%), radial-gradient(700px 380px at 10% 100%, rgba(0, 68, 145, .16), transparent 46%), linear-gradient(180deg, #0d1728 0%, #0b1524 48%, #091320 100%);--auth-bg: radial-gradient(1200px 500px at 80% 0%, rgba(0, 68, 145, .35), transparent 55%), linear-gradient(180deg, #0d1a2e 0%, #071018 100%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;font-family:var(--font)}html{color-scheme:light;overflow-x:clip;overflow-y:scroll;scrollbar-gutter:stable}html[data-theme=dark]{color-scheme:dark}body{min-height:100vh;min-height:100dvh;color:var(--ink);font-family:var(--font);font-weight:400;background:var(--body-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4,strong,b,th,label{font-weight:400}button,input,select,textarea{font:inherit;font-family:var(--font);color:inherit;max-width:100%}button{cursor:pointer;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow .18s ease,background .18s ease,filter .18s ease}a{color:inherit;-webkit-tap-highlight-color:transparent}img,video,audio,canvas{max-width:100%}.page{min-height:100vh;min-height:100dvh;height:100%;padding:0;display:flex;overflow-x:clip}.shell{width:100%;min-width:0;min-height:100vh;min-height:100dvh;flex:1;border-radius:0;padding:16px 28px 24px;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(28px,env(safe-area-inset-left));background:var(--shell-bg);display:flex;flex-direction:column;gap:8px}.page.auth{display:grid;place-items:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));position:relative;background:var(--auth-bg)}.theme-float{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:2;display:flex;gap:8px;align-items:center}.lang-chip{gap:6px;padding:0 12px}.page.auth .shell{width:min(520px,100%);min-height:auto;height:auto;flex:none;border-radius:32px;padding:22px;box-shadow:var(--shadow)}.page.auth .topbar{display:flex;justify-content:center;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;height:auto;padding:0 0 4px}.shell.boot{min-height:240px;display:grid;place-items:center;color:var(--muted)}.topbar{display:flex;align-items:center;gap:8px;height:56px;padding:6px 8px;flex:0 0 auto;align-self:center;width:max-content;max-width:100%;position:relative;z-index:80;border-radius:999px;background:var(--bar-bg);border:1px solid var(--bar-border);box-shadow:0 10px 30px #0f2a4d14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.logo-pill{height:40px;width:162px;max-width:100%;padding:0;border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;flex-shrink:0}.logo-pill img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}.logo-pill.logo-lg{width:352px;height:auto;aspect-ratio:17007 / 4207}.tabs{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:0;gap:2px;flex-wrap:nowrap;padding:0;border-radius:0;background:none;box-shadow:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs a{text-decoration:none;height:36px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap}.tabs a.active{background:var(--bar-active);color:var(--ink);box-shadow:none}.top-actions{display:flex;align-items:center;gap:6px;margin-left:8px;flex-shrink:0}.bar-chip,.setting-pill,.icon-btn,.avatar{height:36px;border:0;background:var(--bar-chip);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-weight:600;font-size:13px;color:var(--ink);box-shadow:none}.icon-btn,.avatar,.menu-btn,.notify-btn{width:36px;padding:0}.notify-wrap,.notify-btn{position:relative}.notify-btn.is-open{background:var(--bar-active)}.notify-dot{position:absolute;top:3px;right:3px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px;line-height:15px;text-align:center;font-weight:400;font-style:normal}.notify-panel{position:fixed;z-index:120;width:min(360px,calc(100vw - 24px));background:var(--card-solid);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:12px}.notify-panel h3{margin:0 0 10px;font-size:13px;font-weight:400;color:var(--muted)}.notify-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.notify-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:16px;background:var(--control);font-size:13px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}.notify-list li svg{flex-shrink:0;margin-top:2px;color:var(--brand)}.avatar{background:#fff;color:var(--ink)}html[data-theme=dark] .avatar{background:#ffffff2e;color:#fff}.menu-btn,.nav-prefs{display:none}.bar-prefs{display:flex;align-items:center;gap:6px}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#08102059;z-index:20}.dash{display:flex;flex-direction:column;gap:18px;padding:6px 8px 0;flex:1;min-height:0;min-width:0}.hero{display:block;padding:6px 8px 0}.hero h1{margin:0;font-size:32px;font-weight:400;letter-spacing:-.03em;line-height:1.15;overflow-wrap:anywhere}.hero-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.outcome-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outcome{padding:18px 18px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-inset);display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;cursor:pointer}.outcome.is-on{border-color:currentColor;box-shadow:var(--card-inset),0 0 0 2px #0044912e}.outcome.ok.is-on{color:var(--ok)}.outcome.no.is-on{color:var(--bad)}.outcome-pct{font-size:36px;letter-spacing:-.04em;line-height:1;color:var(--ink)}.outcome b{font-size:15px;font-weight:400;color:var(--ink)}.outcome small{color:var(--muted);font-size:13px}.outcome-bar{height:8px;border-radius:999px;background:#00449114;margin-top:10px;overflow:hidden;width:100%}.outcome.ok .outcome-bar i,.outcome.no .outcome-bar i{display:block;height:100%;width:var(--w, 0);border-radius:999px;animation:riseX .85s ease both}.outcome.ok .outcome-bar i{background:var(--ok)}.outcome.no .outcome-bar i{background:var(--bad)}.outcome.ok .outcome-pct{color:var(--ok)}.outcome.no .outcome-pct{color:var(--bad)}html[data-theme=dark] .outcome-bar{background:#ffffff14}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-row div{padding:14px 12px;border-radius:22px;background:var(--card);border:1px solid var(--card-border);text-align:center}.stat-row strong{display:block;font-size:22px;letter-spacing:-.03em;font-weight:400;overflow-wrap:anywhere}.stat-row span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.mix-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px;font-size:12px;color:var(--muted);font-weight:400}.mix-labels span{min-width:0;text-align:center}.mix-labels b{display:block;color:var(--ink);font-size:12px;margin-top:2px}.mix-bar{display:flex;height:28px;gap:6px;align-items:stretch}.mix-bar>i{display:block;border-radius:999px;min-width:18px}.mix-bar .ink{background:var(--ink-deep)}.mix-bar .accent{background:var(--accent)}.mix-bar .hatch{background:repeating-linear-gradient(-45deg,#00449138 0,#00449138 8px,#ffffff03 8px,#ffffff03 14px);border:1px solid rgba(0,68,145,.18)}.mix-bar .ghost{background:transparent;border:1.5px solid var(--ghost-border)}.hero-stats{display:flex;gap:28px;padding-bottom:4px;flex-wrap:wrap;justify-content:flex-end}.hero-stats div{text-align:center;min-width:76px}.hero-stats strong{display:block;font-size:40px;letter-spacing:-.05em;line-height:1;font-weight:400}.hero-stats span{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;color:var(--muted);font-size:12px;font-weight:400}.dash-grid{display:grid;grid-template-columns:1.1fr 1.05fr 1.2fr;grid-template-areas:"progress accordion onboard";gap:14px;align-items:stretch}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r);padding:18px 18px 16px;box-shadow:var(--card-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}.card h2{margin:0;font-size:20px;font-weight:400;letter-spacing:-.03em}.card-kicker{color:var(--muted);font-size:12px;font-weight:400}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;min-width:0}.icon-link{width:32px;height:32px;border-radius:50%;border:0;background:var(--control);box-shadow:var(--btn-shadow);display:grid;place-items:center;color:var(--ink);cursor:pointer}.icon-link:hover{transform:translateY(-1px) scale(1.08);background:var(--bar-active)}.profile{grid-area:profile;padding:0;overflow:hidden;position:relative;min-height:250px}.profile-bg{height:100%;min-height:250px;background:radial-gradient(400px 180px at 80% 0%,rgba(10,90,181,.45),transparent 50%),linear-gradient(160deg,#00336e,#004491 55%,#0a5ab5 160%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.profile-bg .who{font-size:22px;font-weight:400;letter-spacing:-.03em}.profile-bg .role{color:#ffffffb3;font-size:13px;margin-top:2px}.profile-pill{position:absolute;right:16px;bottom:18px;background:#ffffff24;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:400}.progress{grid-area:progress;display:flex;flex-direction:column;min-height:0}.progress .card-head{flex-shrink:0}.progress-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:8px 0 12px;flex-shrink:0}.progress-value strong{font-size:42px;letter-spacing:-.05em;font-weight:400;overflow-wrap:anywhere}.progress-value .clock-unit{font-size:18px;font-weight:400;color:var(--ink);letter-spacing:0;margin-left:-2px}.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:stretch;flex:1;min-height:220px;padding:22px 8px 0}.bars .col{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;min-height:0}.bars .stem-wrap{flex:1;width:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center}.bars .stem{width:12px;height:var(--h, 8px);border-radius:999px;background:var(--ink-deep);position:relative;min-height:8px;animation:riseY .75s ease both}.bars .stem.peak{background:var(--accent)}.bars .stem b{position:absolute;left:50%;top:-28px;transform:translate(-50%);background:var(--accent);color:#fff;font-size:10px;font-weight:400;padding:3px 6px;border-radius:8px;white-space:nowrap}.bars .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-deep)}.bars .col.peak .dot{background:var(--accent)}.bars span{font-size:11px;color:var(--muted);font-weight:400}.bars em{font-style:normal;font-size:9px;color:var(--soft);line-height:1}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08102073;display:grid;place-items:center;padding:24px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-modal{width:min(1080px,100%);max-height:min(92vh,920px);overflow:auto;padding:22px 22px 20px}.progress-sub{margin:18px 0 8px;font-size:14px;font-weight:400;color:var(--muted)}.progress-kpis{margin:12px 0 8px;grid-template-columns:repeat(3,minmax(0,1fr))}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rank-list li{display:grid;grid-template-columns:minmax(92px,140px) 1fr 52px;gap:10px;align-items:center}.rank-label b{font-weight:400;font-size:13px;color:var(--ink)}.rank-track{height:10px;border-radius:999px;background:#00449114;overflow:hidden}html[data-theme=dark] .rank-track{background:#ffffff14}.rank-track i{display:block;height:100%;width:var(--w, 0);border-radius:999px;background:var(--brand);min-width:0;animation:riseX .75s ease both}.rank-list li.peak .rank-track i{background:var(--accent-2)}.rank-list li.mute .rank-label b,.rank-list li.mute .rank-n{color:var(--soft)}.rank-n{text-align:right;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}.tracker{grid-area:tracker;display:flex;flex-direction:column}.ring-wrap{display:grid;place-items:center;flex:1;min-height:170px}.ring{width:168px;height:168px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring-center strong{display:block;font-size:28px;letter-spacing:-.04em}.ring-center em{font-style:normal;color:var(--muted);font-size:12px;font-weight:400}.tracker-actions{display:flex;gap:8px;margin-top:8px}.circle-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--control);box-shadow:var(--btn-shadow);display:grid;place-items:center}.circle-btn.filled{background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;margin-left:auto;box-shadow:0 10px 20px #00449147}.onboard{grid-area:onboard;display:flex;flex-direction:column;gap:12px;padding:10px}.onboard .dark-list{margin-top:0}.onboard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.onboard-top .pct{font-size:34px;font-weight:400;letter-spacing:-.04em}.stack-bar{display:flex;gap:6px;height:34px;margin:10px 0 6px}.stack-bar i{border-radius:10px;display:block;min-width:12px}.stack-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:12px;font-weight:400}.dark-list{background:var(--ink-deep);color:#fff;border-radius:26px;padding:16px 14px 12px;margin-top:8px;flex:1}.dark-list header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 6px}.dark-list header span{font-weight:400}.dark-list header b{font-size:22px;letter-spacing:-.04em}.dark-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dark-list li{display:block;padding:0;min-width:0}.bubble{width:36px;height:36px;border-radius:50%;background:#00336e;display:grid;place-items:center;color:#d9deea}.dark-list .title{font-size:13.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-list .sub{font-size:11px;color:#9aa3b5;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{width:18px;height:18px;border-radius:50%;border:1.5px solid #4a5160}.check.on{background:var(--accent);border-color:var(--accent);position:relative}.check.on:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.accordion{grid-area:accordion;display:flex;flex-direction:column;gap:12px}.summary-period{margin:0;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.summary-period span{background:var(--accent-soft);color:var(--brand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.summary-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-kpi{background:var(--control);border-radius:18px;padding:12px 14px;min-width:0}.summary-kpi strong{display:block;font-size:16px;letter-spacing:-.02em;overflow-wrap:anywhere}.summary-kpi span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.summary-sub{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.num-rows{display:flex;flex-direction:column;gap:8px}.num-row{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--control);border-radius:16px;padding:10px 12px;min-width:0}.num-row b{display:block;font-size:14px}.num-row em{display:block;margin-top:2px;color:var(--muted);font-style:normal;font-size:12px}.num-row span{color:var(--brand);font-size:12px;font-weight:600;white-space:nowrap}.acc-item{border-bottom:1px solid var(--line);padding:12px}.acc-item button.row{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0;font-weight:400;text-align:left;box-shadow:none;min-width:0}.acc-item button.row:hover{transform:none}.acc-item .hint{color:var(--muted);font-size:12px;font-weight:400;min-width:0;text-align:right;overflow-wrap:anywhere}.acc-body{padding:10px 0 4px;color:var(--muted);font-size:13px}.num-line{display:flex;justify-content:space-between;gap:8px;padding:4px 0;color:var(--ink);font-weight:400}.device{display:flex;gap:10px;align-items:center;padding:8px 0 2px}.device .ico{width:42px;height:32px;border-radius:8px;background:linear-gradient(135deg,#00336e,var(--brand-2))}.calendar{grid-area:calendar}.cal-months{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:400;margin-bottom:12px}.cal-months .now{color:var(--ink);font-size:18px;letter-spacing:-.03em}.cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:12px}.cal-days span{color:var(--muted);font-size:12px}.cal-days b{display:block;margin-top:4px;font-size:16px;color:var(--ink)}.timeline{display:grid;grid-template-columns:64px 1fr;gap:8px 12px;align-items:start}.timeline .hour{color:var(--muted);font-size:12px;font-weight:400;padding-top:8px}.event{display:inline-flex;align-items:center;gap:10px;background:var(--ink-deep);color:#fff;border-radius:16px;padding:10px 12px;min-width:210px}.event.light{background:var(--card-solid);color:var(--ink);border:1px solid var(--line)}.event .t{font-size:13px;font-weight:400}.event .s{font-size:11px;opacity:.7}.filters-card{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:4px 8px 0}.filters-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;min-width:min(160px,100%);flex:1 1 140px}.date-field{position:relative;width:100%}.date-field-btn{height:40px;width:100%;border:0;background:var(--control);border-radius:999px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:var(--btn-shadow);color:var(--ink);font:inherit;text-align:left}.date-field-btn svg{color:var(--muted);flex:0 0 auto}.date-field.open .date-field-btn{box-shadow:0 0 0 2px #00449147}.date-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(292px,100%);max-width:calc(100vw - 32px);padding:14px;border-radius:22px;background:var(--card-solid);border:1px solid var(--card-border);box-shadow:var(--shadow)}.date-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.date-pop-head strong{font-size:14px;letter-spacing:-.02em}.date-nav{width:32px;height:32px;border-radius:999px;background:var(--control);color:var(--ink);font-size:18px;line-height:1;box-shadow:none}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.date-grid .dow{font-size:11px;color:var(--muted);padding:6px 0 8px;font-weight:600}.date-cell{height:34px;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;box-shadow:none}.date-cell.mute{color:var(--soft)}.date-cell.today{box-shadow:inset 0 0 0 1.5px var(--brand)}.date-cell.sel{background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;box-shadow:0 6px 14px #00449147}.date-cell.sel.today{box-shadow:0 6px 14px #00449147}.date-pop-foot{display:flex;justify-content:flex-end;margin-top:8px}.date-link{background:transparent;color:var(--brand);font-size:13px;font-weight:600;box-shadow:none;padding:6px 4px}.filters-card input,.filters-card select,.table-tools input,.table-tools select,.login-card input,.user-form input,.user-form select,.stack-form input,.stack-form select,.dest-picker input,.dest-picker select,.form-grid input,.form-grid select,.dtmf-row input,.dtmf-row select{height:40px;border:0;background:var(--control);border-radius:999px;padding:0 14px;min-width:0;width:100%;max-width:100%;box-shadow:var(--btn-shadow);outline:none}.primary{height:40px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;padding:0 18px;font-weight:400;box-shadow:0 10px 22px #00449147}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary:disabled{opacity:.5;cursor:wait;transform:none}.status-line{margin:0 8px;color:var(--muted);font-size:13px;overflow-wrap:anywhere;min-width:0}.calls-feed{padding:18px 18px 14px}.export-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card-solid);color:var(--ink);box-shadow:var(--shadow)}.export-dialog::backdrop{background:#030a16a6}.export-dialog h2{margin:0;font-size:20px}.export-period{margin:8px 0;color:var(--ink)}.export-hint{color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.export-dialog fieldset{border:0;padding:0;margin:20px 0;min-width:0}.export-dialog legend{padding:0;margin-bottom:8px}.export-number{display:flex;align-items:center;gap:10px;min-height:42px;cursor:pointer}.export-number input{width:18px;height:18px;accent-color:var(--brand);flex:0 0 auto}.export-all{border-bottom:1px solid var(--line);margin-bottom:4px}.export-number-list{max-height:220px;overflow:auto}.export-status{display:grid;gap:8px}.export-status select{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-solid);color:var(--ink)}.export-dialog .primary{width:100%}.export-error{color:var(--bad);font-size:13px;overflow-wrap:anywhere}.calls-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:8px}.calls-head h2{margin:0 0 4px}.calls-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.calls-tools input{height:40px;min-width:160px;border:0;border-radius:999px;padding:0 14px;background:var(--control);box-shadow:var(--btn-shadow)}.seg{display:flex;padding:3px;border-radius:999px;background:var(--bar-bg);box-shadow:var(--btn-shadow)}.seg button{height:34px;padding:0 12px;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none}.seg button.on{background:var(--bar-chip);color:var(--ink)}.call-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.call-tile{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border-radius:22px;background:var(--control);box-shadow:var(--btn-shadow);text-align:left}.call-tile.is-click:hover{transform:translateY(-1px);filter:brightness(1.03)}.call-tile.is-click{cursor:pointer}.call-tile:not(.is-click){cursor:default}.call-tile.ok{box-shadow:var(--btn-shadow),inset 3px 0 0 var(--ok)}.call-tile.no{box-shadow:var(--btn-shadow),inset 3px 0 0 var(--bad)}.call-bubble{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand)}.call-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.call-top strong{font-size:15px;letter-spacing:-.02em;font-weight:400}.call-path{margin-top:4px;color:var(--muted);font-size:12px;display:flex;gap:6px;align-items:center}.call-path em{font-style:normal;opacity:.5}.call-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center;color:var(--muted);font-size:12px}.dur-chip{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--ink)}.recent-btn{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;background:transparent;color:inherit;text-align:left;padding:4px;box-shadow:none;min-width:0}.recent-btn:hover{background:#ffffff0f;border-radius:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:12px 0 8px}.detail-grid dt{color:var(--muted);font-size:12px;margin:0 0 4px}.detail-grid dd{margin:0;font-size:15px;overflow-wrap:anywhere}.call-detail-status{margin-top:4px}.table-card{padding:16px 16px 12px}.panel-head,.table-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.table-tools{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.table-tools input,.table-tools select{min-width:120px;width:auto;flex:1 1 140px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}.table-card tbody tr.clickable{cursor:pointer}.table-card tbody tr.clickable:hover{background:var(--accent-soft)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.detail-grid span{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.detail-grid b{display:block;font-weight:400;overflow-wrap:anywhere}.detail-grid .badge{width:max-content}.rec-player{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}.rec-play{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 18px #00449140}.rec-play:disabled{opacity:.4}.rec-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);min-width:40px}.rec-seek{flex:1;min-width:140px;height:6px;accent-color:var(--brand);cursor:pointer}.rec-empty{width:100%;margin:0;font-size:13px;color:var(--muted)}.leg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.leg-list li{padding:12px 14px;border-radius:18px;background:var(--control);box-shadow:var(--btn-shadow)}.leg-list header{display:flex;justify-content:space-between;align-items:center;gap:8px}.leg-list header em{font-style:normal;font-size:12px;color:var(--brand)}.leg-list p{margin:6px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.hero .pill-btn{margin-bottom:12px}.badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:400}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.no{background:var(--bad-bg);color:var(--bad)}.pager{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--muted);font-size:13px}.pager button{height:36px;border-radius:999px;border:0;background:var(--control);box-shadow:var(--btn-shadow);padding:0 14px;font-weight:400}.pager button:disabled{opacity:.4;transform:none}.users-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;padding:8px}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.user-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:400;color:var(--muted)}.user-form button{grid-column:1 / -1}.badge.role{background:var(--accent-soft);color:var(--brand)}.user-list{list-style:none;margin:0;padding:0}.user-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.mini-av{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:400}.login-wrap{width:min(460px,100%)}.login-card{background:var(--card);border-radius:32px;padding:28px 26px;border:1px solid var(--card-border)}.login-card h1{margin:12px 0 6px;font-size:32px;letter-spacing:-.04em}.login-card p{margin:0 0 18px;color:var(--muted)}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:400}.login-card button{width:100%}.error{color:var(--bad);font-size:13px;margin:0}.empty{color:var(--muted);font-size:13px;padding:12px 4px}@media (max-width: 1180px){.dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"progress onboard" "accordion onboard"}.hero{grid-template-columns:minmax(0,1fr)}.hero-stats{justify-content:flex-start}.users-grid{grid-template-columns:minmax(0,1fr)}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stack-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.stack-form label,.block-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:400;color:var(--muted)}.dest-picker{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.dest-picker select,.dest-picker input{min-width:0;flex:1 1 140px}.entity-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.entity-list button{width:100%;text-align:left;border:0;background:var(--control);box-shadow:var(--btn-shadow);border-radius:22px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.entity-list button strong{font-size:14px}.entity-list button span{color:var(--muted);font-size:12px;font-weight:400}.entity-list button.is-active,tr.is-active{background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;box-shadow:0 10px 22px #00449147}.entity-list button.is-active span{color:#ffffffb3}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.pill-btn,.danger-btn{height:34px;border-radius:999px;padding:0 14px;font-weight:400;font-size:12px;border:0;background:var(--control);box-shadow:var(--btn-shadow)}.pill-btn:disabled{opacity:.4;transform:none}.danger-btn{background:linear-gradient(180deg,var(--danger-from) 0%,var(--danger-to) 100%);color:var(--bad)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--control);box-shadow:var(--btn-shadow);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--ink);font-weight:400}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.dtmf-list{display:flex;flex-direction:column;gap:8px}.dtmf-row{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:start}.table-card{flex:1;display:flex;flex-direction:column;min-height:280px}.table-card .table-wrap{flex:1}td.actions-cell{min-width:260px;width:32%;white-space:normal}.row-player{display:flex;align-items:center;gap:8px;min-width:240px}.rec-play.sm{width:32px;height:32px;box-shadow:none}.mini-spin{width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.player{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--ink-deep);color:#fff;border-radius:22px;padding:12px 16px;min-width:0}.player p{margin:4px 0 0;color:#9aa3b5;font-size:12px;overflow-wrap:anywhere}.player audio{height:36px;max-width:420px;width:100%;min-width:0;flex:1}.hero-stats .primary{align-self:center}@media (max-width: 900px){:root{--r: 22px;--r-sm: 14px}html{overflow-y:auto;scrollbar-gutter:auto}html,body,#root,.page{height:auto;min-height:100%}.page{padding:0}.shell{border-radius:0;min-height:100dvh;height:auto;gap:10px;padding:10px 12px 16px;padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.page.auth{min-height:100dvh;padding:16px;padding-top:max(56px,env(safe-area-inset-top))}.page.auth .shell{border-radius:24px;min-height:auto;padding:16px}.logo-pill.logo-lg{width:min(320px,100%)}.login-card{padding:18px 16px;border-radius:24px}.login-card h1{font-size:26px}.topbar{display:flex;width:100%;max-width:100%;height:52px;padding:4px 6px;gap:6px}.brand,.tabs{flex:1}.top-actions{margin-left:auto}.menu-btn{display:inline-flex;position:relative;z-index:90}.bar-prefs,.bar-logout{display:none}.nav-prefs{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.nav-prefs .lang-chip,.nav-prefs .setting-pill,.nav-prefs .icon-btn,.nav-prefs .bar-chip{width:100%;justify-content:flex-start;height:44px;padding:0 16px}.notify-panel{left:12px;right:12px;width:auto}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;border-radius:0;background:#0f2a4d61;box-shadow:none}html[data-theme=dark] .nav-backdrop{background:#00000080}.tabs{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:75;width:min(300px,86vw);max-width:86vw;height:100dvh;margin:0;flex:none;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;border-radius:28px 0 0 28px;padding:72px 12px max(20px,env(safe-area-inset-bottom));gap:6px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--shell-bg);border:1px solid var(--bar-border);box-shadow:var(--shadow);transform:translate(110%);transition:transform .2s ease;pointer-events:none}.tabs:not(.is-open){visibility:hidden}.tabs.is-open{transform:translate(0);pointer-events:auto;visibility:visible}.tabs a{width:100%;height:44px;justify-content:flex-start;padding:0 16px;font-size:15px}.tabs a.active{background:linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 100%);color:#fff;box-shadow:0 8px 18px #00449147}.top-actions{gap:6px;margin-left:auto}.setting-pill{width:36px;height:36px;padding:0}.setting-pill span,.lang-chip span,.svc-chip span{display:none}.lang-chip,.svc-chip{width:36px;padding:0}.nav-prefs .lang-chip,.nav-prefs .setting-pill{width:100%;height:44px;padding:0 16px}.nav-prefs .lang-chip span,.nav-prefs .setting-pill span{display:inline}.dash{padding:0;gap:14px;flex:0 0 auto}.dash-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"progress" "accordion" "onboard";gap:12px}.hero{gap:14px;padding:2px 0 0}.hero h1{font-size:28px;margin-bottom:12px}.hero-stats{width:100%;justify-content:space-between;gap:12px}.hero-stats div{min-width:0;flex:1 1 0}.hero-stats strong{font-size:28px}.hero-stats .primary{flex:1 1 100%;width:100%;align-self:stretch}.mix-labels{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-size:11px}.mix-bar{height:22px}.filters-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0}.filters-card label{min-width:0;flex:none}.filters-card .primary,.filters-card .status-line{grid-column:1 / -1}.filters-card .primary{width:100%}.status-line{margin:0}.card{padding:14px 14px 12px}.progress-value strong{font-size:32px}.bars{min-height:160px;gap:6px;padding:26px 0 0}.acc-item button.row{flex-direction:column;align-items:flex-start;gap:4px}.acc-item .hint{text-align:left}.stat-row{grid-template-columns:1fr 1fr}.call-grid,.detail-grid{grid-template-columns:1fr}.calls-tools{width:100%}.table-card{min-height:0;flex:0 0 auto}.table-head{align-items:stretch}.table-tools{width:100%}.table-wrap{overflow:visible}.table-card table,.table-card thead,.table-card tbody,.table-card th,.table-card td,.table-card tr{display:block;width:100%}.table-card thead{display:none}.table-card tr{padding:12px 0;border-bottom:1px solid var(--line)}.table-card tr:last-child{border-bottom:0}.table-card td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;white-space:normal;overflow-wrap:anywhere;padding:5px 0;border:0}.table-card td:before{content:attr(data-label);color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;flex:0 0 38%;max-width:42%}.table-card td.actions-cell{justify-content:flex-end}.table-card td.actions-cell:before{display:none}.table-card tr.is-active{background:transparent;color:inherit;box-shadow:none;border-radius:16px;padding:12px 10px;outline:1px solid var(--line)}.pager{justify-content:space-between}.pager button{flex:1 1 auto;min-height:40px}.user-form,.form-grid,.dtmf-row,.detail-grid{grid-template-columns:minmax(0,1fr)}.users-grid{padding:0}.dest-picker{flex-direction:column}.dest-picker select,.dest-picker input{flex:1 1 auto;width:100%}.player{flex-direction:column;align-items:stretch}.player audio{max-width:100%}.row-actions{width:100%}.row-actions .pill-btn,.row-actions .danger-btn,.row-actions .primary{flex:1 1 auto}input,select,textarea,.primary,.pill-btn,.danger-btn{font-size:16px}}@media (max-width: 420px){.hero h1,.hero-stats strong{font-size:24px}.mix-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-card{grid-template-columns:minmax(0,1fr)}.lang-chip span{display:none}.lang-chip{width:36px;padding:0}}@media (hover: none){.primary:hover:not(:disabled){filter:none}}.load-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:400;overflow:hidden;pointer-events:none}.load-bar:after{content:"";display:block;height:100%;width:28%;background:var(--brand);animation:loadSlide 1s ease-in-out infinite}@keyframes loadSlide{0%{transform:translate(-120%)}to{transform:translate(450%)}}@keyframes riseY{0%{height:0}to{height:var(--h)}}@keyframes riseX{0%{width:0}to{width:var(--w)}}.primary.is-busy{position:relative;padding-left:36px}.primary.is-busy:before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash.is-loading .card,.dash.is-loading .outcome,.dash.is-loading .stat-row{animation:pulseFade 1.1s ease-in-out infinite}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion: reduce){.tabs{transition:none}.load-bar:after,.bars .stem,.rank-track i,.outcome-bar i,.dash.is-loading .card,.dash.is-loading .outcome,.dash.is-loading .stat-row{animation:none}}