html,body,#root{min-height:100%}:root{--surf-page:#eef4ea;--surf-primary:#fff;--surf-soft:#d7e6cf;--surf-ink:#1b3a28;--fg:#1b3a28;--fg-2:#4a6b52;--fg-mute:#7a9a80;--fg-inv:#fff;--accent:#2d5e3a;--danger:#b42318;--warn:#b54708;--font-ui:"Manrope", "Noto Sans SC", sans-serif;--font-display:"Fraunces", "Noto Serif SC", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-card:16px;--radius-pill:999px;--sidebar-w:240px;font-family:var(--font-ui);color:var(--fg);background:var(--surf-page)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surf-page);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.login-shell{background:radial-gradient(ellipse at 12% 0%, #d7e6cf 0%, transparent 42%), radial-gradient(ellipse at 88% 100%, #c8dbc0 0%, transparent 38%), var(--surf-page);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.login-panel{background:var(--surf-primary);border-radius:20px;width:min(420px,100%);padding:28px;box-shadow:0 12px 32px #1b3a2814}.captcha-row{align-items:flex-end;gap:12px;display:flex}.captcha-field{flex:1;min-width:0}.captcha-input{text-transform:uppercase;letter-spacing:.08em}.form .captcha-img-btn{width:auto;min-width:0;height:42px;color:inherit;box-shadow:none;cursor:pointer;background:#f4efe4;border:1px solid #d8d0c4;border-radius:10px;flex-shrink:0;gap:0;padding:0;line-height:0;overflow:hidden}.form .captcha-img-btn:hover,.form .captcha-img-btn:focus{filter:none;background:#f4efe4}.captcha-img-btn img{vertical-align:top;width:auto;height:42px;display:block}.captcha-img-btn span{color:var(--fg-mute);padding:0 14px;font-size:12px;line-height:42px;display:inline-block}.brand-row{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-row h1{font-family:var(--font-display);color:var(--fg);margin:0;font-size:22px;font-weight:600}.brand-row p{color:var(--fg-mute);font-family:var(--font-mono);letter-spacing:.04em;margin:4px 0 0;font-size:11px}.mark{background:var(--accent);width:42px;height:42px;color:var(--fg-inv);font-family:var(--font-display);border-radius:14px;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;display:grid}.mark.sm{border-radius:12px;width:36px;height:36px;font-size:14px}.form{flex-direction:column;gap:14px;display:flex}.form label,.field{color:var(--fg-2);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.form input,.field input,.field select,.toolbar input,.toolbar select,.form-grid input,.form-grid select,.search-bar input{border:1px solid var(--surf-soft);background:var(--surf-page);height:42px;color:var(--fg);border-radius:12px;outline:none;padding:0 14px;font-size:14px}.form input:focus,.field input:focus,.field select:focus,.search-bar input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d5e3a1f}.btn,.form button{border-radius:var(--radius-pill);background:var(--accent);height:42px;color:var(--fg-inv);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled,.form button:disabled{opacity:.55;cursor:not-allowed}.btn.soft{background:var(--surf-soft);color:var(--fg)}.btn.ghost{border:1px solid var(--surf-soft);color:var(--fg-2);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.sm{height:34px;padding:0 14px;font-size:13px}.hint{color:var(--warn);background:#fff7ed;border:1px solid #fcd9b0;border-radius:12px;margin:12px 0 0;padding:10px 14px;font-size:13px;line-height:1.45}.hint.ok{background:var(--surf-soft);color:var(--accent);border-color:#b7d0ad}.toast{z-index:200;max-width:min(420px,100vw - 32px);color:var(--warn);pointer-events:none;background:#fff7ed;border:1px solid #fcd9b0;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;line-height:1.4;animation:.22s ease-out toast-in;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #1b3a2824}.toast.ok{background:var(--surf-primary);color:var(--accent);border-color:#b7d0ad}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.app{grid-template-columns:var(--sidebar-w) 1fr;background:var(--surf-page);height:100%;max-height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--surf-primary);border-right:none;flex-direction:column;gap:4px;height:100%;min-height:0;padding:24px 16px;display:flex;overflow-y:auto}.side-brand{align-items:center;gap:10px;padding:0 4px 20px;display:flex}.side-brand strong{font-family:var(--font-display);color:var(--fg);font-size:16px;font-weight:600;display:block}.side-brand em{font-style:normal;font-family:var(--font-mono);color:var(--fg-mute);letter-spacing:.06em;font-size:10px;display:block}.nav-group{color:var(--fg-mute);font-family:var(--font-mono);letter-spacing:.08em;text-transform:none;margin-top:14px;margin-bottom:4px;padding:0 12px;font-size:10px}.nav-item{text-align:left;width:100%;color:var(--fg-2);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500;display:block}.nav-item.active{background:var(--accent);color:var(--fg-inv);font-weight:600}.nav-item:hover:not(.active){background:var(--surf-soft);color:var(--fg)}.sidebar-foot{flex-shrink:0;margin-top:auto;padding-top:16px}.main{flex-direction:column;height:100%;min-height:0;padding:20px 40px 48px;display:flex;overflow:auto}.page-tabs{border-bottom:1px solid var(--surf-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;padding-bottom:12px;display:flex}.page-tab{border-radius:var(--radius-pill);background:var(--surf-primary);height:34px;color:var(--fg-2);cursor:pointer;border:none;align-items:center;gap:8px;max-width:200px;padding:0 6px 0 14px;font-size:13px;font-weight:500;display:inline-flex}.page-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-tab.active{background:var(--accent);color:var(--fg-inv);font-weight:600}.page-tab .tab-x{width:22px;height:22px;color:inherit;opacity:.72;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.page-tab .tab-x:hover{opacity:1;background:#00000014}.page-tab.active .tab-x:hover{background:#ffffff2e}.tab-pane{flex-direction:column;gap:0;min-height:0;display:flex}.tab-pane[hidden]{display:none!important}.page-eyebrow{color:var(--fg-mute);font-family:var(--font-mono);letter-spacing:.04em;margin:0 0 4px;font-size:11px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h2{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.page-head p{color:var(--fg-2);max-width:520px;margin:6px 0 0;font-size:14px;line-height:1.45}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.kpi{background:var(--surf-primary);border-radius:var(--radius-card);padding:20px}.kpi .label{color:var(--fg-mute);font-size:12px;font-weight:500}.kpi .value{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;margin-top:8px;font-size:32px;font-weight:600;line-height:1}.kpi .delta{font-family:var(--font-mono);color:var(--accent);margin-top:8px;font-size:11px}.bento-lower{grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px;display:grid}.card{background:var(--surf-primary);border-radius:var(--radius-card);overflow:hidden}.card.pad{padding:24px}.card.ink{background:var(--accent);color:var(--fg-inv)}.card.ink .card-title{color:#ffffffb8}.card.ink .giant{color:var(--fg-inv)}.card-title{color:var(--fg);margin:0 0 16px;font-size:14px;font-weight:600}.giant{font-family:var(--font-display);letter-spacing:-.03em;font-size:56px;font-weight:600;line-height:1}.giant-sub{opacity:.78;margin-top:10px;font-size:13px;line-height:1.4}.chart-bars{align-items:flex-end;gap:10px;height:140px;padding-top:8px;display:flex}.chart-bars .bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bars .bar{background:var(--surf-soft);border-radius:10px 10px 6px 6px;width:100%;min-height:8px}.chart-bars .bar.on{background:var(--accent)}.chart-bars span{font-family:var(--font-mono);color:var(--fg-mute);font-size:10px}.todo-list{flex-direction:column;gap:8px;display:flex}.todo-item{background:var(--surf-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.todo-item strong{color:var(--fg);font-size:13px;display:block}.todo-item span{color:var(--fg-2);font-size:12px}.todo-item em{font-style:normal;font-family:var(--font-mono);color:var(--warn);white-space:nowrap;font-size:11px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.quick-grid .btn{background:var(--surf-soft);width:100%;color:var(--fg);font-weight:500}.side-stack{flex-direction:column;gap:12px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter-chip{color:var(--fg-2);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:500}.filter-chip.on{background:var(--surf-soft);color:var(--fg);font-weight:600}.search-bar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-bar input{background:var(--surf-primary);border:none;border-radius:14px;flex:1;min-width:0;height:44px;padding:0 18px}.search-bar .btn{flex-shrink:0;height:44px}.search-bar .search-select{background:var(--surf-primary);min-width:128px;height:44px;color:var(--fg);font-size:14px;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:14px;outline:none;flex-shrink:0;padding:0 12px}.search-bar .search-select:focus{box-shadow:0 0 0 3px #2d5e3a1f}.user-list{flex-direction:column;gap:10px;display:flex}.user-card{background:var(--surf-primary);border-radius:var(--radius-card);grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.avatar{background:var(--surf-soft);width:40px;height:40px;color:var(--accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:16px;font-weight:600;display:grid}.user-meta strong{color:var(--fg);font-size:14px;font-weight:600;display:block}.user-meta span{font-family:var(--font-mono);color:var(--fg-mute);font-size:11px}.user-stats{text-align:right;color:var(--fg);font-size:14px;font-weight:600}.user-stats span{color:var(--fg-2);margin-top:2px;font-size:12px;font-weight:500;display:block}.user-actions{gap:8px;display:flex}.list-cards{flex-direction:column;gap:10px;display:flex}.list-card{background:var(--surf-primary);border-radius:var(--radius-card);grid-template-columns:1.2fr 1fr .7fr 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.list-card.room{grid-template-columns:1.1fr .8fr .8fr .8fr auto}.list-card.lb{grid-template-columns:56px 1fr auto auto}.list-card.audit{grid-template-columns:1.4fr 1.2fr .9fr 1fr auto}.list-card .primary{color:var(--fg);font-size:15px;font-weight:600}.list-card.room .primary{font-family:var(--font-display);letter-spacing:.04em;font-size:18px}.mono{font-family:var(--font-mono);font-size:12px}.list-card .lb-rank{font-family:var(--font-display);color:var(--fg);font-size:24px;font-weight:600;line-height:1}.list-card .muted{color:var(--fg-2);font-size:13px}.list-card .actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=900px){.list-card,.list-card.room,.list-card.lb,.list-card.audit{grid-template-columns:1fr 1fr}.list-card .actions{grid-column:1/-1;justify-content:flex-start}}.snapshot-json{border-radius:var(--radius-card);background:var(--surf-2,#e4ecdf);max-height:360px;font-family:var(--font-mono);color:var(--fg);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-size:12px;line-height:1.45;overflow:auto}.user-detail{flex-direction:column;gap:8px;display:flex;overflow:visible}.user-detail .detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-block{background:var(--surf-soft);border-radius:12px;min-width:0;padding:10px 12px}.detail-block h4{color:var(--fg);margin:0 0 6px;font-size:12px;font-weight:600}.detail-empty{color:var(--fg-mute);margin:0;font-size:12px}.detail-list{flex-direction:column;gap:4px;display:flex}.detail-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12px;line-height:1.35;display:flex}.detail-row strong{color:var(--fg);flex-shrink:0;font-weight:600}.detail-row span{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.detail-row em{color:var(--fg-mute);font-size:11px;font-style:normal;font-family:var(--font-mono);white-space:nowrap;width:100%}@media (width<=560px){.user-detail .detail-grid{grid-template-columns:1fr}}.toolbar{background:var(--surf-primary);border-radius:var(--radius-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar-stat{color:var(--fg-2);font-size:13px}.table-wrap{background:var(--surf-primary);border-radius:var(--radius-card);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--surf-page);padding:12px 16px}th{color:var(--fg-2);background:var(--surf-soft);font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.pill{border-radius:var(--radius-pill);background:var(--surf-soft);color:var(--accent);padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.off{color:var(--danger);background:#fde8e6}.pager{color:var(--fg-2);justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;font-size:13px;display:flex}.pager .btn{min-width:36px;height:34px;padding:0 12px}.pager .btn.on{background:var(--accent);color:#fff}.pager .count{font-family:var(--font-mono);color:var(--fg-mute);margin-right:auto;font-size:12px}.empty{text-align:center;color:var(--fg-mute);background:var(--surf-primary);border-radius:var(--radius-card);padding:48px 24px;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.form-grid label{color:var(--fg-2);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.form-grid .span-2{grid-column:1/-1}.linkish{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.bento-lower{grid-template-columns:1fr}.user-card{grid-template-columns:auto 1fr}.user-stats,.user-actions{text-align:left;grid-column:2;justify-self:start}}@media (width<=860px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--surf-soft);z-index:5;height:auto;max-height:40vh;overflow:auto}.sidebar-foot{margin-top:8px}.main{padding:20px 16px 40px}}.modal-root{z-index:80;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:#1b3a2847;border:none;position:absolute;inset:0}.modal-sheet{background:var(--surf-primary);border-radius:24px;flex-direction:column;width:min(520px,100%);max-height:92vh;padding:22px 24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #1b3a2829}.modal-sheet:has(.user-detail){width:min(560px,100%)}:is(.modal-sheet:has(.user-detail) .modal-field input,.modal-sheet:has(.user-detail) .modal-field select){height:36px}.modal-sheet:has(.user-detail) .modal-body{gap:8px;margin-top:12px}.modal-sheet:has(.user-detail) .modal-actions{margin-top:12px}.live-bar{color:var(--fg-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.live-bar-right{align-items:center;gap:12px;display:flex}.live-pill{background:var(--surf-soft);height:28px;color:var(--fg-mute);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.live-pill.on{color:var(--accent);background:#dce8d6}.ops-table{background:var(--surf-primary);border-radius:var(--radius-card);overflow:hidden}.ops-head,.ops-row{align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:grid}.ops-head{background:var(--surf-soft);color:var(--fg-mute);font-size:12px;font-weight:700}.ops-head.room-cols,.ops-row.room-cols{grid-template-columns:1.1fr .8fr .7fr .8fr .7fr}.ops-head.queue-cols,.ops-row.queue-cols{grid-template-columns:1fr 1fr .7fr .7fr .8fr}.ops-row{border:none;border-top:1px solid var(--surf-soft);width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;font-family:inherit}.ops-row.static{cursor:default}.ops-row:not(.static):hover{background:#2d5e3a0f}.ops-empty{color:var(--fg-mute);border-top:1px solid var(--surf-soft);margin:0;padding:28px 16px;font-size:14px}.ops-row .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-eyebrow{font-family:var(--font-mono);color:var(--fg-mute);letter-spacing:.04em;flex-shrink:0;margin:0 0 4px;font-size:11px}.modal-title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;flex-shrink:0;margin:0;font-size:22px;font-weight:600}.modal-sub{color:var(--fg-mute);flex-shrink:0;margin:4px 0 0;font-size:12px}.modal-body{flex-direction:column;gap:10px;margin-top:16px;display:flex;overflow:visible}.modal-field{color:var(--fg-2);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.modal-field input,.modal-field select,.modal-field textarea{background:var(--surf-soft);height:40px;color:var(--fg);border:none;border-radius:12px;outline:none;padding:0 14px;font-size:13px}.modal-field textarea{resize:vertical;height:auto;min-height:72px;padding:10px 14px}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{box-shadow:0 0 0 3px #2d5e3a26}.modal-actions{flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-body .field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-stack{flex-direction:column;gap:14px;display:flex}.settings-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.settings-card-head h3{color:var(--fg);margin:0;font-size:16px;font-weight:600}.settings-card-head p{color:var(--fg-2);max-width:520px;margin:6px 0 0;font-size:13px;line-height:1.45}.toolbar-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.file-pick{cursor:pointer;position:relative;overflow:hidden}.file-pick input[type=file]{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.file-pick.disabled{opacity:.55;pointer-events:none}.title-brand-drop{border-radius:var(--radius-card);border:1.5px dashed var(--surf-soft);background:var(--surf-page);min-height:140px;color:var(--fg-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.title-brand-drop:hover{border-color:var(--accent);background:#e7f0e3}.title-brand-drop.disabled{opacity:.55;pointer-events:none}.title-brand-drop input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.title-brand-drop strong{color:var(--fg);font-size:15px;font-weight:600}.title-brand-drop span{color:var(--fg-mute);font-size:13px}.title-brand-preview{border-radius:var(--radius-card);background:var(--surf-page);flex-wrap:wrap;align-items:flex-start;gap:16px;padding:14px;display:flex}.title-brand-preview img{object-fit:contain;background:#fff;border-radius:12px;max-width:min(420px,100%);max-height:128px;padding:8px 12px}.title-brand-meta{min-width:0;color:var(--fg-2);flex-direction:column;flex:1;gap:6px;font-size:13px;display:flex}.title-brand-meta .mono{font-family:var(--font-mono);color:var(--fg-mute);font-size:12px}.title-brand-meta .url{word-break:break-all;line-height:1.4}.toggle-row{align-items:center;gap:10px;display:flex}.toggle{background:var(--surf-soft);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(18px)}.toggle-label{color:var(--fg-2);font-size:13px;font-weight:600}.preview-box{background:var(--surf-soft);color:var(--fg);border-radius:14px;min-height:56px;margin-top:12px;padding:14px 16px;font-size:14px;line-height:1.5}.preview-label{color:var(--fg-mute);margin-bottom:8px;font-size:12px}.footer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.ads-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.ad-card{background:var(--surf-primary);border-radius:var(--radius-card);flex-direction:column;gap:10px;min-height:160px;padding:18px;display:flex}.ad-card h4{color:var(--fg);margin:0;font-size:16px;font-weight:600}.ad-card .meta{font-family:var(--font-mono);color:var(--fg-mute);font-size:11px;line-height:1.5}.ad-card .ad-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.inline-num{background:var(--surf-page);width:72px;height:32px;color:var(--fg);border:none;border-radius:10px;padding:0 8px;font-size:13px}.stage-table td input{background:var(--surf-page);border:none;border-radius:10px;width:72px;height:32px;padding:0 8px;font-size:13px}