:root{--bg:#faf9f5;--side:#f0eee6;--card:#fff;--text:#1f1e1d;--muted:#6b6962;--line:#e3e0d5;--hover:#e9e7de;--selected:#e3e0d5;--accent:#0a64ad;--primary-bg:#1f1e1d;--primary-text:#fff;--ok:#1f7a33;--ok-bg:#e3f2e6;--bad:#b3261e;--bad-bg:#fbe7e5;--warn:#9a5b00;--bar:#c96442;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#262624;--side:#1f1e1d;--card:#2b2a27;--text:#f5f4ef;--muted:#a6a39b;--line:#3d3c38;--hover:#34332f;--selected:#3a3935;--accent:#8cc2f0;--primary-bg:#f5f4ef;--primary-text:#1f1e1d;--ok:#7fc98f;--ok-bg:#243a29;--bad:#f0968c;--bad-bg:#442623;--warn:#e0a64a;--bar:#d97757;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.pad{padding:16px 0}.auth{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:400px;padding:28px}.auth-card h1{margin:18px 0 4px;font-size:22px}.auth-card .muted{margin:0 0 18px}.auth-card form{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.brand-mark{flex:none;width:28px;height:28px;display:block}.divider{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.link{font-size:14px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input,.inline-form input,.inline-form select,select,.copy{border:1px solid var(--line);background:var(--bg);height:38px;color:var(--text);border-radius:8px;padding:0 12px;font-size:15px}.field input:focus,.inline-form input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;height:36px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-bg)}.btn.primary:hover{opacity:.9}.btn.wide,.btn.microsoft{width:100%;height:40px}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--bad)}.error{background:var(--bad-bg);color:var(--bad);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.notice{background:var(--ok-bg);color:var(--ok);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.notice .copy{width:100%;margin-top:8px;font-size:13px;display:block}.shell{background:linear-gradient(to right, var(--side) 239px, var(--line) 239px, var(--line) 240px, var(--bg) 240px);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--side);flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.side .brand{padding:0 8px 4px}.firm{color:var(--muted);padding:0 8px 16px 46px;font-size:13px}.nav{color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.nav:hover{background:var(--hover)}.nav.active{background:var(--selected);font-weight:600}.nav-icon{text-align:center;width:18px;color:var(--muted)}.side-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 8px 0;display:flex}.who{min-width:0}.who .strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content{width:100%;max-width:1100px;padding:24px 32px 48px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.top h1{margin:0;font-size:24px}.period{min-width:170px}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.stat-label{color:var(--muted);font-size:13px}.stat-value{margin-top:2px;font-size:26px;font-weight:600}.stat-hint{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:18px 20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.card-head h2{margin:0;font-size:16px}.meter{background:var(--hover);border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.meter>div{background:var(--ok);border-radius:999px;height:100%}.meter.warm>div{background:var(--warn)}.meter.hot>div{background:var(--bad)}.chart{width:100%;height:auto;display:block}.chart .bar{fill:var(--bar)}.chart .bar:hover{opacity:.8}.chart .axis{fill:var(--muted);font-size:11px}.chart .baseline{stroke:var(--line)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}tr.pending td{color:var(--muted)}td select{height:32px;font-size:14px}.pill{background:var(--hover);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-block}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.inline-form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.inline-form>input{flex:240px}.inline-form .field{flex:200px}.stack{flex-direction:column;gap:12px;max-width:420px;display:flex}.stack .btn{align-self:flex-start}.pill.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.error.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}button.link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.block{display:block}.radio-row{flex-wrap:wrap;gap:12px;display:flex}.choice{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:260px;align-items:flex-start;gap:10px;padding:12px;display:flex}.choice.on{border-color:var(--accent)}textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:inherit;resize:vertical;border-radius:8px;padding:8px 10px}td.actions{white-space:nowrap;text-align:right}td.actions .btn{height:30px;padding:0 10px}.choice.off{opacity:.55;cursor:default}.mode-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.mode{border:1px solid var(--line);border-radius:10px}.mode.on{border-color:var(--accent)}.mode.off{opacity:.55}.mode-head{cursor:pointer;align-items:flex-start;gap:10px;padding:12px;display:flex}.mode.off .mode-head{cursor:default}.mode-setup{border-top:1px solid var(--line);padding:14px 12px 12px 34px}.setup-step{margin:0 0 16px}.setup-step:last-child{margin-bottom:0}.setup-step h3{justify-content:space-between;align-items:center;gap:12px;margin:0 0 6px;font-size:14px;display:flex}.mode-confirm{border-top:1px solid var(--line);padding-top:12px}.mode-confirm:first-child{border-top:0;padding-top:0}.mode-confirm p{margin:0 0 10px}.mode-confirm .btn+.btn{margin-left:8px}.page-message{z-index:10;position:sticky;top:8px}.add-people{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:14px}.head-tools{align-items:center;gap:8px;display:flex}.mono{font-family:ui-monospace,Consolas,monospace}textarea.copy{resize:vertical;width:100%;margin:6px 0;font-size:13px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 14px;display:flex}.tab{font:inherit;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.tab.on{opacity:1;border-bottom-color:currentColor;font-weight:600}.group-list{margin:0 0 14px}.group-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 0;display:flex}form.policy h3{margin:18px 0 4px;font-size:14px}form.policy h3:first-child{margin-top:0}.checks{flex-direction:column;gap:6px;margin:8px 0 12px;display:flex}.check{align-items:flex-start;gap:8px;font-size:14px;display:flex}.field-row{align-items:center;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.field-row input,.field-row select{border:1px solid var(--line);background:var(--bg);height:36px;color:var(--text);border-radius:8px;padding:0 10px}.plan{gap:16px;margin-top:12px;display:grid}.plan-box{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px 16px}.plan-box h3{margin:0 0 6px;font-size:15px}.plan-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plan-row{border-top:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);align-items:center;gap:8px 16px;padding:12px 0;display:grid}.plan-label{font-size:14px;font-weight:600}.plan-ctl{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.plan-follow{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.plan-row .plan-label{grid-area:1/1/span 2;align-self:center}.plan-row .plan-follow{grid-area:1/2;justify-self:start}.plan-row .plan-ctl{grid-area:2/2}.affix{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.affix:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.affix input{background:0 0;border:0;outline:none;width:92px;height:36px;padding:0 10px;font-size:15px}.affix input:disabled{opacity:.55}.affix em{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;font-style:normal;display:flex}.seg{border:1px solid var(--line);border-radius:10px;margin:4px 0;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:9px 22px;font-size:15px;font-weight:600}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.seg button:disabled{cursor:default;opacity:.7}.model-table td{vertical-align:middle}.model-table tr.off td{opacity:.55}.model-table tr.off td:first-child{opacity:1}.th-sub{text-transform:none;letter-spacing:0;font-size:11px;font-weight:400;display:block}.plan-note{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack>.choice,.plan-box .choice{flex:none}.budget-row{margin:10px 0 14px}.budget-row .card-head{margin-bottom:6px}.limit-field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.model-table .affix input{width:74px}.plan-row>.seg{justify-self:start}.qr{border:1px solid var(--line);background:#fff;border-radius:8px;margin:8px 0;display:block}.mobile-bar,.scrim{display:none}.menu-btn{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.menu-btn:hover{background:var(--hover)}.mobile-bar{z-index:30;background:var(--side);border-bottom:1px solid var(--line);align-items:center;gap:10px;height:54px;padding:0 10px;position:sticky;top:0}.mobile-title{font-weight:600}@media (prefers-reduced-motion:reduce){.side{transition:none!important}}@media (width<=800px){.shell{background:var(--bg);display:block}.mobile-bar{display:flex}.side{z-index:50;border-right:1px solid var(--line);width:min(300px,86vw);height:auto;box-shadow:none;visibility:hidden;flex-direction:column;align-items:stretch;gap:2px;padding:18px 12px;transition:transform .2s,visibility 0s linear .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.side.open{visibility:visible;transition:transform .2s,visibility;transform:none;box-shadow:0 0 48px #00000080}.scrim{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.nav{padding:12px 10px}.content{max-width:none;padding:14px 14px 40px}.top{flex-wrap:wrap}.top h1{font-size:21px}.period{flex:150px;min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:12px 14px}.stat-value{font-size:22px}.card{border-radius:10px;padding:14px}.card-head{flex-wrap:wrap}.card-head .muted{font-size:13px}input,select,textarea{font-size:16px}.btn{white-space:normal;text-align:center;height:auto;min-height:40px;padding-top:6px;padding-bottom:6px}.field-row{flex-wrap:wrap;align-items:stretch;gap:6px}.field-row input,.field-row select{width:100%;height:40px}.inline-form{flex-direction:column}.inline-form>*{width:100%}.inline-form>input,.inline-form .field{flex:none}.stack{max-width:none}.actions{flex-wrap:wrap}.choice{flex-basis:100%}.mode-setup{padding-left:12px}.page-message{top:62px}th,td{padding:8px}td.actions{white-space:normal;text-align:left}.plan-box{padding:12px}.plan-row{grid-template-columns:minmax(0,1fr)}.plan-row .plan-label,.plan-row .plan-follow,.plan-row .plan-ctl{grid-area:auto/1}.plan-row .plan-follow{order:1}.plan-row .plan-ctl{order:2}.plan-ctl{gap:10px}.limit-field{flex:100px}.limit-field .affix{width:100%}.limit-field .affix input{flex:1;width:100%;min-width:0;height:40px}.affix input{height:40px}.seg button{padding:10px 18px}}@media (width<=640px){.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:6px 12px}.table-wrap tr:last-child{margin-bottom:0}.table-wrap td{text-align:left;border:0;grid-template-columns:minmax(70px,36%) minmax(0,1fr);align-items:baseline;column-gap:12px;min-width:0;padding:6px 0;display:grid}.table-wrap td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;grid-area:1/1;font-size:12px}.table-wrap td>*{overflow-wrap:anywhere;grid-column:2;min-width:0}.table-wrap td{overflow-wrap:anywhere}.table-wrap td[data-label=""]{flex-wrap:wrap;gap:8px;display:flex}.table-wrap td[data-label=""]:before{content:none}.table-wrap td.actions{flex-wrap:wrap;gap:8px;display:flex}.table-wrap td.actions:before{content:none}.table-wrap td .pill{justify-self:start}.table-wrap td[colspan]{text-align:left;display:block}}@media (width<=480px){.auth{padding:16px 12px}.auth-card{padding:20px}.stats{grid-template-columns:minmax(0,1fr)}}form.policy .btn{margin-top:14px}input[type=search]{border:1px solid var(--line);background:var(--bg);height:38px;color:var(--text);border-radius:8px;min-width:0;padding:0 12px;font-size:15px}
