:root{font-family:Inter,IBM Plex Sans,Segoe UI,system-ui,sans-serif;color-scheme:light;--navy: #030637;--plum: #3C0753;--wine: #720455;--magenta: #910A67;--bg: #faf5f9;--bg-elev: #ffffff;--surface: #ffffff;--surface-soft: #f3ebf2;--text: #1a0a26;--muted: #6a556a;--border: #e6dae2;--border-strong: #d1bed0;--accent: var(--magenta);--accent-strong: var(--wine);--accent-hover: #a41479;--accent-text: #fff4fb;--danger: #b42318;--success: #0f766e;--shadow-sm: 0 1px 2px rgba(3, 6, 55, .05);--shadow: 0 4px 12px rgba(60, 7, 83, .08), 0 1px 2px rgba(3, 6, 55, .04);--shadow-lg: 0 20px 40px -12px rgba(60, 7, 83, .18);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--ease: cubic-bezier(.4, 0, .2, 1);color:var(--text);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg: var(--navy);--bg-elev: #0a0d4a;--surface: #0e1150;--surface-soft: #1a1e64;--text: #f4eaf3;--muted: #a89cc8;--border: #2a1d63;--border-strong: var(--plum);--accent: var(--magenta);--accent-strong: var(--wine);--accent-hover: #a41479;--accent-text: #fff4fb;--danger: #ff9b8d;--success: #7ad9c4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background:radial-gradient(1200px 600px at 100% -10%,rgba(145,10,103,.08),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(60,7,83,.08),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-theme=dark] body{background:radial-gradient(1200px 600px at 100% -10%,rgba(145,10,103,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(60,7,83,.24),transparent 60%),var(--bg)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin-top:0;letter-spacing:-.01em;font-weight:600}h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--magenta),var(--plum));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:1.25rem}a{color:var(--accent);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--accent-hover)}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}.sub{color:var(--muted);margin-top:-8px;font-size:.875rem}.profile-label{display:block;margin:16px 0 8px;font-weight:600}.profile-select,.profile-badge{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.profile-select{padding:10px 12px;margin-bottom:18px;background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.profile-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #910a6733}.profile-badge{margin:10px 0;padding:10px 12px;background:linear-gradient(135deg,#910a6714,#3c075314);border:1px solid var(--border-strong);font-weight:600;font-size:.875rem;color:var(--accent-strong)}:root[data-theme=dark] .profile-badge{color:var(--accent-text);background:linear-gradient(135deg,#910a674d,#3c075366)}nav{display:flex;flex-direction:column;gap:4px}.nav-link{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:var(--radius);font-size:.925rem;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease),transform .1s var(--ease);position:relative}.nav-link:hover{background:var(--surface-soft);color:var(--accent-strong)}:root[data-theme=dark] .nav-link:hover{color:var(--accent-text)}.nav-link:active{transform:translate(2px)}.nav-link.active{background:linear-gradient(135deg,var(--wine),var(--magenta));color:var(--accent-text);box-shadow:var(--shadow-sm)}.content{padding:32px;max-width:1400px;width:100%}.content-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.content-header-meta{display:flex;gap:8px;align-items:center}.content-header-meta .tiny{margin:0;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft)}.content-actions{display:flex;align-items:center;gap:8px}.content-actions .secondary-btn{margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:20px;box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.primary-btn,.secondary-btn,.theme-toggle,.login-card button[type=submit]{border:none;border-radius:var(--radius);padding:10px 16px;cursor:pointer;margin:2px 0;font-weight:600;font-size:.9rem;transition:transform .1s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease),filter .15s var(--ease);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.primary-btn,.login-card button[type=submit]{background:linear-gradient(135deg,var(--magenta),var(--wine));color:var(--accent-text);box-shadow:0 2px 6px #910a6747}.primary-btn:hover:not(:disabled),.login-card button[type=submit]:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 12px #910a6759;transform:translateY(-1px)}.primary-btn:active:not(:disabled),.login-card button[type=submit]:active:not(:disabled){transform:translateY(0) scale(.98);filter:brightness(.95);box-shadow:0 1px 3px #910a674d}.secondary-btn,.theme-toggle{background:var(--surface-soft);color:var(--text);border:1px solid var(--border)}.secondary-btn:hover:not(:disabled),.theme-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--surface-soft) 70%,var(--magenta) 8%);border-color:var(--border-strong);transform:translateY(-1px)}.secondary-btn:active:not(:disabled),.theme-toggle:active:not(:disabled){transform:translateY(0) scale(.98)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #910a6759}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.3)}.is-loading{pointer-events:none;position:relative;color:transparent!important}.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--accent-text);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:grid;gap:12px}.actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.tiny{font-size:12px;color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:12px 0}.row:last-child{border-bottom:none}.row-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.row-form input,.row-form select,.login-card input,textarea,input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;width:100%;color:var(--text);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.row-form input:focus-visible,.row-form select:focus-visible,.login-card input:focus-visible,textarea:focus-visible,input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #910a6726}.file-input{background:var(--surface)}textarea{font-family:inherit;font-size:14px;margin-bottom:10px;min-height:80px;resize:vertical}pre.preview{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px;white-space:pre-wrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:12.5px;max-height:280px;overflow-y:auto}table{width:100%;border-collapse:collapse;margin-top:8px}table th,table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px}table tr{transition:background .15s var(--ease)}table tr:hover td{background:var(--surface-soft)}table th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.setting-line{display:grid;gap:6px}.setting-line span{font-size:12px;color:var(--muted);font-weight:500}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 50% 0%,rgba(145,10,103,.12),transparent 60%),radial-gradient(700px 400px at 50% 100%,rgba(60,7,83,.12),transparent 60%),var(--bg)}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg)}.theme-toggle{display:block;margin-left:auto;margin-bottom:18px;padding:8px 14px;font-size:.85rem}.login-card form{display:grid;gap:12px}.error-text{color:var(--danger);font-size:.875rem}.banner{padding:12px 16px;border-radius:var(--radius);background:linear-gradient(135deg,#910a6714,#3c075314);border:1px solid var(--border-strong);font-size:.9rem;margin:12px 0;animation:slide-in .25s var(--ease)}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:16px}.content{padding:20px 16px}.content-header{flex-direction:column;align-items:flex-start}.content-actions{width:100%;flex-wrap:wrap}.card{padding:16px}}@media(max-width:560px){nav{flex-direction:row;flex-wrap:wrap;gap:6px}.nav-link{flex:1 1 auto;text-align:center;font-size:.85rem;padding:8px 10px}.row{flex-direction:column;align-items:flex-start;gap:8px}h1{font-size:1.25rem}}.settings-group{padding:0}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s var(--ease);border-radius:var(--radius-lg)}.settings-header:hover{background:var(--surface-soft)}.settings-header .chev{font-size:1.5rem;color:var(--accent);font-weight:300;width:24px;text-align:center}.settings-group .stack{padding:0 20px 20px}.setting-field{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-soft) 60%,transparent)}.setting-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}.setting-field-label{font-weight:600;font-size:.95rem}.setting-field .req{color:var(--danger)}.field-help{font-size:.85rem;color:var(--muted);margin:0 0 6px;line-height:1.5}.field-where{font-size:.8rem;color:var(--muted);margin:0 0 8px;padding:8px 10px;background:color-mix(in srgb,var(--magenta) 6%,transparent);border-left:2px solid var(--magenta);border-radius:4px;line-height:1.5;word-break:break-word}.setting-field code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;background:var(--surface);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.pill{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.pill-ok{background:#0f766e1f;color:#0f766e;border:1px solid rgba(15,118,110,.3)}:root[data-theme=dark] .pill-ok{background:#7ad9c426;color:#7ad9c4;border-color:#7ad9c44d}.pill-off{background:var(--surface-soft);color:var(--muted);border:1px solid var(--border)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:8px 0}.status-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.875rem}.status-pill .dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-pill.ok .dot{background:var(--success);box-shadow:0 0 0 3px #0f766e26}.status-pill.off .dot{background:var(--danger);box-shadow:0 0 0 3px #b4231826}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}