@charset "UTF-8";:root{--bg: #0b1017;--surface: #131a24;--surface-2: #1a2330;--surface-3: #212c3b;--border: #263141;--border-strong: #33445a;--text: #e6edf5;--text-muted: #9aa9bd;--text-faint: #6b7a8f;--accent: #3b82f6;--accent-strong: #2563eb;--accent-soft: rgba(59, 130, 246, .15);--success: #34d399;--success-soft: rgba(52, 211, 153, .15);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .15);--warning: #fbbf24;--kafka: #60a5fa;--kafka-soft: rgba(96, 165, 250, .16);--manual: #34d399;--manual-soft: rgba(52, 211, 153, .16);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--ring: 0 0 0 3px var(--accent-soft);--transition: .15s ease;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 100% -10%,rgba(59,130,246,.08),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(52,211,153,.06),transparent 55%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}button{font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .9rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:var(--ring)}input[type=date],input[type=datetime-local],input[type=text],select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .6rem;transition:border-color var(--transition),box-shadow var(--transition)}input[type=date]:focus-visible,input[type=datetime-local]:focus-visible,input[type=text]:focus-visible,select:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=text]::-webkit-calendar-picker-indicator,select::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}select{cursor:pointer}input::placeholder{color:var(--text-faint)}@media(pointer:coarse){input[type=date],input[type=datetime-local],input[type=time],input[type=text],input[type=number],select,textarea{font-size:16px}}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#4f8ff7,var(--accent-strong));border-color:transparent}