:root{--font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg-primary: #080c11;--bg-secondary: rgba(12, 18, 27, .76);--bg-tertiary: rgba(29, 39, 54, .58);--bg-card: rgba(19, 27, 38, .74);--bg-card-hover: rgba(30, 41, 56, .82);--bg-input: rgba(8, 13, 20, .64);--card-top: rgba(34, 45, 60, .72);--card-bottom: rgba(14, 21, 31, .8);--surface-highlight: rgba(232, 240, 255, .09);--border-color: rgba(210, 222, 240, .14);--border-highlight: rgba(226, 234, 248, .25);--border-focus: #a59bff;--text-primary: #f4f5f7;--text-secondary: #abb5c4;--text-muted: #7d8999;--accent-primary: #8377ff;--accent-hover: #958bff;--accent-soft: rgba(131, 119, 255, .18);--accent-glow: rgba(131, 119, 255, .28);--source-blue: #73afff;--source-blue-soft: rgba(115, 175, 255, .16);--source-violet: #9b8cff;--source-violet-soft: rgba(155, 140, 255, .17);--status-live: #64c9a7;--status-live-bg: rgba(100, 201, 167, .12);--status-live-border: rgba(100, 201, 167, .32);--status-connecting: #e5bb72;--status-connecting-bg: rgba(229, 187, 114, .12);--status-connecting-border: rgba(229, 187, 114, .32);--status-error: #ef7380;--status-error-bg: rgba(239, 115, 128, .12);--status-error-border: rgba(239, 115, 128, .35);--status-offline: #9ba8b9;--status-offline-bg: rgba(155, 168, 185, .1);--status-offline-border: rgba(155, 168, 185, .24);--color-primary: var(--source-blue);--color-warning: var(--status-connecting);--status-success: var(--status-live);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .16);--shadow-md: 0 18px 56px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .035);--shadow-lg: 0 34px 96px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .07);--radius-sm: 16px;--radius-md: 24px;--radius-lg: 30px;--radius-pill: 999px;--transition: .18s ease}html[data-theme=light]{--bg-primary: #e8edf4;--bg-secondary: rgba(247, 249, 252, .82);--bg-tertiary: rgba(225, 232, 241, .8);--bg-card: rgba(248, 250, 253, .76);--bg-card-hover: rgba(255, 255, 255, .92);--bg-input: rgba(255, 255, 255, .82);--card-top: rgba(255, 255, 255, .88);--card-bottom: rgba(234, 240, 248, .83);--surface-highlight: rgba(255, 255, 255, .75);--border-color: rgba(53, 68, 88, .16);--border-highlight: rgba(40, 55, 75, .28);--text-primary: #142033;--text-secondary: #526176;--text-muted: #748197;--shadow-sm: 0 8px 24px rgba(31, 42, 60, .08);--shadow-md: 0 18px 48px rgba(31, 42, 60, .12), inset 0 1px 0 rgba(255, 255, 255, .74);--shadow-lg: 0 30px 72px rgba(31, 42, 60, .18), inset 0 1px 0 rgba(255, 255, 255, .85)}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;background:var(--bg-primary);color-scheme:dark}html[data-theme=light]{color-scheme:light}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;isolation:isolate;min-height:100vh}#root:before,#root:after{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}#root:before{z-index:-2;background:#080c11 url(/assets/mountain-atmosphere-BnM3Bc6I.webp) center / cover no-repeat fixed}#root:after{background:radial-gradient(circle at 82% 2%,rgba(150,176,214,.14),transparent 29%),linear-gradient(104deg,#03070b7a,#050a10b8 48%,#04090f8f)}html[data-theme=light] #root:before{opacity:.13;filter:grayscale(.6) contrast(.86)}html[data-theme=light] #root:after{background:linear-gradient(125deg,#eef3f9eb,#e7edf6d4)}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),select:not(:disabled),input:not(:disabled),textarea:not(:disabled),a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,video{max-width:100%}code,pre{font-family:var(--font-mono)}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.028em;line-height:1.16}h2{font-weight:650}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.app-container{display:flex;min-height:100vh;flex-direction:column}.main-content{width:min(100% - clamp(32px,4vw,72px),1500px);flex:1;margin:0 auto;padding:clamp(26px,3vw,44px) 0 64px}.page-stack{display:flex;flex-direction:column;gap:28px}.page-stack>div:first-child:not(.card) h2{font-size:clamp(1.35rem,2vw,1.7rem)!important;font-weight:650!important}.navbar{position:sticky;top:16px;z-index:50;display:flex;width:min(100% - clamp(32px,4vw,72px),1500px);min-height:68px;align-items:center;justify-content:space-between;gap:18px;margin:16px auto 0;padding:9px 14px 9px 18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(115deg,#141d29db,#242f3fab);box-shadow:var(--shadow-md),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.navbar-left,.nav-actions,.nav-user,.nav-status{display:flex;align-items:center}.navbar-left{min-width:0;gap:clamp(10px,1.8vw,24px)}.nav-brand{display:flex;min-width:max-content;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none}.brand-icon{display:inline-flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(216,227,246,.48);border-radius:10px;background:linear-gradient(145deg,#5769846b,#0c131c6b);box-shadow:inset 0 1px #ffffff29;color:#dce8fc}.brand-name{font-size:1.04rem;font-weight:650;letter-spacing:-.025em}.brand-tag{padding:3px 8px;border:1px solid rgba(131,119,255,.24);border-radius:var(--radius-pill);background:#8377ff1f;color:#b6afff;font-size:.68rem;font-weight:650;letter-spacing:.02em}.nav-status{gap:7px}.nav-links{display:flex;min-width:0;align-items:center;justify-content:center;gap:3px}.nav-item{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.83rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.nav-item:hover{border-color:#e2eaf81f;background:#e1ebfc12;color:var(--text-primary)}.nav-item.active{border-color:#c3d4f054;background:linear-gradient(135deg,#697e9e4f,#26324485);box-shadow:inset 0 1px #ffffff29,0 4px 18px #00000029;color:var(--text-primary);font-weight:620}.nav-actions{flex:0 0 auto;gap:8px}.nav-user{gap:8px}.nav-username{max-width:112px;overflow:hidden;color:var(--text-secondary);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.btn.nav-mobile-toggle{display:none}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-primary);cursor:pointer;font-size:.84rem;font-weight:620;line-height:1;text-decoration:none;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition),opacity var(--transition)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-color:#c5beff75;background:linear-gradient(135deg,#9186ff,#7063eb);box-shadow:0 8px 22px #5c4dda42,inset 0 1px #ffffff57;color:#fff}.btn-primary:hover:not(:disabled){border-color:#e1deffa8;background:linear-gradient(135deg,#a196ff,#7c6ff3);box-shadow:0 10px 26px #6657e85c,inset 0 1px #ffffff5c}.btn-secondary{border-color:var(--border-color);background:#222d3d7a;box-shadow:inset 0 1px #ffffff0e;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-highlight);background:#374457a8}.btn-danger{border-color:var(--status-error-border);background:var(--status-error-bg);color:var(--status-error)}.btn-danger:hover:not(:disabled){border-color:#ff96a09e;background:#ef738038;color:#ffdce0}.btn-success{border-color:var(--status-live-border);background:var(--status-live-bg);color:var(--status-live)}.btn-success:hover:not(:disabled){background:#64c9a733}.btn-sm{min-height:34px;padding:6px 11px;font-size:.77rem}.btn-lg{min-height:52px;padding:14px 22px;font-size:.98rem}.badge{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.7rem;font-weight:650;letter-spacing:.045em;line-height:1;text-transform:uppercase;white-space:nowrap}.badge-live{border-color:var(--status-live-border);background:var(--status-live-bg);color:var(--status-live)}.badge-connecting,.badge-warning{border-color:var(--status-connecting-border);background:var(--status-connecting-bg);color:var(--status-connecting)}.badge-error{border-color:var(--status-error-border);background:var(--status-error-bg);color:var(--status-error)}.badge-offline{border-color:var(--status-offline-border);background:var(--status-offline-bg);color:var(--status-offline)}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.86)}}@keyframes preview-spin{to{transform:rotate(360deg)}}.animate-spin,.spin,.preview-spinner{animation:preview-spin 1s linear infinite}.card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--card-top),var(--card-bottom));box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-title{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-size:1rem;font-weight:640}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.78rem;font-weight:570;letter-spacing:.01em}.form-input,.form-select,.form-textarea,.input,.input-field{width:100%;min-height:46px;padding:11px 15px;border:1px solid var(--border-color);border-radius:var(--radius-pill);outline:none;background:var(--bg-input);box-shadow:inset 0 1px #ffffff09;color:var(--text-primary);font-size:.88rem;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.form-textarea{min-height:110px;border-radius:var(--radius-sm);resize:vertical}.form-input:hover,.form-select:hover,.form-textarea:hover,.input:hover,.input-field:hover{border-color:#e2eaf842}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus,.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #958bff24,inset 0 1px #ffffff0e}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.input:disabled,.input-field:disabled{cursor:not-allowed;opacity:.57}.form-input::placeholder,.form-textarea::placeholder,.input::placeholder,.input-field::placeholder{color:var(--text-muted);opacity:.86}select.form-select,select.input,select.input-field{cursor:pointer}option{background:#121b27;color:#f4f5f7}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.code-box{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 14px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#070c1278;box-shadow:inset 0 1px #ffffff06;color:#c8d4e7;font-size:.8rem;word-break:break-all}.code-box>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.code-box .btn{flex:0 0 auto}.grid-2,.grid-3,.grid-4{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#03070cad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{width:min(100%,540px);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--border-highlight);border-radius:var(--radius-lg);background:linear-gradient(145deg,#273345ed,#0d141ef5);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border-color)}.btn-close{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.source-route-option{width:100%;color:var(--text-primary);font:inherit;text-align:left}.login-page{display:flex;min-height:100vh;flex-direction:column;padding:clamp(24px,4vw,68px)}.login-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}.login-wordmark{display:inline-flex;align-items:center;gap:12px;color:var(--text-primary);font-size:1.02rem;font-weight:650}.login-wordmark .brand-icon{width:35px;height:35px}.login-motto{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:.69rem;font-weight:650;letter-spacing:.35em;text-transform:uppercase;white-space:nowrap}.login-motto:after{width:clamp(36px,5vw,70px);height:1px;background:currentColor;content:"";opacity:.72}.login-shell{display:grid;width:min(100%,1120px);grid-template-columns:minmax(430px,1fr) minmax(360px,500px);align-items:center;gap:clamp(36px,8vw,110px);margin:auto}.login-intro{max-width:460px}.login-eyebrow{display:inline-flex;min-height:43px;align-items:center;gap:10px;padding:7px 16px;border:1px solid rgba(199,211,234,.25);border-radius:var(--radius-pill);background:#1d28398f;box-shadow:inset 0 1px #ffffff17;color:var(--text-secondary);font-size:.88rem}.login-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary)}.login-title{max-width:510px;margin:24px 0 16px;font-size:clamp(2.5rem,4.7vw,4.35rem);font-weight:500;letter-spacing:-.061em;line-height:.98}.login-title strong{display:block;font-weight:600}.login-title span{color:#e3e7efad;font-weight:350}.login-copy{max-width:405px;color:var(--text-secondary);font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.55}.login-card{padding:clamp(28px,4vw,38px);border:1px solid rgba(210,223,245,.28);border-radius:34px;background:linear-gradient(145deg,#323e52c7,#0f1722d1);box-shadow:0 26px 80px #0000006b,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.login-card:before{display:block;width:42%;height:1px;margin:-1px 0 28px auto;background:linear-gradient(90deg,transparent,rgba(181,169,255,.9));content:""}.login-error{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px 13px;border:1px solid var(--status-error-border);border-radius:var(--radius-sm);background:var(--status-error-bg);color:#ffb9c0;font-size:.83rem}.login-field{position:relative;display:block;margin-bottom:16px}.login-field-icon{position:absolute;z-index:1;top:50%;left:18px;color:#b7c4db;transform:translateY(-50%);pointer-events:none}.login-field .form-input{min-height:78px;padding:26px 50px 9px 54px;border-color:#c6d3ee40;background:#45526c45}.login-field .form-label{position:absolute;z-index:1;top:12px;left:54px;margin:0;color:#aeb9cd;font-size:.72rem;pointer-events:none}.login-password-toggle{position:absolute;z-index:2;top:50%;right:13px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transform:translateY(-50%)}.login-password-toggle:hover{background:#ffffff12;color:var(--text-primary)}.login-submit{width:100%;min-height:62px;margin-top:9px;border-color:#ffffffbd;background:linear-gradient(135deg,#f9f8ff,#e6e5ff);box-shadow:0 11px 30px #cac3ff52,inset 0 1px #fff;color:#17162e;font-size:1rem}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#fff,#eeecff);box-shadow:0 13px 34px #cac3ff66,inset 0 1px #fff}.login-security{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:28px;color:var(--text-muted);font-size:.63rem;font-weight:620;letter-spacing:.2em;text-align:center;text-transform:uppercase}.login-security:before,.login-security:after{width:min(24%,84px);height:1px;background:var(--border-color);content:""}.dashboard-page{gap:26px}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.dashboard-section-header h2{font-size:clamp(1.25rem,1.8vw,1.55rem)!important;font-weight:650!important}.dashboard-section-note{display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:.77rem;white-space:nowrap}.dashboard-section-note:before{width:7px;height:7px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);content:""}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ingest-source-card{position:relative;min-height:138px;padding:21px 28px!important;overflow:hidden}.ingest-source-card:after{position:absolute;top:-60px;right:-30px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--source-glow, transparent),transparent 68%);content:"";opacity:.85;pointer-events:none}.ingest-source-card.horizontal-source{--source-glow: rgba(115, 175, 255, .15);border-color:#73afff63!important}.ingest-source-card.vertical-source{--source-glow: rgba(155, 140, 255, .17);border-color:#9b8cff73!important}.ingest-source-card.is-live{border-color:#64c9a794!important}.source-icon{display:flex;width:48px!important;height:48px!important;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:15px!important;box-shadow:inset 0 1px #ffffff17}.source-card-details{position:relative;z-index:1}.source-card-footer{position:relative;z-index:1;min-width:0;padding-top:13px;border-top:1px solid var(--border-color)}.source-card-footer code{color:#b9c8db}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:132px;padding:18px 20px!important}.metric-card>div:first-child>span:first-child{color:var(--text-secondary)!important;font-size:.72rem!important;letter-spacing:.06em}.metric-card>div:nth-child(2){font-variant-numeric:tabular-nums}.relay-panel{padding:24px!important}.relay-panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.relay-panel-header h3{font-size:1.1rem!important;font-weight:650!important}.relay-actions,.segmented-control{display:flex;flex-wrap:wrap;gap:8px}.segmented-control{width:fit-content;padding:5px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#060b1152}.segmented-control .btn{border-color:transparent;box-shadow:none}.segmented-control .btn-secondary{background:transparent;color:var(--text-secondary)}.destination-list{display:flex;flex-direction:column;gap:10px}.destination-row{min-height:74px;padding:13px 16px!important;border-color:#d2def01a!important;border-radius:17px!important;background:#080e1657!important;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.destination-row:hover{border-color:#d2def038!important;background:#212c3b75!important}.recent-chat-widget{padding:22px 24px!important}.chat-preview-row{border:1px solid rgba(210,222,240,.08);border-radius:13px!important;background:#080e1652!important}.live-preview-card{display:flex;min-height:92px;flex-direction:column;gap:16px;padding:20px 24px;overflow:hidden}.live-preview-card.is-idle{background:radial-gradient(ellipse at 84% 50%,rgba(106,135,176,.16),transparent 28%),linear-gradient(120deg,var(--card-top),var(--card-bottom))}.live-preview-card .card-header{min-height:49px;margin:0}.preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.52fr);align-items:start;gap:16px}.preview-frame{position:relative;height:clamp(240px,32vw,420px);overflow:hidden;border:1px solid var(--border-color);border-radius:19px;background:#05070b;box-shadow:inset 0 0 0 1px #ffffff06}.preview-frame-horizontal{border-top:3px solid var(--source-blue)}.preview-frame-vertical{border-top:3px solid var(--source-violet)}.preview-video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--transition)}.preview-video-visible{opacity:1}.preview-frame-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);color:#f8fafc;font-size:.77rem;font-weight:650;pointer-events:none}.preview-state-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.preview-state-dot-live{background:var(--status-live);box-shadow:0 0 11px var(--status-live)}.preview-frame-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:radial-gradient(circle at center,rgba(131,119,255,.1),transparent 58%);color:var(--text-secondary);font-size:.86rem;text-align:center}.destination-table{min-width:770px}.destination-table thead tr{background:#080e165c!important}.destination-table th{color:var(--text-secondary);font-size:.72rem;font-weight:650!important;letter-spacing:.055em;text-transform:uppercase}.destination-table tbody tr{transition:background var(--transition)}.destination-table tbody tr:hover{background:#3745592b}.chat-page{height:min(780px,calc(100vh - 150px))!important;min-height:560px}.chat-page .card{-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}.chat-page [style*=borderLeft]{border-radius:13px!important}.chat-page .input{min-height:42px}.chat-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.chat-mock-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-mock-copy{min-width:0}.chat-mock-copy p{overflow-wrap:anywhere}.chat-provider-card{min-width:0;padding:22px 20px;overflow:hidden}.chat-provider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-provider-meta{display:flex;min-width:0;flex-direction:column;gap:6px;margin-top:16px;color:var(--text-secondary);font-size:.86rem}.chat-provider-meta>*{overflow-wrap:anywhere}.chat-provider-actions{display:flex;width:100%;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.chat-provider-actions .btn{max-width:100%}.chat-connections-page>.card,.settings-page>.card,.ingest-page>.card,.system-page>.card{padding:23px 24px}.settings-page [style*=backgroundColor],.system-page [style*=backgroundColor],.ingest-page [style*=backgroundColor]{border-color:#d2def01a}.wizard-page{width:min(100% - 32px,700px)!important;margin:clamp(28px,8vh,82px) auto!important;padding:0!important}.wizard-page>.card{padding:clamp(25px,4vw,38px)!important;border-radius:var(--radius-lg)}@media(max-width:1260px){.nav-item{gap:6px;padding:8px 9px;font-size:.78rem}}@media(max-width:1110px){.navbar{position:sticky}.btn.nav-mobile-toggle{display:inline-flex;min-width:38px;min-height:38px;padding:0}.nav-links{position:absolute;top:calc(100% + 9px);right:0;left:0;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px;border:1px solid var(--border-color);border-radius:22px;background:#101823f2;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav-links.is-open{display:grid}.nav-item{justify-content:flex-start;padding:11px 13px;font-size:.85rem}.source-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{gap:48px}}@media(max-width:820px){.main-content,.navbar{width:calc(100% - 32px)}.main-content{padding-top:28px}.navbar{top:10px;min-height:62px;margin-top:10px;padding:8px 10px 8px 14px}.nav-status,.nav-username{display:none}.dashboard-section-header,.relay-panel-header{align-items:flex-start;flex-direction:column}.dashboard-section-note{white-space:normal}.relay-actions{width:100%}.relay-actions .btn{flex:1 1 145px}.login-page{padding:22px 20px}.login-shell{grid-template-columns:1fr;gap:32px;margin:56px auto auto}.login-intro{max-width:540px}.login-card{width:min(100%,500px)}}@media(max-width:620px){.navbar-left{gap:8px}.brand-name{font-size:.98rem}.brand-tag,.nav-user .btn span{display:none}.nav-actions{gap:6px}.nav-actions .btn{width:38px;min-width:38px;padding:0}.nav-language-toggle span{display:none}.nav-links{grid-template-columns:1fr}.page-stack{gap:20px}.source-grid,.metrics-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.ingest-source-card{padding:18px!important}.metric-card,.relay-panel,.recent-chat-widget,.chat-connections-page>.card,.settings-page>.card,.ingest-page>.card,.system-page>.card{padding:18px!important}.segmented-control{width:100%}.segmented-control .btn{flex:1 1 auto;padding-right:8px;padding-left:8px}.destination-row{align-items:flex-start!important}.destination-row>div:last-child{width:100%;justify-content:space-between}.live-preview-card{padding:18px}.live-preview-card .card-header{align-items:flex-start;flex-direction:column}.preview-grid{grid-template-columns:1fr}.preview-frame{height:auto;aspect-ratio:16 / 9}.preview-frame-vertical{width:min(100%,280px);aspect-ratio:9 / 16;justify-self:center}.chat-page{height:calc(100dvh - 120px)!important;min-height:480px}.chat-page>div:nth-child(2){gap:8px!important}.chat-page>div:nth-child(2)>div{min-width:100%!important}.chat-page form{flex-wrap:wrap}.chat-page form .input[type=text]{order:2;min-width:100%}.chat-page form .btn{order:3;width:100%}.chat-mock-banner{align-items:stretch;flex-direction:column}.chat-mock-toggle{width:100%}.chat-provider-card{padding:18px}.login-masthead{align-items:flex-start}.login-motto{display:none}.login-shell{margin-top:46px}.login-title{margin-top:18px;font-size:clamp(2.45rem,13vw,3.65rem)}.login-card{padding:25px 20px;border-radius:27px}.login-security{gap:8px;font-size:.58rem;letter-spacing:.13em}.modal-overlay{align-items:flex-end;padding:12px}.modal-content{max-height:88vh;border-radius:25px 25px 20px 20px}}@media(max-width:360px){.chat-provider-grid{grid-template-columns:minmax(0,1fr)}.chat-provider-actions .btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}