:root{--bg: #f6f7f9;--surface: #ffffff;--surface-muted: #f3f4f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #0f172a;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #0f172a;--primary-hover: #1e293b;--accent: #2563eb;--accent-soft: #dbeafe;--danger: #dc2626;--danger-soft: #fee2e2;--warning: #d97706;--warning-soft: #fef3c7;--success: #059669;--success-soft: #d1fae5;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 4px rgba(15, 23, 42, .04);--radius: 8px;--radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--bg: #0b0d12;--surface: #15181f;--surface-muted: #1c2029;--border: #262b35;--border-strong: #373d49;--text: #f1f5f9;--text-muted: #94a3b8;--text-faint: #64748b;--primary: #f1f5f9;--primary-hover: #ffffff;--accent: #60a5fa;--accent-soft: #1e3a8a;--danger: #f87171;--danger-soft: #7f1d1d;--warning: #fbbf24;--warning-soft: #78350f;--success: #34d399;--success-soft: #064e3b;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:.875rem;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .875rem;border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}button:hover{background:var(--surface-muted)}button:active{transform:translateY(1px)}button.primary{background:var(--primary);color:var(--bg);border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.ghost{background:transparent;border-color:transparent}button.accent{background:var(--accent);color:#fff;border-color:var(--accent)}input,select,textarea{font-family:inherit;font-size:.875rem;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius);width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.muted{color:var(--text-muted);font-size:.875rem}.faint{color:var(--text-faint);font-size:.75rem}.row{display:flex;gap:.75rem;align-items:center}.stack{display:flex;flex-direction:column;gap:.75rem}.spacer{flex:1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--border);font-size:.875rem}th{background:var(--surface-muted);font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-muted)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;background:var(--surface-muted);color:var(--text-muted)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.sidebar-brand{font-weight:700;font-size:1.125rem;padding:.625rem .75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.sidebar-section{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem .75rem .25rem}.nav-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .1s}.nav-link:hover{background:var(--surface-muted);text-decoration:none}.nav-link.active{background:var(--surface-muted);color:var(--text);font-weight:600}.nav-link .icon{font-size:1.05rem;width:20px;text-align:center}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);background:var(--surface);padding:0 1.5rem;display:flex;align-items:center;gap:1rem}.content{padding:1.5rem;flex:1;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.search-box{display:flex;align-items:center;background:var(--surface-muted);border:1px solid transparent;border-radius:var(--radius);padding:.375rem .75rem;gap:.5rem;width:320px}.search-box input{background:transparent;border:none;padding:0}.search-box input:focus{box-shadow:none}.search-box kbd{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;color:var(--text-muted)}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;cursor:pointer;transition:border-color .1s,transform .1s}.tile:hover{border-color:var(--border-strong)}.tile .icon{font-size:1.5rem}.tile .value{font-size:1.875rem;font-weight:700;margin-top:.5rem;letter-spacing:-.02em}.tile .label{color:var(--text-muted);font-size:.8rem;margin-top:.125rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 800px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.sidebar{width:200px}}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty .emoji{font-size:2.5rem}.command-palette{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:1000}.command-palette .modal{width:100%;max-width:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0003;overflow:hidden}.command-palette input{width:100%;border:none;border-radius:0;border-bottom:1px solid var(--border);font-size:1rem;padding:1rem}.command-palette input:focus{box-shadow:none;border-color:var(--border);border-bottom-color:var(--accent)}.command-palette .results{max-height:50vh;overflow-y:auto}.command-palette .item{padding:.625rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.625rem}.command-palette .item.selected{background:var(--surface-muted)}.command-palette .item .group{font-size:.7rem;color:var(--text-faint);margin-left:auto;text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-overlay .modal{width:100%;max-width:560px;max-height:90vh;overflow:auto}.field-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;display:block}.section-title{font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.75rem}.list-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.list-row:hover{background:var(--surface-muted)}.list-row:last-child{border-bottom:none}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}