:root{color:#dbe4ef;background:#0b1120;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:#0b1120}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,#0b1120,#0f172a)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;border-bottom:1px solid rgba(148,163,184,.16);background:#0b1120eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:9px;height:9px;border-radius:999px;background:#38bdf8;box-shadow:0 0 20px #38bdf8bf}.nav-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172acc}.nav-tabs span{padding:7px 10px;border-radius:8px;color:#94a3b8;font-size:13px}.nav-tabs span:first-child{color:#e2e8f0;background:#38bdf81f}.env-pill{padding:6px 10px;border:1px solid rgba(56,189,248,.28);border-radius:999px;color:#7dd3fc;background:#38bdf814;font-size:12px;font-weight:700}.content{padding:22px 24px 40px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.kicker,.panel-header span,.write-ops span{color:#38bdf8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-header h1{margin:6px 0;font-size:26px;line-height:1.2;letter-spacing:-.035em}.page-header p{max-width:760px;margin:0;color:#9aa9bc;font-size:14px;line-height:1.6}.toolbar{display:flex;align-items:center;gap:10px}.refresh-button,.actions-row button{border-radius:9px;padding:9px 13px;color:#06111f;background:#67e8f9;font-size:13px;font-weight:800;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.refresh-button:hover,.actions-row button:hover{transform:translateY(-1px);background:#a5f3fc;box-shadow:0 10px 24px #67e8f92e}.actions-row button.danger{color:#fff7ed;background:#f97316}.actions-row button.danger:hover{background:#fb923c;box-shadow:0 10px 24px #f9731629}.status-bar{display:flex;justify-content:space-between;gap:16px;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(148,163,184,.12);border-radius:10px;color:#94a3b8;background:#0f172a94;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel,.write-ops,.loading-card,.error-card{border:1px solid rgba(148,163,184,.14);border-radius:14px;background:#0f172ac7;box-shadow:0 18px 44px #0000002e}.panel{min-height:286px;padding:16px}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.panel h2,.write-ops h2{margin:0;color:#f8fafc;font-size:16px;letter-spacing:-.015em}.metric-grid{display:grid;gap:10px;margin-bottom:12px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-height:72px;padding:11px 12px;border-radius:11px;background:#02061770;border:1px solid rgba(148,163,184,.1)}.metric span{display:block;color:#94a3b8;font-size:12px}.metric strong{display:block;margin-top:8px;color:#f8fafc;font-size:22px;line-height:1;letter-spacing:-.035em}.metric-good strong{color:#86efac}.metric-warn strong{color:#fdba74}.reconcile,.elevenlabs-card,.split-note{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0;padding:10px 12px;border-radius:10px;background:#0206175c;color:#cbd5e1;font-size:13px}.reconcile .ok{color:#86efac}.reconcile .bad{color:#fca5a5}.elevenlabs-card{align-items:center}.elevenlabs-card strong{font-size:18px}.elevenlabs-card em,.table-lite em,.split-note{color:#8ea2b8;font-style:normal;font-size:12px}.table-lite{display:grid;gap:0;border-top:1px solid rgba(148,163,184,.08)}.table-lite div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;min-height:36px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.08)}.table-lite span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbeafe;font-size:13px}.table-lite strong{font-size:13px}.empty-state{display:grid;place-items:center;min-height:92px;border:1px dashed rgba(148,163,184,.2);border-radius:10px;color:#8ea2b8;font-size:13px}.write-ops{margin-top:14px;padding:16px}.write-ops-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.write-ops p{max-width:760px;margin:6px 0 0;color:#9fb0c5;font-size:13px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr 1fr;gap:10px;margin:12px 0}input{width:100%;padding:9px 10px;color:#e5edf7;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#02061794;outline:none;font-size:13px}input:focus{border-color:#67e8f9b3;box-shadow:0 0 0 3px #67e8f914}.actions-row{display:flex;gap:8px}.ops-message,.loading-card,.error-card{margin-top:14px;padding:14px;color:#cbd5e1;font-size:13px}.error-card{border-color:#f8717147;color:#fecaca;background:#7f1d1d24}.error-card strong{display:block;margin-bottom:6px;color:#fee2e2}.error-card p{margin:6px 0 0;color:#fecaca;line-height:1.55}@media (max-width: 1180px){body{min-width:0}.topbar,.page-header,.status-bar{flex-direction:column;align-items:stretch;height:auto}.topbar{gap:12px;padding:14px}.content{padding:16px}.dashboard-grid,.form-grid,.metric-grid.three{grid-template-columns:1fr}}