:root{--brand:#009677;--brand-700:#00745c;--brand-900:#0a4034;--accent:#8dc63f;--accent-700:#6fae2f;--pink:#d1133e;--bg:#eef3f1;--surface:#fff;--surface-2:#f5f9f7;--ink:#12241e;--muted:#66756f;--line:#e1e8e5;--ok:#1b9e4b;--info:#2d7dd2;--warn:#e8a100;--bad:#d1133e;--done:#8a99a8;--life:#1c6ea4;--pen:#6b4fbb;--shadow:0 1px 2px #0c241e0f, 0 8px 24px #0c241e0f;--radius:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11.5px}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}.omlogo{align-items:center;gap:12px;display:flex}.omword{letter-spacing:.06em;flex-direction:column;font-weight:800;line-height:.92;display:flex}.omword b{font-size:15px}.omtick{background:var(--accent);border-radius:3px;align-self:stretch;width:5px}.prodtag{background:var(--accent);color:var(--brand-900);letter-spacing:.01em;border-radius:7px;padding:3px 9px;font-size:14px;font-weight:800}#auth{z-index:50;background:var(--bg);display:flex;position:fixed;inset:0}.auth-brandpane{background:linear-gradient(150deg, var(--brand-900), var(--brand-700) 45%, var(--brand) 100%);color:#fff;flex-direction:column;flex:1;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-brandpane:after{content:"";background:#8dc63f2e;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.auth-brandpane:before{content:"";background:#ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;left:-80px}.auth-hero h2{max-width:15ch;margin-bottom:16px;font-size:34px;line-height:1.15}.auth-hero p{opacity:.9;max-width:42ch;font-size:15px}.auth-feats{flex-wrap:wrap;gap:22px;margin-top:26px;display:flex}.auth-feats div{opacity:.92;font-size:13px}.auth-feats b{font-size:22px;display:block}.auth-formpane{background:var(--surface);flex-direction:column;justify-content:center;width:460px;max-width:44%;padding:56px 52px;display:flex}.auth-mobile-header{display:none}.field{margin:14px 0}.field label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:12px 14px;font-size:15px}.field input:focus{border-color:var(--brand)}.btn{background:var(--brand);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--brand-700)}.btn.ghost{color:var(--brand);border:1.5px solid var(--line);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{width:auto;padding:8px 14px;font-size:13px}.btn.accent{background:var(--accent);color:var(--brand-900)}.btn.accent:hover{background:var(--accent-700)}.otpwrap{justify-content:space-between;gap:10px;margin:10px 0;display:flex}.otpwrap input{text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:10px;outline:none;width:52px;height:58px;font-size:24px;font-weight:700}.otpwrap input:focus{border-color:var(--brand)}.stepdots{gap:6px;margin-bottom:24px;display:flex}.stepdots span{background:var(--line);border-radius:3px;width:34px;height:5px}.stepdots span.on{background:var(--brand)}#app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:14px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.rolepick{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-left:4px;padding:5px 6px 5px 12px;display:flex}.rolepick select{color:var(--ink);background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.searchbar{background:var(--surface-2);border:1px solid var(--line);max-width:400px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.searchbar input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.spacer{flex:1}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;width:38px;height:38px;font-size:16px;display:grid;position:relative}.iconbtn .dot{background:var(--bad);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.shell{flex:1;min-height:calc(100vh - 60px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-shrink:0;width:230px;padding:16px 12px}.navsec{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 10px 6px;font-size:10.5px}.navitem{color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.navitem .ic{text-align:center;width:20px}.navitem:hover{background:var(--surface-2)}.navitem.active{background:var(--brand);color:#fff}.navitem .badge{background:var(--bad);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700}.navitem.active .badge{background:#ffffff40}.main{flex:1;max-width:1200px;padding:24px 28px}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.pagehead h1{font-size:22px}.pagehead p{color:var(--muted);margin-top:4px;font-size:13px}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h3{margin-bottom:2px;font-size:14px}.kpi .lbl{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.kpi .val{margin-top:8px;font-size:28px;font-weight:800}.kpi .sub{margin-top:6px;font-size:12px}.up{color:var(--ok)}.down{color:var(--bad)}.pill{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:7px;height:7px}.p-ok{color:#12813d;background:#e3f5ea}.p-info{color:#1d5fa8;background:#e6f0fb}.p-warn{color:#9a6b00;background:#fbf1d8}.p-bad{color:#a51230;background:#fbe3e9}.p-done{color:#5a6875;background:#eef1f4}.p-life{color:#155a89;background:#e5eff7}.p-pen{color:#523aa0;background:#ede8f9}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px;font-size:13px}tr:last-child td{border-bottom:none}tr.rowlink:hover{background:var(--surface-2);cursor:pointer}.who{align-items:center;gap:9px;display:flex}.mini{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.bar{background:var(--line);border-radius:6px;height:8px;overflow:hidden}.bar>i{background:var(--brand);border-radius:6px;height:100%;display:block}.timer{background:linear-gradient(135deg, var(--brand-900), var(--brand));color:#fff;border-radius:var(--radius);align-items:center;gap:14px;padding:16px 18px;display:flex}.timer .clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:30px;font-weight:800}.timer .ctrl{gap:8px;margin-left:auto;display:flex}.timer .ctrl button{color:#fff;background:#ffffff29;border:none;border-radius:12px;width:44px;height:44px;font-size:16px}.timer .ctrl button:hover{background:#ffffff47}.segbar{background:var(--line);border-radius:8px;height:12px;display:flex;overflow:hidden}.segbar>span{height:100%;display:block}.legend{flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.tag{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:11px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.divider{background:var(--line);height:1px;margin:16px 0}.heat{grid-template-columns:130px repeat(4,1fr);align-items:center;gap:6px;display:grid}.heat .cell{color:#fff;border-radius:8px;place-items:center;height:34px;font-size:11px;font-weight:700;display:grid}.heat .lbl{color:var(--muted);font-size:12px;font-weight:600}.heat .hd{color:var(--muted);text-align:center;font-size:11px}.listrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.listrow:last-child{border-bottom:none}.dot-ic{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.modal-bg{z-index:60;background:#0a191473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:520px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 22px;display:flex}.modal header h3{flex:1;font-size:16px}.modal .body{padding:20px 22px}.modal .foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.xbtn{background:var(--surface-2);border:none;border-radius:8px;width:32px;height:32px;font-size:16px}.frow{margin:12px 0}.frow label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.frow input,.frow select,.frow textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.frow input:focus,.frow select:focus,.frow textarea:focus{border-color:var(--brand)}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}#toast{background:var(--ink);color:#fff;z-index:80;box-shadow:var(--shadow);opacity:1;border-radius:12px;align-items:center;gap:10px;padding:13px 20px;font-size:13px;transition:all .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(0)}.banner{border:1px solid var(--line);border-left:4px solid var(--warn);background:#fdf8ec;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.banner.bad{border-left-color:var(--bad);background:#fcebef}.steps{flex-direction:column;gap:0;display:flex}.step{gap:14px;padding-bottom:20px;display:flex;position:relative}.step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:30px;bottom:0;left:15px}.step .num{z-index:1;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.step .num.done{background:var(--ok);color:#fff}.step .num.now{background:var(--brand);color:#fff}.step .num.next{background:var(--surface-2);color:var(--muted);border:1.5px solid var(--line)}select[multiple]{padding:6px}.tour-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:99;background:#0c241e66;position:fixed;inset:0}.tour-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:20px;display:flex;box-shadow:0 10px 30px #0c241e26}.tour-card h4{color:var(--brand-900);margin:0;font-size:15px;font-weight:700}.tour-card p{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.tour-actions{align-items:center;margin-top:8px;display:flex}.tour-step-counter{color:var(--muted);text-align:right;border-top:1px solid var(--line);padding-top:8px;font-size:11px}.tour-highlight{border-radius:6px;position:relative;z-index:100!important;outline:4px solid var(--accent)!important;box-shadow:0 0 0 9999px #0c241e4d!important}.lucide-ic{vertical-align:middle;stroke:currentColor;display:inline-block}.status-bad{color:var(--bad)}canvas{max-width:100%!important}@media (width<=639px){.mobile-only-toggle{display:none!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.topbar{z-index:90;padding:0 12px;top:0;left:0;right:0;height:60px!important;position:fixed!important}.topbar .searchbar{display:none}.sidebar{display:none!important}.shell{flex-direction:column;margin-top:60px}.main{padding:16px 16px calc(130px + env(safe-area-inset-bottom)) 16px!important}#auth{flex-direction:column}.auth-brandpane{display:none!important}.auth-formpane{flex:1!important;justify-content:center!important;width:100%!important;max-width:100%!important;padding:32px 24px!important}.auth-mobile-header{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex!important}.grid.cols-4,.grid.cols-3,.grid.cols-2,.grid{grid-template-columns:1fr!important;gap:12px!important}.two{flex-direction:column!important;gap:12px!important}.two>div{width:100%!important}.modal-bg{z-index:1000!important;justify-content:center!important;align-items:flex-end!important;padding:0!important}.modal,.bottom-sheet{animation:.22s cubic-bezier(.25,.46,.45,.94) forwards slideUp;background:var(--surface)!important;border-top:1px solid var(--line)!important;width:100%!important;max-width:100%!important;padding:24px 20px calc(32px + env(safe-area-inset-bottom)) 20px!important;border-radius:20px 20px 0 0!important;max-height:85vh!important;overflow-y:auto!important;box-shadow:0 -8px 32px #0000001f!important}.drag-handle{background:var(--line);cursor:pointer;border-radius:2px;width:36px;height:4px;margin:-10px auto 16px}.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:95;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0c241e0d}.nav-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:0;font-size:11px;font-weight:500;transition:color .15s;display:flex}.nav-tab.active{color:var(--brand)}.nav-tab span{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:9px;font-weight:600;overflow:hidden}.mobile-timer-bar{bottom:calc(60px + env(safe-area-inset-bottom));background:var(--brand-900);color:#fff;z-index:85;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -2px 8px #0c241e14}.mobile-timer-bar .info{flex:1;align-items:center;display:flex;overflow:hidden}.mobile-timer-bar .time{margin-right:16px;font-family:monospace;font-size:16px;font-weight:700}.mobile-timer-bar .ctrls button{color:#fff;background:#fff3;border:none;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.search-overlay{background:var(--canvas);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0}input,select,textarea{min-height:44px;font-size:16px!important}}@media (width>=640px) and (width<=1023px){.mobile-only-toggle{display:grid!important}.sidebar{border-right:1px solid var(--line);z-index:45;width:240px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%);background:var(--surface)!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:40;background:#0c241e66;position:fixed;inset:60px 0 0}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1024px){.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}