:root{--color-primary: 13 27 42;--color-secondary: 27 38 59;--color-accent: 65 90 119;--color-highlight: 119 141 169;--color-text-main: 224 225 221;--color-text-secondary: 176 179 184;--color-brand-blue: 58 134 255;--rudel-surface-strong: linear-gradient(180deg, rgba(27, 38, 59, .92), rgba(16, 26, 40, .96));--rudel-surface-soft: rgba(255, 255, 255, .05);--rudel-surface-muted: rgba(255, 255, 255, .035);--rudel-border-subtle: rgba(255, 255, 255, .08);--rudel-border-accent: rgba(58, 134, 255, .22);--rudel-shadow-card: 0 28px 80px -36px rgba(8, 15, 28, .78);--rudel-shadow-hero: 0 32px 100px -40px rgba(8, 15, 28, .85);--rudel-shadow-float: 0 35px 120px -42px rgba(6, 10, 18, .96)}.light-mode{--color-primary: 241 245 249;--color-secondary: 255 255 255;--color-accent: 226 232 240;--color-highlight: 100 116 139;--color-text-main: 15 23 42;--color-text-secondary: 51 65 85;--color-brand-blue: 37 99 235;--rudel-surface-strong: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 250, 252, .98));--rudel-surface-soft: rgba(255, 255, 255, .82);--rudel-surface-muted: rgba(248, 250, 252, .94);--rudel-border-subtle: rgba(148, 163, 184, .22);--rudel-border-accent: rgba(37, 99, 235, .18);--rudel-shadow-card: 0 20px 44px -26px rgba(15, 23, 42, .16);--rudel-shadow-hero: 0 28px 72px -34px rgba(15, 23, 42, .18);--rudel-shadow-float: 0 34px 90px -48px rgba(15, 23, 42, .22)}html,body,#root{min-height:100%}body{background:rgb(var(--color-primary));color:rgb(var(--color-text-main));transition:background-color .3s ease,color .3s ease}.light-mode body{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 26%),radial-gradient(circle at 85% 12%,rgba(14,165,233,.06),transparent 20%),linear-gradient(180deg,#f8fafc,#f1f5f9)}.rudel-app-shell{position:relative;isolation:isolate}.rudel-app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(58,134,255,.08),transparent 28%),radial-gradient(circle at 85% 12%,rgba(16,185,129,.06),transparent 24%);opacity:.9}.light-mode .rudel-app-shell:before{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 85% 12%,rgba(14,165,233,.07),transparent 24%)}.light-mode .rudel-app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 24%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.4),transparent 32%)}.rudel-page{position:relative;z-index:1}.rudel-surface{border:1px solid var(--rudel-border-subtle);border-radius:28px;background:var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rudel-surface--hero{background:radial-gradient(circle at top left,rgba(58,134,255,.16),transparent 35%),var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-hero)}.light-mode .rudel-surface--hero{background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 35%),radial-gradient(circle at 90% 10%,rgba(14,165,233,.08),transparent 24%),var(--rudel-surface-strong)}.rudel-panel{border:1px solid var(--rudel-border-subtle);border-radius:24px;background:var(--rudel-surface-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rudel-muted-panel{border:1px solid var(--rudel-border-subtle);border-radius:24px;background:var(--rudel-surface-muted)}.rudel-metric{border:1px solid rgba(255,255,255,.06);border-radius:22px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light-mode .rudel-metric{border-color:#94a3b829;background:linear-gradient(180deg,#ffffffd1,#f8fafcf5);box-shadow:inset 0 1px #ffffffb3}.rudel-icon-badge{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff0d;box-shadow:inset 0 1px #ffffff0a}.light-mode .rudel-icon-badge{border-color:#94a3b829;background:linear-gradient(180deg,#fffffff5,#f1f5f9f2);box-shadow:inset 0 1px #ffffffe6,0 10px 24px -18px #0f172a38}.rudel-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.rudel-btn:hover{transform:translateY(-1px)}.rudel-btn--primary{border:1px solid rgba(var(--color-brand-blue),.24);background:rgb(var(--color-brand-blue));color:#fff;box-shadow:0 18px 36px -24px rgba(var(--color-brand-blue),.7)}.rudel-btn--primary:hover{background:rgba(var(--color-brand-blue),.92);color:#fff}.rudel-btn--secondary{border:1px solid var(--rudel-border-subtle);background:#ffffff0d;color:rgb(var(--color-text-main))}.rudel-btn--secondary:hover{border-color:var(--rudel-border-accent);background:#ffffff17}.light-mode .rudel-btn--secondary{border-color:#94a3b82e;background:linear-gradient(180deg,#fffffff5,#f8fafceb);box-shadow:0 14px 28px -24px #0f172a2e}.light-mode .rudel-btn--secondary:hover{border-color:#2563eb47;background:linear-gradient(180deg,#eff6fffa,#dbeafeeb);color:rgb(var(--color-text-main))}.light-mode .rudel-btn--primary{border-color:#2563eb57;background:linear-gradient(135deg,#2563eb,#1d4ed8f5);color:#fff}.light-mode .rudel-btn--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40affa);color:#fff;box-shadow:0 22px 42px -26px #2563eb8c}.rudel-chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid var(--rudel-border-subtle);background:#ffffff0d;padding:.35rem .75rem;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--color-highlight))}.rudel-sidebar{border-right:1px solid var(--rudel-border-subtle);background:radial-gradient(circle at top left,rgba(58,134,255,.12),transparent 22%),var(--rudel-surface-strong);box-shadow:0 28px 80px -44px #060a12f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.light-mode .rudel-sidebar{background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 22%),var(--rudel-surface-strong);box-shadow:0 24px 64px -42px #0f172a38}.rudel-sidebar-toggle,.rudel-topbar-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rudel-border-subtle);border-radius:.9rem;background:#ffffff0d;color:rgb(var(--color-highlight));transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.rudel-sidebar-toggle:hover,.rudel-topbar-button:hover{transform:translateY(-1px);border-color:var(--rudel-border-accent);background:#ffffff17;color:rgb(var(--color-text-main))}.light-mode .rudel-sidebar-toggle,.light-mode .rudel-topbar-button{border-color:#94a3b82e;background:linear-gradient(180deg,#fffffff2,#f8fafceb);color:rgb(var(--color-text-secondary))}.light-mode .rudel-sidebar-toggle:hover,.light-mode .rudel-topbar-button:hover{background:#fff;color:rgb(var(--color-text-main))}.rudel-topbar-button--active{border-color:rgba(var(--color-brand-blue),.4);background:linear-gradient(135deg,rgba(var(--color-brand-blue),.98),#2363ebf5);color:#fff;box-shadow:0 16px 34px -24px rgba(var(--color-brand-blue),.52)}.rudel-topbar-button--active:hover{background:linear-gradient(135deg,rgba(var(--color-brand-blue),1),#1d4ed8fa);color:#fff}.light-mode .rudel-topbar-button--active{border-color:#2563eb57;background:linear-gradient(135deg,#2563eb,#1d4ed8f5);color:#fff}.light-mode .rudel-topbar-button--active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40aff7);color:#fff}.rudel-nav-item{display:flex;width:100%;align-items:center;border:1px solid transparent;border-radius:1rem;color:rgb(var(--color-highlight));transition:background-color .18s ease,color .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rudel-nav-item:hover{transform:translateY(-1px);background:#ffffff0f;color:rgb(var(--color-text-main))}.rudel-nav-item--active{border:1px solid rgba(96,165,250,.28);background:linear-gradient(135deg,#3a86ff,#1d4ed8f5);color:#fff;box-shadow:inset 0 1px #ffffff24,0 20px 44px -24px rgba(var(--color-brand-blue),.82)}.light-mode .rudel-nav-item{color:rgb(var(--color-text-secondary))}.light-mode .rudel-nav-item:hover{border-color:#2563eb33;background:linear-gradient(180deg,#eff6ffe6,#dbeafed1);color:rgb(var(--color-text-main));box-shadow:0 16px 30px -26px #0f172a24}.light-mode .rudel-nav-item--active{border:1px solid rgba(59,130,246,.58);background:linear-gradient(135deg,#2563eb,#1d4ed8f5);color:#fff;box-shadow:inset 0 1px #fff3,0 18px 36px -26px #2563eb80}.light-mode .rudel-nav-item--active:hover{border-color:#1d4ed8b3;background:linear-gradient(135deg,#1d4ed8,#1e40aff7);color:#fff}.rudel-topbar{border:1px solid var(--rudel-border-subtle);background:rgba(var(--color-secondary),.82);box-shadow:var(--rudel-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.light-mode .rudel-topbar{background:linear-gradient(180deg,#ffffffeb,#f8fafcf0);box-shadow:0 24px 52px -34px #0f172a29}.rudel-agent-card{border:1px solid var(--rudel-border-subtle);border-radius:1.5rem;background:var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.rudel-agent-card:hover{transform:translateY(-3px);border-color:rgba(var(--color-brand-blue),.34);box-shadow:var(--rudel-shadow-hero)}.light-mode .rudel-agent-card{background:linear-gradient(180deg,#fffffff5,#f8fafcfa);box-shadow:0 20px 44px -30px #0f172a24}.light-mode .rudel-agent-card:hover{box-shadow:0 28px 60px -36px #0f172a2e}.rudel-agent-modal{border:1px solid var(--rudel-border-subtle);background:var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rudel-inline-card{border:1px solid var(--rudel-border-subtle);border-radius:1.25rem;background:#ffffff0a}.light-mode .rudel-inline-card{background:linear-gradient(180deg,#ffffffd1,#f8fafceb);box-shadow:inset 0 1px #ffffffe6}.rudel-input-shell{border:1px solid var(--rudel-border-subtle);border-radius:1.25rem;background:#ffffff0d;box-shadow:inset 0 1px #ffffff08}.light-mode .rudel-input-shell{background:linear-gradient(180deg,#ffffffeb,#f8fafcf5);box-shadow:inset 0 1px #ffffffeb,0 16px 30px -28px #0f172a2e}.rudel-toolbar{border:1px solid var(--rudel-border-subtle);border-radius:1.75rem;background:var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.light-mode .rudel-toolbar{background:linear-gradient(180deg,#fffffff0,#f8fafcfa);box-shadow:0 22px 50px -34px #0f172a26}.rudel-board-column{border:1px solid var(--rudel-border-subtle);border-radius:1.5rem;background:#ffffff09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.light-mode .rudel-board-column{background:linear-gradient(180deg,#ffffffb8,#f8fafce6);box-shadow:inset 0 1px #fffc}.rudel-board-column-head{border-bottom:1px solid var(--rudel-border-subtle);background:#ffffff0a}.light-mode .rudel-board-column-head{background:#ffffffad}.rudel-segmented{display:inline-flex;gap:.25rem;border:1px solid var(--rudel-border-subtle);border-radius:1rem;background:#ffffff0a;padding:.25rem}.light-mode .rudel-segmented{background:#ffffffbd;box-shadow:inset 0 1px #fffc}.rudel-segmented-button{border-radius:.8rem;color:rgb(var(--color-highlight));transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.rudel-segmented-button:hover{color:rgb(var(--color-text-main))}.rudel-segmented-button--active{background:#ffffff14;color:rgb(var(--color-text-main));box-shadow:inset 0 1px #ffffff0a}.light-mode .rudel-segmented-button--active{background:linear-gradient(180deg,#fffffffa,#f1f5f9f5);box-shadow:0 12px 24px -20px #0f172a2e}.rudel-field{width:100%;border:1px solid var(--rudel-border-subtle);border-radius:1rem;background:#ffffff0d;padding:.7rem .9rem;color:rgb(var(--color-text-main));outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.rudel-field--search{padding-left:3.25rem!important;padding-right:1rem!important}.rudel-field::placeholder{color:rgb(var(--color-highlight))}.rudel-field:focus{border-color:rgba(var(--color-brand-blue),.45);box-shadow:0 0 0 3px rgba(var(--color-brand-blue),.14)}.light-mode .rudel-field{border-color:#94a3b833;background:linear-gradient(180deg,#fffffff0,#f8fafcfa);box-shadow:inset 0 1px #fffffff2,0 8px 18px -18px #0f172a1f}.light-mode .rudel-field:hover{border-color:#94a3b847}.light-mode .rudel-field:focus{border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb1f,0 16px 32px -24px #2563eb3d}.rudel-modal-shell{border:1px solid var(--rudel-border-subtle);background:var(--rudel-surface-strong);box-shadow:var(--rudel-shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.light-mode .rudel-modal-shell{background:linear-gradient(180deg,#fffffff7,#f8fafcfa);box-shadow:0 36px 120px -56px #0f172a47}.rudel-modal-footer{border-top:1px solid var(--rudel-border-subtle);background:#ffffff0a}.light-mode .rudel-modal-footer{background:linear-gradient(180deg,#fffc,#f8fafcf0)}.rudel-table-shell{border:1px solid var(--rudel-border-subtle);border-radius:1.5rem;background:#ffffff09;overflow:hidden}.light-mode .rudel-table-shell{background:#ffffffc7}.rudel-table-head{background:#ffffff0d}.light-mode .rudel-table-head{background:#f8fafcf5}.rudel-empty-state{border:2px dashed rgba(255,255,255,.08);border-radius:2rem;background:#ffffff08}.light-mode .rudel-empty-state{border-color:#94a3b83d;background:linear-gradient(180deg,#ffffff9e,#f8fafcdb)}.rudel-notice-card{border-radius:24px;border:1px solid rgba(239,68,68,.18);background:linear-gradient(180deg,#4a11196b,#270d143d)}.light-mode .rudel-notice-card{border-color:#f871713d;background:linear-gradient(180deg,#fffbfbfa,#fff5f5f5)}.rudel-chat-shell{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1b263bf7,#0d1b2afa);box-shadow:var(--rudel-shadow-float)}.light-mode .rudel-chat-shell{border-color:#94a3b82e;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 26%),linear-gradient(180deg,#fffffffa,#f8fafcfa)}.rudel-chat-backdrop{background:rgba(var(--color-primary),.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rudel-chat-header{border-bottom:1px solid rgba(255,255,255,.05)}.light-mode .rudel-chat-header{border-bottom-color:#94a3b829}.rudel-chat-body{background:radial-gradient(circle at top left,rgba(58,134,255,.06),transparent 22%),transparent}.light-mode .rudel-chat-body{background:radial-gradient(circle at top left,rgba(37,99,235,.05),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 28%)}.rudel-chat-footer{border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#0d1b2a33,#0d1b2ab3)}.light-mode .rudel-chat-footer{border-top-color:#94a3b829;background:linear-gradient(180deg,#f8fafc66,#f8fafceb)}.rudel-chat-bubble--assistant{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.light-mode .rudel-chat-bubble--assistant{border-color:#94a3b829;background:linear-gradient(180deg,#fffffff0,#f8fafceb);box-shadow:0 12px 30px -26px #0f172a29}.rudel-chat-bubble--user{border:1px solid rgba(var(--color-brand-blue),.3);background:linear-gradient(135deg,rgba(var(--color-brand-blue),.98),#2363ebf5);box-shadow:0 18px 40px -24px rgba(var(--color-brand-blue),.5)}.light-mode .rudel-chat-bubble--user{border-color:#2563eb38;background:linear-gradient(135deg,#dbeafefa,#bfdbfeeb);color:rgb(var(--color-text-main));box-shadow:0 16px 34px -26px #2563eb38}.rudel-chat-chip{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:rgb(var(--color-highlight))}.light-mode .rudel-chat-chip{border-color:#94a3b838;background:linear-gradient(180deg,#fffffff5,#eff6ffeb);color:rgb(var(--color-text-secondary))}.rudel-chat-title-icon,.rudel-chat-avatar{border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.light-mode .rudel-chat-title-icon,.light-mode .rudel-chat-avatar{border-color:#94a3b833;background:linear-gradient(180deg,#eff6fff5,#dbeafee0);box-shadow:inset 0 1px #ffffffe0}.rudel-chat-title-icon__glyph,.rudel-chat-avatar__glyph{color:#fff}.light-mode .rudel-chat-title-icon__glyph,.light-mode .rudel-chat-avatar__glyph{color:rgb(var(--color-brand-blue))}.rudel-chat-action{border:1px solid var(--rudel-border-subtle);border-radius:1rem;background:#ffffff0a;color:rgb(var(--color-text-main))}.rudel-chat-action:hover{border-color:var(--rudel-border-accent);background:#ffffff14}.light-mode .rudel-chat-action{border-color:#94a3b82e;background:linear-gradient(180deg,#fffffffa,#f8fafcf0);color:rgb(var(--color-text-main));box-shadow:0 12px 24px -24px #0f172a29}.light-mode .rudel-chat-action:hover{border-color:#2563eb52;background:linear-gradient(180deg,#eff6fffa,#dbeafeeb);color:rgb(var(--color-brand-blue))}.rudel-chat-input{color:rgb(var(--color-text-main))}.rudel-chat-input::placeholder{color:rgb(var(--color-highlight));opacity:1}.light-mode .rudel-chat-input{color:rgb(var(--color-text-main))}.light-mode .rudel-chat-input::placeholder{color:rgb(var(--color-text-secondary))}