: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;--palette-background: #e9edf0;--palette-surface: #e6e9ef;--palette-coral: #ff7272;--palette-blue: #489cc1;--palette-green: #21a87d;--palette-shadow-light: #ffffff;--palette-shadow-dark: #d3dbe6;--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: var(--palette-blue);--text-primary: #f4f5f7;--text-secondary: #abb5c4;--text-muted: #7d8999;--accent-primary: var(--palette-blue);--accent-hover: #68b7d4;--accent-soft: rgba(72, 156, 193, .18);--accent-glow: rgba(72, 156, 193, .28);--source-blue: var(--palette-blue);--source-blue-soft: rgba(72, 156, 193, .16);--source-blue-border: rgba(72, 156, 193, .42);--source-violet: var(--palette-coral);--source-violet-soft: rgba(255, 114, 114, .16);--source-violet-border: rgba(255, 114, 114, .42);--status-live: var(--palette-green);--status-live-bg: rgba(33, 168, 125, .12);--status-live-border: rgba(33, 168, 125, .32);--status-connecting: var(--palette-blue);--status-connecting-bg: rgba(72, 156, 193, .12);--status-connecting-border: rgba(72, 156, 193, .32);--status-error: var(--palette-coral);--status-error-bg: rgba(255, 114, 114, .12);--status-error-border: rgba(255, 114, 114, .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: var(--palette-background);--bg-secondary: rgba(230, 233, 239, .84);--bg-tertiary: rgba(230, 233, 239, .72);--bg-card: rgba(230, 233, 239, .86);--bg-card-hover: rgba(233, 237, 240, .96);--bg-input: rgba(230, 233, 239, .92);--card-top: rgba(233, 237, 240, .94);--card-bottom: rgba(230, 233, 239, .88);--surface-highlight: rgba(255, 255, 255, .75);--border-color: rgba(255, 255, 255, .72);--border-highlight: rgba(72, 156, 193, .38);--border-focus: var(--palette-blue);--text-primary: #142033;--text-secondary: #405466;--text-muted: #657789;--accent-primary: var(--palette-blue);--accent-hover: #347f9f;--accent-soft: rgba(72, 156, 193, .14);--accent-glow: rgba(72, 156, 193, .22);--source-blue: var(--palette-blue);--source-blue-soft: rgba(72, 156, 193, .14);--source-blue-border: rgba(72, 156, 193, .42);--source-violet: var(--palette-coral);--source-violet-soft: rgba(255, 114, 114, .14);--source-violet-border: rgba(255, 114, 114, .42);--status-live: var(--palette-green);--status-live-bg: rgba(33, 168, 125, .12);--status-live-border: rgba(33, 168, 125, .32);--status-connecting: #347f9f;--status-connecting-bg: rgba(72, 156, 193, .13);--status-connecting-border: rgba(72, 156, 193, .34);--status-error: #d9555d;--status-error-bg: rgba(255, 114, 114, .14);--status-error-border: rgba(255, 114, 114, .38);--status-offline: #53647b;--status-offline-bg: rgba(83, 100, 123, .11);--status-offline-border: rgba(83, 100, 123, .28);--shadow-sm: -5px -5px 12px rgba(255, 255, 255, .86), 5px 5px 12px rgba(211, 219, 230, .92);--shadow-md: -10px -10px 22px rgba(255, 255, 255, .82), 12px 12px 24px rgba(211, 219, 230, .92);--shadow-lg: -16px -16px 36px rgba(255, 255, 255, .84), 18px 18px 38px rgba(211, 219, 230, .95)}*{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:.5;background-image:url(/assets/mountain-atmosphere-light-CRhhUJSB.webp);filter:saturate(.88) contrast(.94)}html[data-theme=light] #root:after{background:radial-gradient(circle at 82% 2%,rgba(255,255,255,.62),transparent 31%),linear-gradient(108deg,#e9edf0d6,#e6e9efa3 48%,#e9edf0c2)}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%);isolation:isolate}.navbar-left,.nav-actions,.nav-user,.nav-status{display:flex;align-items:center}.navbar-left{flex:0 0 auto;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 var(--accent-soft);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);font-size:.68rem;font-weight:650;letter-spacing:.02em}.nav-status{gap:7px}.nav-links{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;gap:3px;overflow:visible}.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:var(--accent-soft);background:#489cc11a;color:var(--text-primary)}.nav-item.active{border-color:#489cc16b;background:linear-gradient(135deg,#489cc13d,#2748588a);box-shadow:inset 0 1px #ffffff29,0 4px 18px #00000029;color:var(--text-primary);font-weight:620}.nav-actions{position:relative;z-index:2;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}html[data-theme=light] .navbar{border-color:#ffffffb8;background:linear-gradient(145deg,#e9edf0f5,#e6e9efeb);box-shadow:-10px -10px 22px #ffffffd1,12px 12px 24px #d3dbe6eb,inset 1px 1px #ffffffb8}html[data-theme=light] .brand-icon{border-color:#ffffffc7;background:linear-gradient(145deg,#e9edf0eb,#e6e9efe0);box-shadow:-4px -4px 9px #ffffffd1,5px 5px 10px #d3dbe6e6,inset 1px 1px #ffffffb3;color:#243a59}html[data-theme=light] .nav-item:hover{border-color:#489cc14d;background:#489cc11a;color:var(--text-primary)}html[data-theme=light] .nav-item.active{border-color:#489cc16b;background:linear-gradient(145deg,#e6e9efb8,#e9edf0eb);box-shadow:-4px -4px 10px #ffffffc2,5px 5px 10px #d3dbe6d1,inset 1px 1px #ffffffb3;color:var(--text-primary)}html[data-theme=light] .btn-secondary{border-color:#ffffffb8;background:var(--palette-surface);box-shadow:-4px -4px 9px #ffffffc7,5px 5px 10px #d3dbe6d6,inset 1px 1px #ffffff9e;color:var(--text-primary)}html[data-theme=light] .btn-secondary:hover:not(:disabled){border-color:#489cc157;background:#e9edf0f5}html[data-theme=light] .nav-status .badge-offline{border-color:var(--status-offline-border);background:var(--status-offline-bg);color:var(--status-offline)}html[data-theme=light] .segmented-control{border-color:#ffffffb8;background:var(--palette-surface);box-shadow:-5px -5px 12px #ffffffc2,5px 5px 12px #d3dbe6db,inset 1px 1px #ffffff9e}html[data-theme=light] .segmented-control .btn-secondary{border-color:#ffffff85;background:var(--palette-surface);box-shadow:-3px -3px 7px #ffffffad,3px 3px 7px #d3dbe6ad;color:#2d4059}html[data-theme=light] .segmented-control .btn-secondary:hover:not(:disabled){background:var(--palette-background);color:var(--text-primary)}html[data-theme=light] .destination-row{border-color:#ffffffb8!important;background:linear-gradient(145deg,#e9edf0eb,#e6e9efe0)!important;box-shadow:-7px -7px 14px #ffffffc7,8px 8px 16px #d3dbe6d6,inset 1px 1px #ffffffa3}html[data-theme=light] .destination-row:hover{border-color:#489cc15c!important;background:linear-gradient(145deg,#e9edf0fa,#e6e9eff0)!important}html[data-theme=light] .destination-provider{color:#526176!important}html[data-theme=light] .destination-orientation-badge.is-horizontal{background:var(--source-blue-soft)!important;color:#2e7898!important}html[data-theme=light] .destination-orientation-badge.is-vertical{background:var(--source-violet-soft)!important;color:#c45151!important}.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:#489cc18a;background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));box-shadow:0 8px 22px #489cc142,inset 0 1px #ffffff57;color:#fff}.btn-primary:hover:not(:disabled){border-color:#68b7d4b8;background:linear-gradient(135deg,#7bc2dc,var(--accent-hover));box-shadow:0 10px 26px #489cc15c,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:#ff7272ad;background:#ff727238;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:#21a87d33}.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 #489cc129,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:not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23abb5c4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:15px 15px}html[data-theme=light] select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23405466' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}option{background:#121b27;color:#f4f5f7}html[data-theme=light] option{background:var(--palette-surface);color:var(--text-primary)}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,var(--card-top),var(--card-bottom));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--text-primary)}html[data-theme=light] .modal-overlay{background:#3f4f5f38;-webkit-backdrop-filter:blur(14px) saturate(108%);backdrop-filter:blur(14px) saturate(108%)}html[data-theme=light] .modal-content{border-color:#ffffffd1;background:linear-gradient(145deg,#e9edf0fa,#e6e9eff5);box-shadow:var(--shadow-lg),inset 1px 1px #ffffffb8}.modal-content .form-label{color:var(--text-secondary)}.modal-content label:not(.form-label){color:var(--text-primary)}html[data-theme=light] .modal-content .input-field{border-color:#ffffffc7;background:var(--palette-surface);box-shadow:-3px -3px 7px #ffffff94,3px 3px 7px #d3dbe6a8,inset 1px 1px #ffffff80;color:var(--text-primary)}html[data-theme=light] .modal-content .input-field:hover{border-color:#489cc157}html[data-theme=light] .modal-content .source-route-option{color:var(--text-primary)}html[data-theme=light] .modal-content .code-box{border-color:#ffffffb8;background:var(--palette-surface);box-shadow:-4px -4px 9px #ffffff94,5px 5px 10px #d3dbe6ad;color:var(--text-primary)}.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-actions{display:flex;align-items:center;gap:14px}.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(72,156,193,.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:#489cc185;background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));box-shadow:0 11px 30px #489cc147,inset 0 1px #ffffff57;color:#fff;font-size:1rem}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#7bc2dc,var(--accent-hover));box-shadow:0 13px 34px #489cc15c,inset 0 1px #fff6}.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:""}html[data-theme=light] .login-eyebrow{border-color:#ffffffb8;background:var(--palette-surface);box-shadow:-5px -5px 12px #ffffffc2,5px 5px 12px #d3dbe6c7,inset 1px 1px #ffffff9e}html[data-theme=light] .login-title span{color:#14203394}html[data-theme=light] .login-card{border-color:#ffffffb8;background:linear-gradient(145deg,var(--palette-background),var(--palette-surface));box-shadow:var(--shadow-lg),inset 1px 1px #ffffff9e}html[data-theme=light] .login-error{color:var(--status-error)}html[data-theme=light] .login-field-icon{color:var(--source-blue)}html[data-theme=light] .login-field .form-input{border-color:#ffffffad;background:var(--palette-surface);box-shadow:inset 2px 2px 6px #d3dbe6ad,inset -2px -2px 6px #ffffffb8}html[data-theme=light] .login-field .form-label{color:#526176}html[data-theme=light] .login-password-toggle:hover{background:#489cc11a;color:var(--text-primary)}html[data-theme=light] .login-submit{border-color:#489cc180;background:linear-gradient(135deg,#5eafd0,var(--palette-blue));box-shadow:0 11px 30px #489cc147,inset 0 1px #ffffff6b;color:#fff}html[data-theme=light] .login-submit:hover:not(:disabled){background:linear-gradient(135deg,#73bdd8,#347f9f);box-shadow:0 13px 34px #489cc157,inset 0 1px #ffffff75}.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: var(--source-blue-soft);border-color:var(--source-blue-border)!important}.ingest-source-card.vertical-source{--source-glow: var(--source-violet-soft);border-color:var(--source-violet-border)!important}.ingest-source-card.is-live{border-color:var(--status-live-border)!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:var(--text-secondary)}.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,var(--accent-soft),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(min-width:1111px)and (max-width:1260px){.navbar{gap:10px;padding-right:10px;padding-left:14px}.navbar-left{gap:10px}.nav-status,.nav-username{display:none}.nav-links{justify-content:space-between;gap:0}.nav-item{gap:5px;padding-right:6px;padding-left:6px;font-size:.73rem}.nav-actions{gap:4px}.nav-actions>.btn{padding-right:8px;padding-left:8px}}@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)}html[data-theme=light] .nav-links{border-color:#485b743d;background:#f8fbfef5;box-shadow:0 22px 52px #2d3f562e}.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}}