:root{--panel-font-body:14px;--panel-font-support:12px}*{box-sizing:border-box}[hidden],.hidden{display:none!important}body{min-width:320px;min-height:100vh;color:var(--o-text);background:var(--o-bg);font-family:var(--o-font);font-size:var(--panel-font-body);font-weight:var(--o-fw-regular);line-height:var(--o-lh-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.has-modal{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,p{margin:0}code,.mono,.mono-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{border-radius:var(--o-radius-xs);padding:0 var(--o-space-1);color:var(--o-text-muted);background:var(--o-surface-strong);font-size:var(--panel-font-support);white-space:nowrap}:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}.muted{color:var(--o-text-dim)}.nowrap{white-space:nowrap}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.eyebrow,.dialog-kicker{color:var(--o-accent-soft);font-size:var(--panel-font-support);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug);letter-spacing:.08em;text-transform:uppercase;display:block}.btn,.icon-button,.auto-toggle,.logout-button{min-height:var(--o-control-h-sm);justify-content:center;align-items:center;gap:var(--o-space-2);border:1px solid var(--o-border);border-radius:var(--o-radius-sm);padding:0 var(--o-space-4);color:var(--o-text);font-size:var(--panel-font-body);font-weight:var(--o-fw-medium);line-height:var(--o-lh-tight);text-align:center;white-space:nowrap;transition:background-color var(--o-dur-fast) var(--o-ease), border-color var(--o-dur-fast) var(--o-ease), color var(--o-dur-fast) var(--o-ease);background:0 0;display:inline-flex}.btn:hover:not(:disabled),.icon-button:hover:not(:disabled),.auto-toggle:hover,.logout-button:hover{border-color:var(--o-border-strong);background:var(--o-surface-hover)}.btn.primary{border-color:var(--o-accent);background:var(--o-accent)}.btn.primary:hover:not(:disabled){border-color:var(--o-accent-hover);background:var(--o-accent-hover)}.btn.primary:active:not(:disabled){border-color:var(--o-accent-pressed);background:var(--o-accent-pressed)}.btn.danger{border-color:var(--o-danger);color:var(--o-danger);background:var(--o-danger-bg)}.btn.danger:hover:not(:disabled){border-color:var(--o-danger);background:var(--o-surface-strong)}.icon-button{width:var(--o-control-h-sm);font-size:var(--o-fs-lg);padding:0}.auto-toggle.active,.auto-toggle[aria-pressed=true]{border-color:var(--o-border-strong);color:var(--o-accent-soft);background:var(--o-surface-strong)}.text-action{align-items:center;gap:var(--o-space-1);color:var(--o-accent-soft);font-size:var(--panel-font-body);font-weight:var(--o-fw-medium);padding:0;display:inline-flex}.text-action:hover{color:var(--o-text);text-decoration:underline}.button-row,.form-actions,.tag-row{align-items:center;gap:var(--o-space-2);flex-wrap:wrap;display:flex}.form-stack{gap:var(--o-space-4);min-width:0;display:grid}.field{gap:var(--o-space-2);align-content:start;min-width:0;display:grid}.field>label,.form-section>legend,.switch-group>legend{color:var(--o-text-muted);font-size:var(--panel-font-support);font-weight:var(--o-fw-medium);line-height:var(--o-lh-snug)}.field-required{color:var(--o-danger)}.field-hint{color:var(--o-text-dim);font-size:var(--panel-font-support);line-height:var(--o-lh-body)}.input,.select,.textarea{width:100%;min-height:var(--o-control-h-sm);border:1px solid var(--o-border);border-radius:var(--o-radius-sm);padding:0 var(--o-space-3);color:var(--o-text);background:var(--o-bg-deep);font-size:var(--panel-font-body);line-height:var(--o-lh-snug);transition:border-color var(--o-dur-fast) var(--o-ease)}.textarea{min-height:calc(var(--o-control-h) * 2);padding:var(--o-space-2) var(--o-space-3);line-height:var(--o-lh-body);resize:vertical}.input-file{padding:var(--o-space-1);color:var(--o-text-muted)}.input-file::-webkit-file-upload-button{min-height:calc(var(--o-control-h-sm) - var(--o-space-3));margin-right:var(--o-space-3);border:1px solid var(--o-border);border-radius:var(--o-radius-xs);padding:0 var(--o-space-3);color:var(--o-text);background:var(--o-surface-strong);font:inherit;font-weight:var(--o-fw-medium);cursor:pointer}.input-file::file-selector-button{min-height:calc(var(--o-control-h-sm) - var(--o-space-3));margin-right:var(--o-space-3);border:1px solid var(--o-border);border-radius:var(--o-radius-xs);padding:0 var(--o-space-3);color:var(--o-text);background:var(--o-surface-strong);font:inherit;font-weight:var(--o-fw-medium);cursor:pointer}.input::placeholder,.textarea::placeholder{color:var(--o-text-dim)}.input:hover,.select:hover,.textarea:hover{border-color:var(--o-border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--o-focus);outline:2px solid var(--o-focus);outline-offset:0}.select option{color:var(--o-text);background:var(--o-bg-raised)}.field-row{gap:var(--o-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;display:grid}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section,.switch-group{gap:var(--o-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.form-section>legend,.switch-group>legend{margin-bottom:var(--o-space-2);letter-spacing:.08em;text-transform:uppercase;padding:0}.form-errors{border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-4);color:var(--o-danger);background:var(--o-danger-bg);box-shadow:inset var(--o-space-1) 0 0 var(--o-danger)}.form-errors ul{margin:var(--o-space-1) 0 0;padding-left:var(--o-space-5)}.switch-row{align-items:start;gap:var(--o-space-3);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);padding:var(--o-space-3);background:var(--o-surface);cursor:pointer;transition:border-color var(--o-dur-fast) var(--o-ease);grid-template-columns:auto minmax(0,1fr);display:grid}.switch-row:hover{border-color:var(--o-border)}.switch-row:has(input:focus-visible){outline:2px solid var(--o-focus);outline-offset:2px}.switch-row input{width:var(--o-space-5);height:var(--o-space-5);accent-color:var(--o-accent);margin:0}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:var(--panel-font-body);font-weight:var(--o-fw-medium);line-height:var(--o-lh-snug)}.switch-row small{margin-top:var(--o-space-1);color:var(--o-text-dim);font-size:var(--panel-font-support);line-height:var(--o-lh-body)}.panel-app{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{gap:var(--o-space-6);border-right:1px solid var(--o-border-soft);height:100vh;padding:var(--o-space-6) var(--o-space-4) var(--o-space-4);background:var(--o-bg-deep);flex-direction:column;display:flex;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:var(--o-space-3);display:flex}.brand-mark{width:var(--o-control-h-sm);height:var(--o-control-h-sm);border-radius:var(--o-radius-sm);color:var(--o-text);background:var(--o-accent);font-size:var(--o-fs-lg);font-weight:var(--o-fw-heavy);flex:none;place-items:center;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-tight)}.brand>div:not(.brand-mark)>span{margin-top:var(--o-space-1);color:var(--o-text-dim);font-size:var(--panel-font-support)}.sidebar-brand{padding:0 var(--o-space-2)}.nav{gap:var(--o-space-5);display:grid}.nav-group{gap:var(--o-space-1);display:grid}.nav-group-label{margin:0 0 var(--o-space-1);padding:0 var(--o-space-3);color:var(--o-text-dim);font-size:var(--panel-font-support);font-weight:var(--o-fw-bold);letter-spacing:.08em;text-transform:uppercase}.nav-group-links{gap:var(--o-space-1);display:grid}.nav-item{width:100%;min-height:var(--o-control-h-sm);grid-template-columns:var(--o-space-5) minmax(0, 1fr) auto;align-items:center;gap:var(--o-space-3);border-radius:var(--o-radius-sm);padding:0 var(--o-space-3);color:var(--o-text-muted);text-align:left;font-size:var(--panel-font-body);font-weight:var(--o-fw-medium);transition:background-color var(--o-dur-fast) var(--o-ease), color var(--o-dur-fast) var(--o-ease);display:grid}.nav-item:hover{color:var(--o-text);background:var(--o-surface-hover)}.nav-item.active,.nav-item[aria-current=page]{color:var(--o-text);background:var(--o-surface-strong);font-weight:var(--o-fw-bold)}.nav-item.active .nav-icon,.nav-item[aria-current=page] .nav-icon{color:var(--o-accent-soft)}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-icon{width:var(--o-space-5);height:var(--o-space-5);place-items:center;display:grid}.nav-icon svg{width:var(--o-space-5);height:var(--o-space-5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.nav-count{min-width:var(--o-space-5);height:var(--o-space-5);border-radius:var(--o-radius-pill);padding:0 var(--o-space-1);color:var(--o-bg-deep);background:var(--o-warning);font-size:var(--panel-font-support);font-weight:var(--o-fw-heavy);place-items:center;display:inline-grid}.sidebar-footer{align-items:center;gap:var(--o-space-2);padding:0 var(--o-space-3);color:var(--o-text-dim);font-size:var(--panel-font-support);margin-top:auto;display:flex}.sidebar-footer-dot,.freshness-dot{width:var(--o-space-2);height:var(--o-space-2);border-radius:var(--o-radius-pill);background:var(--o-success);flex:none}.shell{width:100%;min-width:0;max-width:calc(var(--o-page-max) + var(--o-space-7) * 2);padding:var(--o-space-7) var(--o-space-7) var(--o-space-9);margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--o-space-4);margin-bottom:var(--o-space-6);display:flex}.page-heading{gap:var(--o-space-2);min-width:0;display:grid}.page-heading h1{font-size:var(--o-fs-h2);font-weight:var(--o-fw-bold);line-height:var(--o-lh-tight)}.page-heading p{color:var(--o-text-muted);font-size:var(--panel-font-body)}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--o-space-2);flex-wrap:wrap;display:flex}.data-freshness{min-height:var(--o-control-h-sm);align-items:center;gap:var(--o-space-2);padding:0 var(--o-space-2);color:var(--o-text-dim);font-size:var(--panel-font-support);white-space:nowrap;display:inline-flex}.data-freshness.is-loading .freshness-dot{background:var(--o-warning)}.admin-chip{min-height:var(--o-control-h-sm);align-items:center;gap:var(--o-space-2);border-radius:var(--o-radius-sm);padding:0 var(--o-space-3) 0 var(--o-space-1);color:var(--o-text-muted);background:var(--o-surface);font-size:var(--panel-font-body);font-weight:var(--o-fw-medium);display:inline-flex}.admin-avatar{width:var(--o-space-7);height:var(--o-space-7);border-radius:var(--o-radius-xs);color:var(--o-bg-deep);background:var(--o-accent-soft);font-size:var(--panel-font-support);font-weight:var(--o-fw-heavy);place-items:center;display:grid}.card{border:1px solid var(--o-border-soft);border-radius:var(--o-radius-md);min-width:0;padding:var(--o-space-5);background:var(--o-surface);box-shadow:var(--o-shadow-sm)}.card-title,.inspector-heading{justify-content:space-between;align-items:flex-start;gap:var(--o-space-4);margin-bottom:var(--o-space-4);display:flex}.card-title-text{gap:var(--o-space-1);min-width:0;display:grid}.card-title h2,.inspector-heading h2{overflow-wrap:anywhere;font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.card-title p,.inspector-heading p{color:var(--o-text-muted);font-size:var(--panel-font-body);line-height:var(--o-lh-body)}.section-label{gap:var(--o-space-1);margin-bottom:var(--o-space-3);display:grid}.section-label h3{font-size:var(--panel-font-body);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.column{align-content:start;gap:var(--o-space-4);min-width:0;display:grid}.split-layout{grid-template-columns:minmax(0, 1fr) clamp(320px, 34%, var(--o-content-max));align-items:start;gap:var(--o-space-4);display:grid}.inspector{top:var(--o-space-6);max-height:calc(100vh - var(--o-space-6) * 2);overscroll-behavior:contain;background:var(--o-bg-raised);position:-webkit-sticky;position:sticky;overflow-y:auto}.users-layout .user-detail-card{max-height:none;position:static;overflow:visible}.inspector-section{margin-top:var(--o-space-5);border-top:1px solid var(--o-border-soft);padding-top:var(--o-space-5)}.sticky-actions{z-index:1;bottom:calc(var(--o-space-5) * -1);margin:0 calc(var(--o-space-5) * -1) calc(var(--o-space-5) * -1);border-top:1px solid var(--o-border-soft);padding:var(--o-space-3) var(--o-space-5);background:var(--o-bg-raised);position:-webkit-sticky;position:sticky}.tag{align-items:center;gap:var(--o-space-1);border-radius:var(--o-radius-pill);max-width:100%;padding:var(--o-space-1) var(--o-space-2);color:var(--o-text-muted);background:var(--o-surface-strong);font-size:var(--panel-font-support);font-weight:var(--o-fw-medium);line-height:var(--o-lh-tight);white-space:nowrap;display:inline-flex}.tag.good{color:var(--o-success);background:var(--o-success-bg)}.tag.warn{color:var(--o-warning);background:var(--o-warning-bg)}.tag.bad{color:var(--o-danger);background:var(--o-danger-bg)}.tag.info{color:var(--o-info)}.banner{justify-content:space-between;align-items:center;gap:var(--o-space-3);margin-bottom:var(--o-space-4);border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-4);background:var(--o-surface);box-shadow:inset var(--o-space-1) 0 0 var(--o-info);flex-wrap:wrap;display:flex}.banner>div{gap:var(--o-space-1);min-width:0;display:grid}.banner span{color:var(--o-text-muted);overflow-wrap:anywhere}.banner.error{background:var(--o-danger-bg);box-shadow:inset var(--o-space-1) 0 0 var(--o-danger)}.banner.error strong{color:var(--o-danger)}.banner.success{background:var(--o-success-bg);box-shadow:inset var(--o-space-1) 0 0 var(--o-success)}.callout{gap:var(--o-space-1);border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-4);color:var(--o-text-muted);background:var(--o-surface);box-shadow:inset var(--o-space-1) 0 0 var(--o-info);font-size:var(--panel-font-body);line-height:var(--o-lh-body);display:grid}.callout strong{color:var(--o-text)}.callout.warn{background:var(--o-warning-bg);box-shadow:inset var(--o-space-1) 0 0 var(--o-warning)}.callout.warn strong{color:var(--o-warning)}.maintenance-callout{justify-items:start;gap:var(--o-space-3);margin-bottom:var(--o-space-4)}.maintenance-callout>div{gap:var(--o-space-1);display:grid}.toast-region{z-index:30;right:var(--o-space-6);bottom:var(--o-space-6);width:min(calc(100% - var(--o-space-4) * 2), var(--o-content-max));gap:var(--o-space-2);pointer-events:none;display:grid;position:fixed}.toast{align-items:flex-start;gap:var(--o-space-3);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-3) var(--o-space-3) var(--o-space-4);background:var(--o-bg-raised);box-shadow:var(--o-shadow-md), inset var(--o-space-1) 0 0 var(--o-success);pointer-events:auto;display:flex}.toast.error{box-shadow:var(--o-shadow-md), inset var(--o-space-1) 0 0 var(--o-danger)}.toast-text{min-width:0;padding-top:var(--o-space-1);overflow-wrap:anywhere;flex:1}.toast.error .toast-text{color:var(--o-danger)}.toast-close{width:var(--o-space-7);height:var(--o-space-7);border-radius:var(--o-radius-xs);color:var(--o-text-muted);font-size:var(--o-fs-lg);flex:none;place-items:center;display:grid}.toast-close:hover{color:var(--o-text);background:var(--o-surface-hover)}.integrations-banner:not(.is-ok){border-color:var(--o-warning);background:var(--o-warning-bg)}.integrations-banner .list-main span{white-space:normal}.integrations-banner.is-ok{align-items:center;gap:var(--o-space-3);padding-block:var(--o-space-3);display:flex}.integrations-banner.is-ok p{color:var(--o-text-muted)}.server-billing-banner{border-color:var(--o-warning);background:var(--o-warning-bg)}.server-billing-banner.is-expired{border-color:var(--o-danger);background:var(--o-danger-bg)}.server-billing-banner .list-main span{white-space:normal}.servers-layout+.server-billing-banner,.server-billing-banner+.servers-layout{margin-top:var(--o-space-4)}.billing-empty{color:var(--o-text-dim)}.billing-note.billing-soon{color:var(--o-warning)}.billing-note.billing-critical,.billing-note.billing-expired{color:var(--o-danger);font-weight:var(--o-fw-bold)}.list{display:grid}.list-row{min-height:var(--o-space-9);justify-content:space-between;align-items:center;gap:var(--o-space-3);border-bottom:1px solid var(--o-border-soft);padding:var(--o-space-2) 0;display:flex}.list-row:last-child{border-bottom:0}.list-main{min-width:0;display:grid}.list-main strong,.list-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-main strong{font-weight:var(--o-fw-medium);line-height:var(--o-lh-snug)}.list-main span{color:var(--o-text-dim);font-size:var(--panel-font-support);line-height:var(--o-lh-snug)}.list-tail{align-items:center;gap:var(--o-space-2);color:var(--o-text-muted);font-size:var(--panel-font-support);flex:none;display:flex}.kv{margin:var(--o-space-4) 0 0;display:grid}.kv-row{justify-content:space-between;align-items:baseline;gap:var(--o-space-4);border-bottom:1px solid var(--o-border-soft);padding:var(--o-space-2) 0;display:flex}.kv-row:last-child{border-bottom:0}.kv-row dt{color:var(--o-text-dim);flex:none}.kv-row dd{min-width:0;font-weight:var(--o-fw-medium);text-align:right;overflow-wrap:anywhere;margin:0}.empty-state{justify-items:center;gap:var(--o-space-2);padding:var(--o-space-7) var(--o-space-4);color:var(--o-text-dim);text-align:center;display:grid}.empty-state strong{color:var(--o-text);font-size:var(--panel-font-body);font-weight:var(--o-fw-bold)}.empty-state p{max-width:36ch}.table-wrap{max-width:none;margin:0 calc(var(--o-space-5) * -1);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px}.table.compact{min-width:420px}.table th,.table td{border-bottom:1px solid var(--o-border-soft);padding:var(--o-space-2) var(--o-space-3);text-align:left;vertical-align:middle}.table th:first-child,.table td:first-child{padding-left:var(--o-space-5)}.table th:last-child,.table td:last-child{padding-right:var(--o-space-5)}.table th{color:var(--o-text-dim);font-size:var(--panel-font-support);font-weight:var(--o-fw-medium);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.table td{height:var(--o-space-9);color:var(--o-text-muted);line-height:var(--o-lh-snug)}.table th.num,.table td.num{text-align:right}.table tbody tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--o-surface-hover)}.table tr.clickable:focus-visible{outline:2px solid var(--o-focus);outline-offset:-2px}.table tr.is-selected td{background:var(--o-surface-strong)}.table tr.is-selected td:first-child{box-shadow:inset var(--o-space-1) 0 0 var(--o-accent-soft)}.table tr.is-empty td{height:calc(var(--o-space-9) * 2);color:var(--o-text-dim);text-align:center}.cell-stack{min-width:0;display:grid}.cell-stack strong{color:var(--o-text);font-weight:var(--o-fw-medium)}.cell-stack span:not(.tag){color:var(--o-text-dim);font-size:var(--panel-font-support)}.table tr.is-selected .cell-stack span:not(.tag),.table tr.clickable:hover .cell-stack span:not(.tag){color:var(--o-text-muted)}.cell-stack>*{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cell-stack>.tag{justify-self:start}.cell-fit .cell-stack>*{overflow:visible}.cell-meta .tag{padding-top:0;padding-bottom:0}.cell-user .cell-stack,.cell-server .cell-stack{width:max(140px,min(13vw,220px))}.cell-client .cell-stack{width:max(120px,min(11vw,200px))}.cell-subject .cell-stack{width:max(160px,min(16vw,280px))}.cell-code .cell-stack{width:max(120px,min(14vw,200px))}.cell-code.wide .cell-stack{width:max(160px,min(22vw,320px))}.cell-code .cell-stack>*{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.toolbar-block{gap:var(--o-space-3);margin-bottom:var(--o-space-4);display:grid}.toolbar{align-items:center;gap:var(--o-space-2);margin-bottom:var(--o-space-4);flex-wrap:wrap;display:flex}.toolbar-block .toolbar{margin-bottom:0}.toolbar .select{width:auto;min-width:180px}.toolbar-search{flex:240px;width:auto}.results-count{color:var(--o-text-dim);font-size:var(--panel-font-support);white-space:nowrap}.filter-chips{gap:var(--o-space-2);flex-wrap:wrap;display:flex}.filter-chip{min-height:var(--o-space-7);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-pill);padding:0 var(--o-space-3);color:var(--o-text-muted);font-size:var(--panel-font-support);font-weight:var(--o-fw-medium);transition:background-color var(--o-dur-fast) var(--o-ease), border-color var(--o-dur-fast) var(--o-ease);align-items:center;display:inline-flex}.filter-chip:hover{border-color:var(--o-border);color:var(--o-text)}.filter-chip.active,.filter-chip[aria-pressed=true]{border-color:var(--o-border-strong);color:var(--o-text);background:var(--o-surface-strong)}.segmented{gap:var(--o-space-1);margin-bottom:var(--o-space-5);border-radius:var(--o-radius-sm);padding:var(--o-space-1);background:var(--o-bg-deep);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented button{min-height:calc(var(--o-control-h-sm) - var(--o-space-2));border-radius:var(--o-radius-xs);padding:0 var(--o-space-2);color:var(--o-text-muted);font-size:var(--panel-font-body);font-weight:var(--o-fw-medium)}.segmented button:hover{color:var(--o-text)}.segmented button.active{color:var(--o-text);background:var(--o-surface-strong)}.disclosure>summary{list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure-summary{justify-content:space-between;align-items:center;gap:var(--o-space-3);cursor:pointer;display:flex}.disclosure-summary strong,.disclosure-summary small{display:block}.disclosure-summary strong{font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.disclosure-summary small{margin-top:var(--o-space-1);color:var(--o-text-muted);font-size:var(--panel-font-body)}.disclosure-icon{width:var(--o-control-h-sm);height:var(--o-control-h-sm);border:1px solid var(--o-border);border-radius:var(--o-radius-sm);font-size:var(--o-fs-h3);flex:none;place-items:center;display:grid}.disclosure-icon>span{transition:transform var(--o-dur) var(--o-ease);line-height:1;display:block}.disclosure[open]>summary .disclosure-icon>span{transform:rotate(45deg)}.disclosure[open]>summary{margin-bottom:var(--o-space-4)}.server-advanced{border-top:1px solid var(--o-border-soft);padding-top:var(--o-space-4)}.server-advanced .disclosure-summary strong{font-size:var(--panel-font-body)}.server-advanced .disclosure-summary small{font-size:var(--panel-font-support)}.server-advanced .field-hint{margin-bottom:var(--o-space-3)}.overview-layout{align-items:start;gap:var(--o-space-4);grid-template-columns:minmax(0,1fr) 280px;display:grid}.overview-main{gap:var(--o-space-4);min-width:0;display:grid}.overview-hero{justify-content:space-between;align-items:flex-end;gap:var(--o-space-4);border-color:var(--o-border);background:var(--o-surface-strong);flex-wrap:wrap;display:flex}.overview-hero h2{font-size:var(--o-fs-h3);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.overview-hero p{max-width:60ch;color:var(--o-text-muted)}.metric-grid{gap:var(--o-space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.metric{align-content:start;gap:var(--o-space-2);display:grid}.metric.hero{border-color:var(--o-border);background:var(--o-surface-strong)}.metric-label{color:var(--o-text-muted);font-size:var(--panel-font-body)}.metric-value{font-size:var(--o-fs-h2);font-weight:var(--o-fw-bold);line-height:var(--o-lh-tight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.metric-note{color:var(--o-text-dim);font-size:var(--panel-font-support)}.overview-data-grid{gap:var(--o-space-4);grid-template-columns:minmax(0,2fr) minmax(220px,1fr);display:grid}.health-card{align-content:start;justify-items:start;gap:var(--o-space-2);display:grid}.health-card .metric-value{color:var(--o-success)}.health-card p{color:var(--o-text-muted)}.overview-lists-grid{gap:var(--o-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-lists-grid>:first-child{grid-column:1/-1}.attention-rail{top:var(--o-space-6);gap:var(--o-space-4);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-md);padding:var(--o-space-5);background:var(--o-bg-raised);box-shadow:var(--o-shadow-sm);display:grid;position:-webkit-sticky;position:sticky}.attention-heading{gap:var(--o-space-1);display:grid}.attention-heading h2{font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.attention-heading p{color:var(--o-text-muted)}.attention-list{gap:var(--o-space-2);display:grid}.attention-item{width:100%;min-height:var(--o-space-9);align-items:center;gap:var(--o-space-3);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);padding:var(--o-space-2) var(--o-space-3) var(--o-space-2) var(--o-space-4);text-align:left;background:var(--o-surface);box-shadow:inset var(--o-space-1) 0 0 var(--o-accent-soft);transition:background-color var(--o-dur-fast) var(--o-ease), border-color var(--o-dur-fast) var(--o-ease);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.attention-item:hover{border-color:var(--o-border);background:var(--o-surface-hover)}.attention-item.tone-amber{box-shadow:inset var(--o-space-1) 0 0 var(--o-warning)}.attention-item.tone-blue{box-shadow:inset var(--o-space-1) 0 0 var(--o-info)}.attention-copy{min-width:0;display:grid}.attention-copy strong{font-weight:var(--o-fw-medium);line-height:var(--o-lh-snug)}.attention-copy small{color:var(--o-text-dim);font-size:var(--panel-font-support)}.attention-value{font-size:var(--o-fs-h3);font-weight:var(--o-fw-bold);font-variant-numeric:tabular-nums}.attention-item.tone-amber .attention-value{color:var(--o-warning)}.attention-arrow{color:var(--o-text-dim)}.active-hero{align-items:baseline;gap:var(--o-space-2) var(--o-space-3);margin-bottom:var(--o-space-4);flex-wrap:wrap;display:flex}.active-value{font-size:var(--o-fs-h1);font-weight:var(--o-fw-bold);line-height:var(--o-lh-tight);font-variant-numeric:tabular-nums}.active-unit{color:var(--o-text-muted);font-size:var(--o-fs-lg)}.active-share{color:var(--o-text-dim)}.profile-header{align-items:center;gap:var(--o-space-3);margin-bottom:var(--o-space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.profile-avatar{width:var(--o-control-h-sm);height:var(--o-control-h-sm);border-radius:var(--o-radius-sm);color:var(--o-text);background:var(--o-accent);font-size:var(--o-fs-md);font-weight:var(--o-fw-heavy);place-items:center;display:grid}.profile-name{min-width:0;display:grid}.profile-name h2,.profile-name p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-name h2{font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug)}.profile-name p{color:var(--o-text-dim);font-size:var(--panel-font-support)}.profile-status{align-items:center;gap:var(--o-space-2);display:flex}.detail-close{display:none}.summary-grid{gap:var(--o-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.user-detail-card>.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-detail-card>.summary-grid>div:first-child{grid-column:1/-1}.summary-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid>div{align-content:start;gap:var(--o-space-1);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);min-width:0;padding:var(--o-space-3);background:var(--o-surface);display:grid}.summary-grid span,.summary-grid small{color:var(--o-text-dim);font-size:var(--panel-font-support);line-height:var(--o-lh-snug)}.summary-grid strong{font-size:var(--o-fs-md);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug);white-space:normal;overflow-wrap:anywhere}.user-analytics{gap:var(--o-space-3);display:grid}.analytics-score{justify-content:space-between;align-items:center;gap:var(--o-space-4);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-4);background:var(--o-surface);box-shadow:inset var(--o-space-1) 0 0 var(--o-accent-soft);display:flex}.analytics-score.good{box-shadow:inset var(--o-space-1) 0 0 var(--o-success)}.analytics-score.warm{box-shadow:inset var(--o-space-1) 0 0 var(--o-warning)}.analytics-score.low{box-shadow:inset var(--o-space-1) 0 0 var(--o-danger)}.analytics-score>div{gap:var(--o-space-1);display:grid}.analytics-score span,.analytics-score em{color:var(--o-text-dim);font-size:var(--panel-font-support);font-style:normal}.analytics-score strong{font-size:var(--o-fs-h3);font-weight:var(--o-fw-bold);line-height:var(--o-lh-tight)}.score-ring{width:var(--o-space-9);height:var(--o-space-9);border-radius:var(--o-radius-pill);background:conic-gradient(var(--o-accent-soft) calc(var(--score) * 1%), var(--o-surface-strong) 0);flex:none;-webkit-mask:radial-gradient(circle,#0000 56%,#000 57%);mask:radial-gradient(circle,#0000 56%,#000 57%)}.chat{align-content:start;gap:var(--o-space-3);border-radius:var(--o-radius-sm);max-height:40vh;padding:var(--o-space-3);background:var(--o-bg-deep);display:grid;overflow-y:auto}.chat-msg{gap:var(--o-space-1);max-width:85%;display:grid}.chat-msg.from-user{justify-self:start}.chat-msg.from-admin{justify-self:end;justify-items:end}.chat-bubble{border:1px solid var(--o-border-soft);border-radius:var(--o-radius-sm);padding:var(--o-space-2) var(--o-space-3);background:var(--o-surface-strong);line-height:var(--o-lh-body);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg.from-admin .chat-bubble{border-color:var(--o-accent-pressed);background:var(--o-accent-pressed)}.chat-meta{color:var(--o-text-dim);font-size:var(--panel-font-support)}.modal-backdrop{z-index:40;padding:var(--o-space-4);background:var(--o-overlay);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.confirmation-dialog{width:min(100%, var(--o-content-max));max-height:calc(100vh - var(--o-space-4) * 2);gap:var(--o-space-3);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-lg);padding:var(--o-space-6);background:var(--o-bg-raised);box-shadow:var(--o-shadow-lg);display:grid;overflow-y:auto}.confirmation-dialog.is-danger .dialog-kicker{color:var(--o-danger)}.confirmation-dialog h2{font-size:var(--o-fs-h3);font-weight:var(--o-fw-bold);line-height:var(--o-lh-snug);overflow-wrap:anywhere}.dialog-body{gap:var(--o-space-3);color:var(--o-text-muted);line-height:var(--o-lh-body);overflow-wrap:anywhere;display:grid}.dialog-details{gap:var(--o-space-2);border-radius:var(--o-radius-sm);padding:var(--o-space-3) var(--o-space-4) var(--o-space-3) var(--o-space-7);color:var(--o-text);background:var(--o-surface);margin:0;display:grid}.dialog-actions{justify-content:flex-end;gap:var(--o-space-2);margin-top:var(--o-space-2);flex-wrap:wrap;display:flex}.panel-login{min-height:100vh;padding:var(--o-space-4);background:var(--o-bg-deep);place-items:center;display:grid}.login-card{width:min(100%, var(--o-content-max));gap:var(--o-space-6);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-lg);padding:var(--o-space-7);background:var(--o-bg-raised);box-shadow:var(--o-shadow-lg);display:grid}.login-card .banner{margin-bottom:0}.login-card .btn{width:100%}@media (max-width:1100px){.overview-layout{grid-template-columns:minmax(0,1fr)}.attention-rail{position:static}.attention-list{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{padding:var(--o-space-6) var(--o-space-6) var(--o-space-8)}.topbar{gap:var(--o-space-3);flex-direction:column}.topbar-actions{justify-content:flex-start}.split-layout{grid-template-columns:minmax(0,1fr)}.inspector{max-height:none;position:static;overflow:visible}.sticky-actions{margin-bottom:0;bottom:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.panel-app{display:block}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--o-border-soft);height:auto;padding:var(--o-space-2) 0;position:-webkit-sticky;position:sticky;top:0;overflow:visible}.sidebar-brand,.sidebar-footer,.nav-group-label,.admin-chip{display:none}.nav{gap:var(--o-space-1);padding:0 var(--o-space-4);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, black var(--o-space-4), black calc(100% - var(--o-space-7)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, black var(--o-space-4), black calc(100% - var(--o-space-7)), transparent);mask-image:linear-gradient(90deg, transparent, black var(--o-space-4), black calc(100% - var(--o-space-7)), transparent);display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-group,.nav-group-links{gap:var(--o-space-1);display:flex}.nav-item{width:auto;min-height:var(--o-tap);white-space:nowrap;display:inline-flex}.shell{padding:var(--o-space-5) var(--o-space-4) var(--o-space-8)}.card{padding:var(--o-space-4)}.table-wrap{margin:0 calc(var(--o-space-4) * -1)}.table th:first-child,.table td:first-child{padding-left:var(--o-space-4)}.table th:last-child,.table td:last-child{padding-right:var(--o-space-4)}.sticky-actions{margin-inline:calc(var(--o-space-4) * -1);padding-inline:var(--o-space-4)}.attention-list,.overview-data-grid,.overview-lists-grid{grid-template-columns:minmax(0,1fr)}.btn,.icon-button,.auto-toggle,.logout-button,.filter-chip,.input,.select{min-height:var(--o-tap)}.icon-button{width:var(--o-tap)}.input,.select,.textarea{font-size:var(--o-fs-md)}.toast-region{right:var(--o-space-4);bottom:var(--o-space-4)}.users-layout .user-detail-card.is-open{z-index:25;max-height:none;padding:var(--o-space-4);background:var(--o-bg-raised);box-shadow:var(--o-shadow-lg);border:0;border-radius:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.user-detail-card.is-open .detail-close{display:inline-flex}.users-layout .user-detail-card:not(.is-open){display:none}}@media (max-width:430px){.data-freshness{display:none}.metric-value{font-size:var(--o-fs-h3)}.field-row,.field-row.two,.summary-grid{grid-template-columns:minmax(0,1fr)}.summary-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .select,.toolbar-search{flex:100%;width:100%}.toolbar .btn,.form-actions .btn,.dialog-actions .btn,.button-row .btn{flex:auto}.sticky-actions{flex-wrap:nowrap}.sticky-actions .btn{min-width:0;padding-inline:var(--o-space-2);white-space:normal;flex:1 1 0}.card-title{flex-wrap:wrap}.confirmation-dialog,.login-card{padding:var(--o-space-5)}}.segmented:has(>[data-review-status]){grid-template-columns:repeat(3,minmax(0,1fr))}.seg-count{margin-left:var(--o-space-1);color:var(--o-text-muted);font-variant-numeric:tabular-nums}.review-list-panel{gap:var(--o-space-4);display:grid}.review-card-panel{gap:var(--o-space-3);border:1px solid var(--o-border-soft);border-radius:var(--o-radius-md);min-width:0;padding:var(--o-space-4);background:var(--o-bg-deep);display:grid}.review-card-panel header{align-items:baseline;gap:var(--o-space-2) var(--o-space-3);flex-wrap:wrap;display:flex}.review-stars{color:var(--o-warning);letter-spacing:2px}.review-meta{color:var(--o-text-muted);font-size:var(--panel-font-support)}.review-text-line{white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.5}.review-note-line{color:var(--o-text-muted);font-size:var(--panel-font-support);margin:0}.review-shots-row{gap:var(--o-space-2);flex-wrap:wrap;display:flex}.review-shots-row a{border-radius:var(--o-radius-xs);border:1px solid var(--o-border-soft);width:96px;height:96px;display:block;overflow:hidden}.review-shots-row img{object-fit:cover;width:100%;height:100%;display:block}.review-actions-row{gap:var(--o-space-2);flex-wrap:wrap;display:flex}.empty-note{color:var(--o-text-muted);margin:0}button:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}a:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}input:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}select:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}summary:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}@media (max-width:480px){.segmented:has(>[data-review-status]){grid-template-columns:minmax(0,1fr)}.segmented>[data-review-status]{white-space:normal;text-align:left;justify-content:space-between;gap:12px;min-height:44px;display:flex}}.confirmation-dialog{min-height:0;max-height:calc(100dvh - var(--o-space-4) * 2);overscroll-behavior:contain;grid-auto-rows:max-content}