@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color-scheme:dark;--bg: #09090a;--surface: #141415;--surface-2: #1a1a1c;--surface-3: #202023;--text: #f5f5f5;--muted: #95959e;--faint: #686870;--border: #2a2a2e;--border-strong: #3a3a3f;--green: #38d481;--green-soft: rgba(56, 212, 129, .12);--amber: #f0b65d;--amber-soft: rgba(240, 182, 93, .12);--red: #ff6470;--red-soft: rgba(255, 100, 112, .12);--blue: #61a5fa;--blue-soft: rgba(97, 165, 250, .12);--shadow: 0 18px 48px rgba(0, 0, 0, .28)}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f7;--surface: #ffffff;--surface-2: #f0f1f2;--surface-3: #e7e8ea;--text: #171719;--muted: #65656d;--faint: #878790;--border: #dedfe2;--border-strong: #c9cbd0;--green-soft: rgba(18, 157, 84, .1);--amber-soft: rgba(191, 119, 15, .1);--red-soft: rgba(209, 55, 68, .1);--blue-soft: rgba(45, 112, 201, .1);--shadow: 0 18px 48px rgba(30, 32, 40, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar{height:64px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:flex;align-items:center;gap:11px;min-width:0}.brand-icon{width:34px;height:34px;display:grid;place-items:center;color:#0b1710;background:var(--green);border-radius:7px}.brand-block>div:last-child{display:flex;align-items:baseline;gap:9px;min-width:0}.brand-block strong{font:700 15px/1 DM Sans,Noto Sans SC,sans-serif;white-space:nowrap}.brand-block span{font-size:11px;color:var(--muted);white-space:nowrap}nav{display:flex;height:100%;align-items:stretch}nav button{position:relative;border:0;background:transparent;color:var(--muted);padding:0 16px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600}nav button:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:transparent}nav button:hover{color:var(--text)}nav button.active{color:var(--text)}nav button.active:after{background:var(--green)}.top-actions{justify-self:end;display:flex;align-items:center;gap:7px}.connection{height:30px;padding:0 9px;border-right:1px solid var(--border);margin-right:3px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.connection-online{color:var(--green)}.connection-offline{color:var(--red)}.icon-button,.inline-icon{border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button{width:34px;height:34px;border-radius:6px;color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.icon-button.enabled{color:var(--green)}.icon-button:disabled{opacity:.45;cursor:wait}main{width:min(1540px,100%);margin:0 auto;padding:24px}.project-strip{min-height:106px;display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:18px;align-items:center;padding:0 0 22px;border-bottom:1px solid var(--border);margin-bottom:18px}.project-strip img{width:74px;height:74px;object-fit:cover;border-radius:7px;border:1px solid var(--border)}.project-copy{min-width:0}.project-title-line{display:flex;align-items:center;gap:12px;min-width:0}h1{font:700 clamp(18px,2vw,25px)/1.35 "DM Sans","Noto Sans SC",sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{margin-top:9px;display:flex;gap:18px;color:var(--muted);font-size:12px}.project-meta span{display:flex;align-items:center;gap:6px}.detail-link{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.detail-link:hover{border-color:var(--border-strong);background:var(--surface-2)}.status-mark{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.status-mark i{width:6px;height:6px;border-radius:50%;background:var(--faint)}.status-mark.available{color:var(--green)}.status-mark.available i{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-mark.sold i{background:var(--amber)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--surface);margin-bottom:18px}.metric{min-height:108px;padding:18px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.metric:last-child{border-right:0}.metric>span{color:var(--muted);font-size:12px;font-weight:500}.metric strong{font:700 27px/1 DM Sans,Noto Sans SC,sans-serif;margin-top:10px}.metric small{color:var(--faint);font-size:10px;margin-top:8px}.metric-success strong{color:var(--green)}.metric-warning strong{color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.screen-column{min-width:0}.list-toolbar{height:42px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.search-control{height:36px;width:min(320px,45%);display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:0 10px}.search-control:focus-within{border-color:var(--border-strong)}.search-control input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.search-control input::placeholder{color:var(--faint)}.inline-icon{width:22px;height:22px;color:var(--muted)}select{height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:0 30px 0 10px;outline:none;font-size:12px}select:focus{border-color:var(--border-strong)}.result-count{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.screen-stack{display:flex;flex-direction:column;gap:8px}.screen-section{background:var(--surface);border:1px solid var(--border);border-radius:7px;overflow:hidden}.screen-section.has-stock{border-color:color-mix(in srgb,var(--green) 52%,var(--border));box-shadow:0 0 0 1px var(--green-soft)}.screen-heading{width:100%;min-height:62px;border:0;background:transparent;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.screen-heading:hover{background:var(--surface-2)}.screen-title{display:flex;align-items:center;gap:11px;min-width:0}.screen-title>svg{color:var(--blue);flex:0 0 auto}.screen-title>div{min-width:0;display:flex;flex-direction:column;gap:4px}.screen-title strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-title span{color:var(--muted);font-size:10px}.screen-heading-end{display:flex;align-items:center;gap:15px;margin-left:15px}.screen-heading-end>svg{color:var(--muted);transition:transform .16s ease}.screen-heading-end>svg.rotate{transform:rotate(180deg)}.available-count{color:var(--green);font-size:11px;font-weight:600}.ticket-list{border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-row{min-height:58px;padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) 54px 74px;gap:9px;align-items:center;border-bottom:1px solid var(--border)}.ticket-row:nth-child(odd){border-right:1px solid var(--border)}.ticket-row:nth-last-child(-n+2){border-bottom:0}.ticket-row.ticket-available{background:var(--green-soft)}.ticket-main{min-width:0;display:flex;flex-direction:column;gap:3px}.ticket-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}code{color:var(--faint);font:500 10px/1.4 DM Sans,monospace}.ticket-price{font:700 12px/1 DM Sans,sans-serif}.event-rail{position:sticky;top:82px;min-height:430px;max-height:calc(100vh - 106px);background:var(--surface);border:1px solid var(--border);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.section-heading{min-height:48px;padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.section-heading>div{display:flex;align-items:center;gap:8px}.section-heading strong{font-size:12px}.section-heading span{color:var(--muted);font-size:10px}.event-rail-list{overflow:auto}.event-row{padding:13px 15px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px}.event-row:last-child{border-bottom:0}.event-icon{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}.severity-critical .event-icon{color:var(--green);background:var(--green-soft)}.severity-warning .event-icon{color:var(--amber);background:var(--amber-soft)}.event-copy{min-width:0}.event-copy>div{display:flex;gap:8px;justify-content:space-between}.event-copy strong{font-size:11px}.event-copy time{color:var(--faint);font-size:9px;white-space:nowrap}.event-copy p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.event-copy code{display:block;margin-top:6px}.empty-state{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--faint)}.empty-state strong{color:var(--muted);font-size:12px}.empty-state span{font-size:10px}.view-surface{border:1px solid var(--border);border-radius:7px;background:var(--surface);overflow:hidden;min-height:480px}.view-header{min-height:74px;padding:14px 17px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.view-header h2{margin:0;font-size:17px}.view-header p{margin:5px 0 0;color:var(--muted);font-size:10px}.filter-group{display:flex;gap:8px}.event-table-head,.event-table-row{display:grid;grid-template-columns:92px minmax(0,1fr) 130px 150px;align-items:center;gap:12px}.event-table-head{height:38px;padding:0 16px;color:var(--faint);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:10px}.event-table-row{min-height:66px;padding:10px 16px;border-bottom:1px solid var(--border)}.event-table-row:last-child{border-bottom:0}.event-table-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}.event-table-row strong{font-size:12px}.event-table-row small{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-table-row time{color:var(--muted);font-size:10px}.level{width:42px;height:22px;display:grid;place-items:center;border-radius:4px;font-size:9px;font-weight:700;background:var(--surface-3);color:var(--muted)}.level-critical{background:var(--green-soft);color:var(--green)}.level-warning{background:var(--amber-soft);color:var(--amber)}.health-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.health-panel,.poll-panel{border:1px solid var(--border);border-radius:7px;background:var(--surface);overflow:hidden}.health-list{margin:0;padding:6px 15px}.health-list>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.health-list>div:last-child{border-bottom:0}.health-list dt{color:var(--muted);font-size:10px}.health-list dd{margin:0;display:flex;align-items:center;gap:7px;font-size:11px;text-align:right}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.health-dot.online{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.health-dot.degraded{background:var(--amber)}.error-strip{margin:0 14px 14px;padding:10px;display:flex;gap:8px;align-items:flex-start;color:var(--amber);background:var(--amber-soft);border-radius:6px;font-size:10px;line-height:1.5}.poll-head,.poll-row{display:grid;grid-template-columns:120px 100px 90px minmax(120px,1fr);align-items:center;gap:12px}.poll-head{height:38px;padding:0 14px;color:var(--faint);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:10px}.poll-row{min-height:42px;padding:0 14px;border-bottom:1px solid var(--border)}.poll-row:last-child{border-bottom:0}.poll-row>span{display:flex;align-items:center;gap:6px;font-size:10px}.poll-ok{color:var(--green)}.poll-fail{color:var(--red)}.poll-row time{color:var(--muted);font-size:10px}.loading-state{min-height:420px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.loading-state strong{font-size:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:22px;bottom:22px;z-index:50;width:min(430px,calc(100vw - 32px));padding:13px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--text);background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));border-radius:7px;box-shadow:var(--shadow)}.toast>div{display:flex;gap:10px;align-items:flex-start}.toast>div>svg{color:var(--green);flex:0 0 auto}.toast span{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.toast strong{color:var(--text)}.toast button{width:24px;height:24px;border:0;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:18px;display:grid;place-items:center;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-dialog{width:min(510px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.settings-header{min-height:68px;padding:0 14px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.settings-header>div,.settings-header-actions{display:flex;align-items:center;gap:10px}.settings-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;color:var(--green);background:var(--green-soft)}.settings-header h2{margin:0;font-size:15px}.settings-header p{margin:3px 0 0;color:var(--muted);font:500 10px/1 DM Sans,sans-serif}.settings-state{height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:4px;color:var(--muted);background:var(--surface-3);font-size:9px;font-weight:700}.settings-state.active{color:var(--green);background:var(--green-soft)}.settings-body{padding:18px}.setting-toggle-row{min-height:58px;padding:0 13px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);cursor:pointer}.setting-toggle-row>span:first-child{display:flex;flex-direction:column;gap:4px}.setting-toggle-row strong{font-size:12px}.setting-toggle-row small{color:var(--muted);font-size:9px}.switch-control{position:relative;width:36px;height:20px;flex:0 0 auto}.switch-control input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;opacity:0;cursor:pointer}.switch-control i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:var(--surface-3);border:1px solid var(--border-strong);transition:background .14s ease,border-color .14s ease}.switch-control i:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:var(--muted);transition:transform .14s ease,background .14s ease}.switch-control input:checked+i{background:var(--green-soft);border-color:var(--green)}.switch-control input:checked+i:after{transform:translate(16px);background:var(--green)}.switch-control input:focus-visible+i{outline:2px solid var(--blue);outline-offset:2px}.switch-control input:disabled+i{opacity:.45}.field-label{display:block;margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:600}.secret-input{height:40px;display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;background:var(--bg);overflow:hidden}.secret-input:focus-within{border-color:var(--border-strong)}.secret-input input{flex:1;min-width:0;height:100%;padding:0 12px;border:0;outline:0;color:var(--text);background:transparent;font:500 11px/1 DM Sans,monospace}.secret-input input::placeholder{color:var(--faint)}.secret-input button{width:40px;height:100%;flex:0 0 auto;border:0;border-left:1px solid var(--border);display:grid;place-items:center;color:var(--muted);background:transparent;cursor:pointer}.secret-input button:hover{color:var(--text);background:var(--surface-2)}.secret-input button:disabled{opacity:.45}.settings-feedback{min-height:35px;margin-top:12px;padding:8px 10px;border-radius:5px;display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.settings-feedback svg{flex:0 0 auto;margin-top:1px}.settings-feedback.success{color:var(--green);background:var(--green-soft)}.settings-feedback.error{color:var(--red);background:var(--red-soft)}.settings-footer{min-height:64px;padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:8px;background:var(--surface-2)}.primary-button,.secondary-button{height:36px;padding:0 13px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--green);color:#07150d;background:var(--green)}.secondary-button{border:1px solid var(--border-strong);color:var(--text);background:var(--surface)}.primary-button:hover,.secondary-button:hover{filter:brightness(1.06)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:wait}@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr auto}nav{justify-self:center}nav button{padding:0 10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.ticket-list{grid-template-columns:1fr}.ticket-row:nth-child(odd){border-right:0}.ticket-row:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.ticket-row:last-child{border-bottom:0}}@media(max-width:820px){.topbar{height:auto;min-height:62px;padding:10px 14px 0;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav"}.brand-block{grid-area:brand}.brand-block>div:last-child{flex-direction:column;align-items:flex-start;gap:3px}.top-actions{grid-area:actions}.connection{display:none}nav{grid-area:nav;height:42px;width:100%;justify-content:stretch}nav button{flex:1;justify-content:center;padding:0 7px}nav button:after{left:7px;right:7px}main{padding:16px 12px}.project-strip{grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:82px}.project-strip img{width:58px;height:58px}.project-title-line{align-items:flex-start}h1{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-meta{gap:10px;flex-wrap:wrap}.detail-link{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:92px;border-bottom:1px solid var(--border)}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.dashboard-grid{grid-template-columns:1fr}.event-rail{position:static;max-height:420px}.health-layout{grid-template-columns:1fr}.event-table-head{display:none}.event-table-row{grid-template-columns:54px minmax(0,1fr);gap:8px}.event-table-row>code,.event-table-row>time{grid-column:2}}@media(max-width:520px){.brand-icon{width:31px;height:31px}nav button{font-size:11px;gap:5px}.top-actions{gap:2px}.icon-button{width:31px;height:31px}.project-strip{padding-bottom:16px}.project-meta span:first-child{display:none}.metric{padding:14px}.metric strong{font-size:23px}.list-toolbar{height:auto;flex-wrap:wrap}.search-control{width:100%}.list-toolbar select{flex:1}.screen-heading{padding:11px}.screen-heading-end{gap:9px}.ticket-row{grid-template-columns:minmax(0,1fr) 48px 68px;padding:10px}.filter-group{width:100%}.filter-group select{flex:1;min-width:0}.view-header{align-items:flex-start;flex-direction:column}.poll-head,.poll-row{grid-template-columns:88px 72px 56px minmax(95px,1fr);gap:6px}.modal-backdrop{padding:10px;align-items:end}.settings-dialog{max-height:calc(100vh - 20px)}.settings-header{padding-left:14px}.settings-body{padding:14px}.settings-footer{padding:11px 14px}.settings-footer button{flex:1}}