html{color:#e2e8f0;background:#0f172a;font-family:Inter,Arial,sans-serif}body{background:#0f172a;min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{min-height:100vh}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:#020617;border-right:1px solid #1e293b;padding:24px 18px}.brand-block h1,.page-header h1,.section-header h2,.login-card h1{margin:0}.brand-block{gap:8px;margin-bottom:28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;margin:0;font-size:12px}.sidebar-note,.muted-text{color:#94a3b8}.sidebar-nav{gap:6px;display:grid}.nav-link{color:#cbd5e1;border-radius:12px;padding:12px 14px}.nav-link.active,.nav-link:hover{color:#fff;background:#1e293b}.main-shell{grid-template-rows:auto 1fr;display:grid}.topbar,.surface{background:#0f172ae0;border:1px solid #1e293b;border-radius:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin:20px 20px 0;padding:18px 22px;display:flex}.topbar-actions,.inline-actions,.toolbar-grid,.checkbox-row{align-items:center;gap:12px;display:flex}.user-chip{text-align:right;display:grid}.content-shell,.page-stack{gap:20px;display:grid}.content-shell{padding:20px}.page-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.page-header p,.section-header p{color:#94a3b8;margin:6px 0 0}.stats-grid,.two-column-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.two-column-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-card{background:linear-gradient(#0f172a,#111827);border:1px solid #1e293b;border-radius:18px;gap:8px;padding:18px;display:grid}.stat-card strong{font-size:32px}.stat-card.warning{border-color:#f59e0b}.stat-card.success{border-color:#10b981}.stat-card.danger{border-color:#ef4444}.surface,.login-card{padding:20px}.section-header{margin-bottom:16px}.table-shell{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1e293b;padding:14px 12px}.data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.form-grid{gap:16px;display:grid}.three-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{gap:8px;display:grid}.form-field input,.form-field select,.form-field textarea,.toolbar-grid input,.toolbar-grid select{color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:12px;width:100%;padding:12px 14px}.checkbox-field,.checkbox-row{grid-auto-flow:column;justify-content:start}.primary-button,.secondary-button,.danger-button,.text-button{cursor:pointer;border:none;border-radius:12px;padding:12px 16px}.primary-button{color:#fff;background:#0284c7}.secondary-button{color:#fff;background:#1e293b}.danger-button{color:#fff;background:#991b1b}.text-button{color:#38bdf8;background:0 0;padding-left:0}.status-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.status-badge.success{background:#10b98126;border-color:#10b981}.status-badge.warning{background:#f59e0b26;border-color:#f59e0b}.status-badge.danger{background:#ef444426;border-color:#ef4444}.status-badge.neutral{background:#94a3b826;border-color:#64748b}.table-actions{color:#38bdf8}.code-preview{background:#020617;border:1px solid #1e293b;border-radius:16px;padding:16px;overflow-x:auto}.validation-message{color:#fecaca;background:#ef444426;border-radius:12px;padding:10px 12px}.empty-state{color:#94a3b8;text-align:center;border:1px dashed #334155;border-radius:14px;padding:28px}.login-shell{background:radial-gradient(circle at top,#1e293b,#020617 60%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:24px;width:min(480px,100%);display:grid}.definition-list{gap:14px;display:grid}.definition-list div{gap:4px;display:grid}.definition-list dt{color:#94a3b8;text-transform:uppercase;font-size:12px}.compact-card{align-content:start}.loading-state{color:#94a3b8;padding:24px}.notice-banner{color:#bae6fd;background:#38bdf81f;border-radius:12px;margin-bottom:12px;padding:12px 14px}.button-loading{opacity:.7;pointer-events:none}@media (width<=1024px){.app-shell{grid-template-columns:96px 1fr}.brand-block h1,.nav-link span{display:none}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1e293b;border-right:none}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.page-header{flex-direction:column;align-items:stretch}}.button-reset{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.user-menu{position:relative}.user-menu-panel{z-index:20;gap:8px;min-width:180px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.modal-backdrop{z-index:40;background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(520px,100%)}.modal-dialog{pointer-events:auto;max-height:min(90vh,900px);overflow:auto}.modal-card.wide{width:min(920px,100%)}.modal-footer{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.form-field.is-disabled{opacity:.72}.field-hint{color:#94a3b8;font-size:12px}.code-block{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;max-height:60vh;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}