:root{color-scheme:light;--bg:oklch(97% 0.008 250);--bg-2:oklch(94% 0.011 248);--surface:oklch(100% 0 0);--surface-2:oklch(96% 0.01 248);--elevated:oklch(100% 0 0);--text:oklch(22% 0.028 252);--muted:oklch(46% 0.032 252);--line:oklch(86% 0.018 248);--accent:oklch(52% 0.13 198);--accent-2:oklch(58% 0.12 142);--danger:oklch(55% 0.18 28);--shadow-1:0 10px 24px oklch(38% 0.03 252/8%);--shadow-2:0 18px 42px oklch(38% 0.03 252/11%);--radius-sm:6px;--radius-md:8px;--radius-lg:8px;font-family:Inter,Aptos,system-ui,sans-serif;accent-color:var(--accent)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100dvh;color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg-2));font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;max-width:100%}button[disabled],input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed;opacity:.68}fieldset[data-pending=true]{opacity:.82}::selection{background:color-mix(in oklch,var(--accent) 32%,transparent);color:white}:focus-visible{outline:3px solid color-mix(in oklch,var(--accent) 72%,white);outline-offset:3px}.shell{display:grid;grid-template-columns:248px 1fr}.shell,.sidebar{min-height:100dvh}.sidebar{position:-webkit-sticky;position:sticky;top:0;border-right:1px solid var(--line);padding:24px 20px;background:color-mix(in oklch,var(--surface) 94%,var(--bg));box-shadow:8px 0 24px oklch(38% .03 252/5%)}.sidebar h1{margin:0;font-size:1.35rem;letter-spacing:0}.sidebar p{margin:8px 0 0;font-size:.92rem}.sidebar nav{display:grid!important;grid-gap:6px!important;gap:6px!important;margin-top:22px!important}.sidebar nav a{min-height:38px;display:flex;align-items:center;border:1px solid transparent;border-radius:var(--radius-md);padding:0 11px;color:var(--muted);font-weight:650;transition:background .16s,color .16s,border-color .16s,transform .16s}.sidebar nav a:hover{color:var(--text);border-color:var(--line);background:var(--surface-2);transform:translateX(1px)}.sidebar-status{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 11px;color:var(--muted);background:var(--surface-2);font-size:.84rem;font-weight:700;overflow-wrap:anywhere}.sidebar-logout{margin-top:10px}.sidebar-logout button{width:100%;background:var(--surface);color:var(--text);border-color:var(--line)}.main{padding:clamp(22px,3vw,40px);min-width:0}.main>h1,.main>h2{margin:18px 0 22px;max-width:820px;font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.16;letter-spacing:0}.main>h3{font-size:1.16rem;line-height:1.22}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(16px,2vw,22px);box-shadow:var(--shadow-1);min-width:0;overflow:hidden}.card h2,.card h3{margin-top:0;letter-spacing:0}.subpanel{border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;background:color-mix(in oklch,var(--surface-2) 45%,transparent)}.subpanel h3{margin-top:0}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.kpi{font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1;letter-spacing:0;margin:2px 0}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px 9px;color:var(--muted);background:var(--surface);font-size:.82rem;font-weight:750;letter-spacing:0;overflow-wrap:anywhere;white-space:normal}.badge,.notice{border:1px solid var(--line);border-radius:var(--radius-md)}.notice{padding:12px 14px;margin:14px 0;line-height:1.45;background:color-mix(in oklch,var(--surface-2) 34%,transparent)}.notice p{margin:6px 0 0;color:var(--muted)}.notice.success{border-color:color-mix(in oklch,var(--accent) 48%,var(--line));background:color-mix(in oklch,var(--accent) 14%,transparent)}.notice.error{border-color:color-mix(in oklch,var(--danger) 58%,var(--line));background:color-mix(in oklch,var(--danger) 12%,transparent);color:oklch(86% .08 28)}.notice.error p{color:oklch(80% .055 28)}.notice.muted{color:var(--muted);background:color-mix(in oklch,var(--surface-2) 42%,transparent)}.empty-state{border:1px dashed color-mix(in oklch,var(--line) 72%,var(--muted));border-radius:var(--radius-md);padding:18px;color:var(--muted);background:color-mix(in oklch,var(--surface-2) 32%,transparent)}.empty-state strong{color:var(--text)}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 11px;background:var(--surface);color:var(--text)}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:color-mix(in oklch,var(--accent) 42%,var(--line))}.button-like,button{min-height:38px;border-radius:var(--radius-md);border:1px solid color-mix(in oklch,var(--accent) 50%,var(--line));padding:0 13px;background:var(--accent);color:white;cursor:pointer;font-weight:750}.secondary-button{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text);border-color:var(--line)}.filter-card{margin:0 0 18px}.filter-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(150px,1fr)) auto;grid-gap:12px;gap:12px;align-items:end}.filter-grid label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.9rem;font-weight:700}.filter-grid input,.filter-grid select{min-height:42px;color:var(--text);font-weight:500}.filter-actions{display:flex;gap:8px;align-items:center}.filter-summary{margin:12px 0 0;color:var(--muted);font-size:.92rem}.timeline-item{display:grid;grid-gap:4px;gap:4px;border-left:3px solid color-mix(in oklch,var(--accent) 58%,var(--line));padding:0 0 14px 14px;margin:0 0 14px}.timeline-item time{color:var(--muted);font-size:.92rem}.responsive-list{display:grid;grid-gap:10px;gap:10px}.queue-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;background:color-mix(in oklch,var(--surface-2) 55%,white)}.queue-row>*{min-width:0;overflow-wrap:anywhere}.queue-row.compact-row{grid-template-columns:1.3fr 1fr .8fr}.ticket-list{display:grid;grid-gap:10px;gap:10px}.ticket-list-row{display:grid;grid-template-columns:minmax(124px,.9fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,.95fr) minmax(0,.9fr);grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);align-items:start;min-width:0;background:color-mix(in oklch,var(--surface-2) 55%,white)}.ticket-list-row>*{min-width:0;overflow-wrap:anywhere}.ticket-list-label{display:none;color:var(--muted);font-size:.78rem;text-transform:uppercase;margin-bottom:4px}.widget-install-card{position:relative;margin-bottom:22px;background:var(--surface)}.widget-install-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.install-code-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);grid-gap:16px;gap:16px;align-items:start}.install-code{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:oklch(24% .03 252);color:oklch(90% .08 198);line-height:1.5;box-shadow:inset 0 0 0 1px oklch(100% 0 0/4%)}.install-checklist,.install-code{border:1px solid var(--line);border-radius:var(--radius-md)}.install-checklist{padding:16px;background:color-mix(in oklch,var(--surface-2) 50%,transparent)}.install-checklist ul{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}.install-checklist code,.install-code-grid code{color:var(--text)}.skeleton{overflow:hidden;position:relative;min-height:52px;border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface-2) 66%,transparent)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--accent) 16%,transparent),transparent);animation:sweep 1.4s infinite}@keyframes sweep{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:760px){body{overflow-x:hidden}.shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 14px;overflow:hidden}.sidebar h1{font-size:1.08rem}.sidebar p,.sidebar-logout,.sidebar-status{display:none}.sidebar nav{display:flex!important;flex-wrap:wrap;width:100%;max-width:100%;gap:6px!important;margin-top:10px!important;overflow:visible;padding-bottom:0}.sidebar nav a{min-height:32px;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);justify-content:center;padding:0 8px;white-space:nowrap;font-size:.82rem}.main{width:100%;max-width:100%;overflow:hidden;padding:18px 14px 34px}.main>h1,.main>h2{margin:14px 0 18px;font-size:clamp(1.38rem,6.2vw,1.8rem);line-height:1.18}.card{padding:18px;border-radius:var(--radius-md)}.queue-row{grid-template-columns:1fr;gap:6px}.ticket-list-row{grid-template-columns:1fr;gap:10px}.ticket-list-label{display:block}.filter-grid{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}.install-code-grid{grid-template-columns:1fr}}