@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #f7f8fb;--surface: #ffffff;--surface-alt: #f3f4f7;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-muted: #6b7280;--text-subtle: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--success: #16a34a;--success-soft: #ecfdf5;--warn: #d97706;--warn-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--panel: var(--surface);--text-color: var(--text);--muted: var(--text-muted);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num,code,kbd,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}html{overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font:inherit;font-weight:500;cursor:pointer;background:var(--accent);color:#fff;border:1px solid transparent;padding:0 var(--space-4);min-height:40px;border-radius:var(--radius-sm);transition:background .12s ease,border-color .12s ease,color .12s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{background:var(--surface-alt);color:var(--text-subtle);cursor:not-allowed}button.secondary,button.ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}button.secondary:hover:not(:disabled),button.ghost:hover:not(:disabled){background:var(--surface-alt)}button.ghost{border-color:transparent}button.ghost:hover:not(:disabled){border-color:var(--border)}button.icon-button{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:0;width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}button.icon-button:hover:not(:disabled){background:var(--surface-alt);color:var(--text)}input,select,textarea{font:inherit;font-size:16px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);padding:10px 12px;border-radius:var(--radius-sm);width:100%;min-height:40px;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent)}label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-alt)}tbody tr:hover{background:var(--surface-alt)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.panel{padding:var(--space-6)}}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.app-header{padding:var(--space-3) var(--space-8)}}.app-header h1{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-2)}.app-main{padding:var(--space-4);max-width:1280px;margin:0 auto}@media (min-width: 768px){.app-main{padding:var(--space-6) var(--space-8)}}.app-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:.75rem;text-align:right;color:var(--text-subtle);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.error{color:var(--danger)}.muted{color:var(--text-muted)}.hide-mobile{display:none}@media (min-width: 640px){.hide-mobile{display:inline-flex}}.login-main{width:100%;max-width:420px;padding-top:clamp(24px,8vh,96px)}.login-card{box-shadow:var(--shadow)}@media (min-width: 768px){.login-card{box-shadow:var(--shadow-lg)}}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;gap:var(--space-4);align-items:center}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}@media (min-width: 1024px){.grid-12{gap:var(--space-6)}}.col-span-12{grid-column:span 12 / span 12}@media (min-width: 1024px){.col-md-8{grid-column:span 8 / span 8}.col-md-4{grid-column:span 4 / span 4}}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid}.pill-accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pill-success{color:var(--success);border-color:var(--success);background:var(--success-soft)}.pill-warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.pill-danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.pill-muted{color:var(--text-muted);border-color:var(--border-strong);background:var(--surface-alt)}.site-flow-chain{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.site-flow-arrow{display:inline-block;transform:rotate(0);transition:transform .2s ease}@media (max-width: 640px){.site-flow-chain{flex-direction:column;align-items:stretch;overflow-x:visible}.site-flow-arrow{transform:rotate(90deg)}}@keyframes arrakis-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 5px #0000}to{box-shadow:0 0 #0000}}:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}