:root{--color-bg: #1a1d29;--color-surface: #252a3a;--color-surface-2: #2a3142;--color-border: #3d4a5c;--color-text: #ffffff;--color-muted: #9ca8b8;--color-accent: #5b7cff;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .22);--color-success-text: #d2ffe3;--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .22);--color-danger-text: #fee2e2}[data-theme=light]{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-surface-2: #f1f3f9;--color-border: #d6dbe7;--color-text: #0b1020;--color-muted: #56627a;--color-accent: #2563eb;--color-success: #22c55e;--color-success-bg: #22c55e;--color-success-text: #ffffff;--color-danger: #dc2626;--color-danger-bg: #dc2626;--color-danger-text: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#root{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:8px;padding:20px 12px;background:var(--color-surface-2);border-right:1px solid var(--color-border);height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;color:var(--color-text);font-weight:700;font-size:18px;letter-spacing:-.5px;background:linear-gradient(135deg,#5b7cff1a,#5b7cff0d);border:1px solid rgba(91,124,255,.2);margin-bottom:8px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.environment-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;border:1px solid rgba(255,255,255,.2)}.environment-badge[data-env=local]{background:#3b82f6}.environment-badge[data-env=dev]{background:#10b981}.environment-badge[data-env=staging]{background:#f59e0b}.environment-badge[data-env=prod]{background:#ef4444}.nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--color-muted);text-decoration:none;border-radius:8px;transition:background .16s ease,color .16s ease}.nav a.active,.nav a:hover{background:#5b8cff1f;color:var(--color-text)}.nav a.active{font-weight:700}.content{padding:24px 28px;overflow-y:auto;height:100vh}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);background:#ffffff0f;color:var(--color-text);border-radius:10px;cursor:pointer}.btn.primary{border-color:transparent;background:var(--color-accent)}.btn.success{border-color:transparent;background:var(--color-success-bg);color:var(--color-success-text)}.btn.danger{border-color:transparent;background:var(--color-danger-bg);color:var(--color-danger-text)}.muted{color:var(--color-muted)}