:root{--wl-color-bg:#f6f8fa;--wl-color-panel:#fff;--wl-color-panel-muted:#eef3f6;--wl-color-border:#d7dee7;--wl-color-border-strong:#aeb9c7;--wl-color-text:#17202a;--wl-color-muted:#536271;--wl-color-primary:#0f766e;--wl-color-on-primary:#fff;--wl-color-success:#15803d;--wl-color-warning:#a16207;--wl-color-focus:#2563eb;--wl-color-selection:#bfdbfe;--wl-color-disabled-bg:#e5e9ee;--wl-color-danger:#b91c1c;--wl-font-sans:Arial, Helvetica, sans-serif;--wl-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--wl-font-size-1:.75rem;--wl-font-size-2:.875rem;--wl-font-size-3:1rem;--wl-font-size-4:1.125rem;--wl-font-size-5:1.25rem;--wl-font-size-6:1.5rem;--wl-space-1:.25rem;--wl-space-2:.5rem;--wl-space-3:.75rem;--wl-space-4:1rem;--wl-space-5:1.5rem;--wl-radius-sm:4px;--wl-radius-md:6px;--wl-shadow-sm:0 1px 2px #0f172a14}:root[data-theme=dark]{--wl-color-bg:#111827;--wl-color-panel:#1f2937;--wl-color-panel-muted:#182232;--wl-color-border:#374151;--wl-color-border-strong:#64748b;--wl-color-text:#f8fafc;--wl-color-muted:#cbd5e1;--wl-color-primary:#2dd4bf;--wl-color-on-primary:#062925;--wl-color-success:#86efac;--wl-color-warning:#facc15;--wl-color-focus:#60a5fa;--wl-color-selection:#1d4ed8;--wl-color-disabled-bg:#263244;--wl-shadow-sm:0 1px 2px #00000042}
*{box-sizing:border-box}html{background:var(--wl-color-bg);color:var(--wl-color-text)}body{min-width:320px;font-family:var(--wl-font-sans);font-size:var(--wl-font-size-3);margin:0;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--wl-color-focus);outline-offset:2px}::selection{background:var(--wl-color-selection)}
.app-shell{background:var(--wl-color-bg);min-height:100vh;color:var(--wl-color-text)}.top-bar{justify-content:space-between;align-items:center;gap:var(--wl-space-4);border-bottom:1px solid var(--wl-color-border);background:var(--wl-color-panel);min-height:48px;padding:0 var(--wl-space-5);display:flex}.brand-link{color:var(--wl-color-text);font-size:var(--wl-font-size-4);font-weight:700;text-decoration:none}.top-menu{align-items:center;gap:var(--wl-space-1);flex:1;min-width:0;display:flex}.top-menu a,.top-menu button{border-radius:var(--wl-radius-sm);min-height:30px;color:var(--wl-color-muted);cursor:pointer;font:inherit;font-size:var(--wl-font-size-2);padding:0 var(--wl-space-3);background:0 0;border:0;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.top-menu a:hover{background:var(--wl-color-panel-muted);color:var(--wl-color-text)}.top-menu button:disabled{color:color-mix(in srgb, var(--wl-color-muted) 68%, transparent);cursor:not-allowed}.top-actions{align-items:center;gap:var(--wl-space-2);display:flex}.user-chip{max-width:220px;color:var(--wl-color-muted);font-size:var(--wl-font-size-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.workspace-grid{grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 49px);display:grid}.side-nav{border-right:1px solid var(--wl-color-border);background:var(--wl-color-panel-muted);padding:var(--wl-space-4)}.nav-section-label{margin:0 0 var(--wl-space-2);color:var(--wl-color-muted);font-size:var(--wl-font-size-1);text-transform:uppercase;font-weight:700}.shell-navigation,.nav-group{gap:var(--wl-space-4);display:grid}.nav-list{gap:var(--wl-space-1);display:grid}.nav-list a{border-radius:var(--wl-radius-sm);color:var(--wl-color-text);padding:var(--wl-space-2) var(--wl-space-3);text-decoration:none}.nav-list a:hover{background:var(--wl-color-panel)}.nav-list a.active{background:var(--wl-color-panel);box-shadow:inset 3px 0 0 var(--wl-color-primary);color:var(--wl-color-text);font-weight:700}.side-note{margin:var(--wl-space-5) 0 0;color:var(--wl-color-muted);font-size:var(--wl-font-size-2);line-height:1.45}.content-region{min-width:0;padding:var(--wl-space-5)}.page-stack{gap:var(--wl-space-4);display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--wl-space-4);display:flex}.page-header h1{font-size:var(--wl-font-size-6);margin:0;line-height:1.2}.page-description{max-width:760px;margin:var(--wl-space-2) 0 0;color:var(--wl-color-muted)}.page-actions{justify-content:flex-end;gap:var(--wl-space-2);flex-wrap:wrap;display:flex}.card{border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);box-shadow:var(--wl-shadow-sm);padding:var(--wl-space-5)}.state-block{justify-items:start;gap:var(--wl-space-2);color:var(--wl-color-muted);display:grid}.state-block h2{color:var(--wl-color-text);font-size:var(--wl-font-size-5);margin:0;line-height:1.2}.state-block p{margin:0}.state-action{margin-top:var(--wl-space-2)}.error-state{border-left:3px solid var(--wl-color-danger);padding-left:var(--wl-space-3)}.badge{border:1px solid var(--wl-color-border);background:var(--wl-color-panel-muted);min-height:24px;color:var(--wl-color-muted);font-size:var(--wl-font-size-1);padding:0 var(--wl-space-2);white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.badge-success{border-color:color-mix(in srgb, var(--wl-color-success) 35%, var(--wl-color-border));color:var(--wl-color-success)}.badge-warning{border-color:color-mix(in srgb, var(--wl-color-warning) 45%, var(--wl-color-border));color:var(--wl-color-warning)}.badge-danger{border-color:color-mix(in srgb, var(--wl-color-danger) 35%, var(--wl-color-border));color:var(--wl-color-danger)}.detail-grid{gap:var(--wl-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.detail-section{padding:var(--wl-space-4);align-content:start}.detail-section h2{margin:0 0 var(--wl-space-3);font-size:var(--wl-font-size-4);line-height:1.2}.detail-list{gap:0;margin:0;display:grid}.detail-list div{gap:var(--wl-space-3);border-top:1px solid var(--wl-color-border);padding:var(--wl-space-2) 0;grid-template-columns:minmax(112px,38%) minmax(0,1fr);display:grid}.detail-list dt{color:var(--wl-color-muted);font-size:var(--wl-font-size-2);font-weight:700}.detail-list dd{overflow-wrap:anywhere;min-width:0;color:var(--wl-color-text);font-size:var(--wl-font-size-2);margin:0}.placeholder-panel,.status-panel,.auth-panel{border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);box-shadow:var(--wl-shadow-sm)}.placeholder-panel{max-width:860px;padding:var(--wl-space-5)}.placeholder-panel h1,.status-panel h1,.auth-panel h1{font-size:var(--wl-font-size-6);margin:0;line-height:1.2}.placeholder-body{margin-top:var(--wl-space-4)}.placeholder-list{gap:var(--wl-space-2);margin:var(--wl-space-4) 0 0;padding-left:var(--wl-space-5);display:grid}.placeholder-list.compact{margin-top:var(--wl-space-4)}.modal-backdrop{z-index:20;padding:var(--wl-space-4);background:#0f172a6b;place-items:center;display:grid;position:fixed;inset:0}.modal-shell{border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);width:min(100%,560px);box-shadow:0 18px 42px #0f172a3d}.modal-header,.modal-footer{padding:var(--wl-space-4)}.modal-header{border-bottom:1px solid var(--wl-color-border)}.modal-header h2{font-size:var(--wl-font-size-5);margin:0}.modal-body{padding:var(--wl-space-4)}.modal-footer{justify-content:flex-end;gap:var(--wl-space-2);border-top:1px solid var(--wl-color-border);display:flex}.standalone-page,.auth-page{background:var(--wl-color-bg);min-height:100vh;padding:var(--wl-space-5);place-items:center;display:grid}.status-panel,.auth-panel{width:min(100%,440px);padding:var(--wl-space-5)}.auth-heading{margin-bottom:var(--wl-space-5)}.eyebrow{margin:0 0 var(--wl-space-2);color:var(--wl-color-primary);font-size:var(--wl-font-size-1);text-transform:uppercase;font-weight:700}.muted{color:var(--wl-color-muted)}.diagnostic{border-radius:var(--wl-radius-sm);background:var(--wl-color-panel-muted);color:var(--wl-color-muted);font-family:var(--wl-font-mono);font-size:var(--wl-font-size-2);padding:var(--wl-space-2)}.loading-row{align-items:center;gap:var(--wl-space-2);color:var(--wl-color-muted);display:flex}.loading-dot{background:var(--wl-color-primary);border-radius:50%;width:8px;height:8px}@media (max-width:760px){.top-bar{padding:var(--wl-space-3);flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap}.top-menu{flex-wrap:wrap;order:3;width:100%}.workspace-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.side-nav{border-right:0;border-bottom:1px solid var(--wl-color-border)}.content-region{padding:var(--wl-space-3)}}
.form-stack{gap:var(--wl-space-3);display:grid}.field{gap:var(--wl-space-1);color:var(--wl-color-muted);font-size:var(--wl-font-size-2);font-weight:600;display:grid}.control,.field input,.field select,.field textarea{border:1px solid var(--wl-color-border-strong);border-radius:var(--wl-radius-sm);background:var(--wl-color-panel);min-height:36px;color:var(--wl-color-text);font:inherit;padding:0 var(--wl-space-3)}.textarea,.field textarea{min-height:88px;padding-bottom:var(--wl-space-2);padding-top:var(--wl-space-2);resize:vertical}.control:disabled,.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--wl-color-disabled-bg);color:var(--wl-color-muted);cursor:not-allowed}.field-hint,.field-error{font-size:var(--wl-font-size-1);font-weight:600}.field-hint{color:var(--wl-color-muted)}.field-error{color:var(--wl-color-danger)}.check-control{align-items:center;gap:var(--wl-space-2);color:var(--wl-color-text);font-size:var(--wl-font-size-2);font-weight:600;display:inline-flex}.check-control input{width:16px;height:16px;accent-color:var(--wl-color-primary)}.form-error{border:1px solid color-mix(in srgb, var(--wl-color-danger) 45%, transparent);border-radius:var(--wl-radius-sm);background:color-mix(in srgb, var(--wl-color-danger) 9%, transparent);color:var(--wl-color-danger);font-size:var(--wl-font-size-2);padding:var(--wl-space-2) var(--wl-space-3);margin:0;font-weight:600}.button{border:1px solid var(--wl-color-border-strong);border-radius:var(--wl-radius-sm);background:var(--wl-color-panel);min-height:34px;color:var(--wl-color-text);cursor:pointer;font:inherit;padding:0 var(--wl-space-3);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){border-color:var(--wl-color-primary)}.button.primary{border-color:var(--wl-color-primary);background:var(--wl-color-primary);color:var(--wl-color-on-primary)}.button.subtle{min-height:30px;color:var(--wl-color-muted);background:0 0}.button.danger{border-color:var(--wl-color-danger);color:var(--wl-color-danger)}.button:disabled{background:var(--wl-color-disabled-bg);color:var(--wl-color-muted);cursor:not-allowed}.metadata-list{gap:var(--wl-space-2);margin:var(--wl-space-5) 0 0;display:grid}.metadata-list div{justify-content:space-between;gap:var(--wl-space-3);border-top:1px solid var(--wl-color-border);padding-top:var(--wl-space-2);display:flex}.metadata-list dt{color:var(--wl-color-muted);font-weight:600}.metadata-list dd{margin:0}
.table-shell{border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);overflow:auto}.table-shell>.state-block{min-height:120px;padding:var(--wl-space-5);align-content:center}.data-table{border-collapse:collapse;width:100%;font-size:var(--wl-font-size-2)}.data-table th,.data-table td{border-bottom:1px solid var(--wl-color-border);padding:var(--wl-space-2) var(--wl-space-3);text-align:left;vertical-align:top}.data-table th{background:var(--wl-color-panel-muted);color:var(--wl-color-muted);font-weight:700}.data-table tr:last-child td{border-bottom:0}.data-table-open-row{cursor:pointer}.data-table-open-row:hover,.data-table-open-row:focus{background:var(--wl-color-panel-muted);outline:none}.browser-shell{gap:var(--wl-space-4);display:grid}.browser-toolbar,.browser-controls,.browser-pagination,.browser-status-line{justify-content:space-between;align-items:center;gap:var(--wl-space-3);display:flex}.browser-toolbar{border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);padding:var(--wl-space-4)}.browser-title-group{gap:var(--wl-space-2);min-width:0;display:grid}.browser-title-group h1{font-size:var(--wl-font-size-6);margin:0;line-height:1.2}.browser-badges,.browser-actions,.browser-state-toggle,.filter-actions{align-items:center;gap:var(--wl-space-2);flex-wrap:wrap;display:flex}.browser-controls{align-items:flex-start}.browser-control-note{color:var(--wl-color-muted);font-size:var(--wl-font-size-2);line-height:34px}.column-menu{position:relative}.column-menu summary{border:1px solid var(--wl-color-border-strong);border-radius:var(--wl-radius-sm);background:var(--wl-color-panel);cursor:pointer;min-height:34px;padding:var(--wl-space-2) var(--wl-space-3);font-weight:600;list-style:none}.column-menu summary::-webkit-details-marker{display:none}.column-menu-panel{z-index:5;width:min(280px, calc(100vw - var(--wl-space-5)));gap:var(--wl-space-2);border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);max-height:340px;margin-top:var(--wl-space-2);padding:var(--wl-space-3);display:grid;position:absolute;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a2e}.browser-filter-panel{gap:var(--wl-space-3);border:1px solid var(--wl-color-border);border-radius:var(--wl-radius-md);background:var(--wl-color-panel);padding:var(--wl-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.compact-field{min-width:0}.filter-actions{align-self:end}.browser-status-line{color:var(--wl-color-muted);font-size:var(--wl-font-size-2);justify-content:flex-start}.table-state-shell{min-height:150px;padding:var(--wl-space-5);align-content:center}.table-link-disabled{color:var(--wl-color-primary);font-weight:700}.browser-pagination{color:var(--wl-color-muted);font-size:var(--wl-font-size-2);justify-content:flex-end}.pagination-size{align-items:center;gap:var(--wl-space-2);font-weight:600;display:inline-flex}.pagination-size .control{min-width:76px;min-height:32px}@media (max-width:760px){.browser-toolbar,.browser-controls,.browser-pagination,.browser-status-line{flex-direction:column;align-items:flex-start}.column-menu-panel{left:0;right:auto}}