:root{color-scheme:dark;--bg-main: #070b18;--bg-surface: rgba(12, 18, 35, .72);--bg-card: rgba(18, 24, 45, .86);--border-soft: rgba(147, 167, 216, .2);--text-main: #f3f6ff;--text-muted: #9ca8c9;--accent-indigo: #6e7cfb;--accent-purple: #8f66ff;--accent-green: #2ed391;--accent-yellow: #f7b84a;--accent-red: #ff6c75}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{background:radial-gradient(circle at 20% 10%,#1a1f47,#0a1022 45%,#04070f);color:var(--text-main);font-family:Inter,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:#a7c2ff;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:268px 1fr;background-image:radial-gradient(rgba(120,138,208,.12) 1px,transparent 1px);background-size:28px 28px}.sidebar{border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#090d1bf5,#060a15fa);padding:20px 14px;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:16px}.brand-box{display:flex;align-items:center;gap:12px;padding:6px 8px}.brand-icon{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));box-shadow:0 0 18px #6e7cfb80}.brand-title{font-weight:800;letter-spacing:.02em}.brand-subtitle{color:var(--text-muted);font-size:12px}.sidebar-nav{display:grid;gap:4px}.nav-item{color:var(--text-muted);padding:10px 12px;border-radius:10px}.nav-item-active{background:#6f7cfa29;color:#c8d3ff;box-shadow:inset 0 0 0 1px #92a3fb47}.sidebar-action{width:100%;justify-content:center}.api-status-card{margin-top:auto;border-radius:14px;border:1px solid var(--border-soft);padding:12px;background:var(--bg-card)}.status-line{display:flex;align-items:center;gap:8px;color:#d3defe;font-size:14px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#7780a6}.status-dot-ok{background:var(--accent-green);box-shadow:0 0 9px #2ed391cc}.status-dot-error{background:var(--accent-red);box-shadow:0 0 9px #ff6c75cc}.content-area{padding:24px clamp(14px,3.6vw,38px) 40px;display:grid;gap:16px;align-content:start}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:start}.topbar h1{margin:0;font-size:clamp(22px,3.2vw,30px)}.topbar p{margin:8px 0 0;color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-pill{display:inline-flex;align-items:center;border:1px solid rgba(127,145,193,.24);border-radius:999px;padding:8px 12px;background:#12182ca6}.panel{border-radius:18px;border:1px solid var(--border-soft);background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px}.section-space{padding:18px}.section-header{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}.section-header h2{margin:0;font-size:18px}.section-header p{margin:6px 0 0;color:var(--text-muted);font-size:14px}.primary-button,.ghost-button,.small-button,.close-icon-button{border:1px solid transparent;border-radius:11px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#dce5ff;cursor:pointer;transition:.14s ease}.primary-button{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));box-shadow:0 8px 22px #707afa59;color:#fff}.ghost-button,.small-button,.close-icon-button{border-color:#7f91c13d;background:#12182ca6}.small-button{padding:7px 10px;font-size:13px}.small-button-primary{background:linear-gradient(135deg,#4f7cff,#5aa0ff);border:0;color:#fff}.message-box{border-radius:13px;padding:11px 12px}.message-error{border:1px solid rgba(255,108,117,.35);background:#53141c94}.message-success{border:1px solid rgba(46,211,145,.35);background:#0f382b94}.stats-grid,.channels-grid{display:grid;gap:12px;align-items:start}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{display:grid;gap:8px;align-content:start}.stat-value{font-size:clamp(24px,3.2vw,36px);font-weight:800}.stat-label,.channel-meta,.empty-state,.empty-cell,.loading-inline{color:var(--text-muted);font-size:13px}.channel-card,.run-card,.whoami-card{border-radius:12px;border:1px solid rgba(132,150,200,.24);padding:12px;background:#0f152799;align-content:start}.channel-row,.run-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.run-title{font-weight:700;font-size:14px}.run-subtitle{color:var(--text-muted);font-size:12px;margin-top:3px}.status-pill{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.status-pending{color:#dbdeeb;background:#737a9638;border-color:#858fb559}.status-running{color:#ffd593;background:#7f55174d;border-color:#f7b84a73}.status-completed{color:#8ef0c8;background:#105a4047;border-color:#2ed39173}.status-failed{color:#ffb7bc;background:#66182057;border-color:#ff6c7573}.run-error{margin-top:9px;border-radius:9px;border:1px solid rgba(255,108,117,.38);background:#5c161e8a;color:#ffd0d3;font-size:12px;padding:8px}.form-grid{display:grid;gap:12px}label{display:grid;gap:6px;font-size:13px;color:var(--text-muted);align-content:start}input:not([type=checkbox]):not([type=file]):not([type=radio]),textarea,select{width:100%;border:1px solid rgba(130,148,200,.3);border-radius:12px;background:#0c1223db;color:var(--text-main);padding:10px 12px;outline:none;line-height:1.4}input:not([type=checkbox]):not([type=file]):not([type=radio]),select{min-height:42px}textarea{min-height:96px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;margin:0;accent-color:var(--accent-indigo)}input[type=file]{width:auto;max-width:100%;border:1px dashed rgba(130,148,200,.3);border-radius:10px;background:#0c12238c;color:var(--text-muted);padding:8px 10px}.source-table-wrapper{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid rgba(129,145,189,.2);font-size:13px}th{color:#c7d3f8;font-weight:600}td{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#02040ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:14px;z-index:40}.modal-window{width:min(760px,100%);max-height:min(95vh,860px);overflow-y:auto;border-radius:16px;border:1px solid rgba(146,166,220,.38);background:linear-gradient(180deg,#0c1223fa,#080d18fa)}.modal-header{padding:14px;border-bottom:1px solid rgba(122,141,196,.25);display:flex;justify-content:space-between;gap:12px;align-items:start}.modal-content{display:grid;gap:12px;padding:14px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions{display:flex;justify-content:end;gap:10px}@media(max-width:1140px){.stats-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-soft);padding:14px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions,.modal-actions,.channel-actions,.two-columns{width:100%;grid-template-columns:1fr}}