@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--brand-blue-deep: #1e5bae;--brand-blue: #2479b4;--brand-cyan: #28b5c9;--brand-teal: #087c78;--brand-green: #087c78;--brand-green-light: #087c78;--brand-gradient: linear-gradient( 135deg, #1e5bae 0%, #2479b4 35%, #087c78 100% );--brand-gradient-soft: linear-gradient( 135deg, rgba(30, 91, 174, .055) 0%, rgba(8, 124, 120, .075) 100% );--brand-gradient-glow: linear-gradient( 135deg, rgba(30, 91, 174, .18) 0%, rgba(8, 124, 120, .18) 100% );--bg-base: #f3f7f9;--bg-surface: #ffffff;--bg-elevated: #edf3f6;--bg-overlay: rgba(255, 255, 255, .96);--bg-hover: rgba(24, 51, 71, .045);--bg-active: rgba(8, 124, 120, .075);--border-subtle: rgba(24, 51, 71, .075);--border-default: rgba(24, 51, 71, .14);--border-strong: rgba(24, 51, 71, .25);--border-brand: rgba(8, 124, 120, .35);--text-primary: #183347;--text-secondary: #425b6d;--text-tertiary: #586d7e;--text-muted: #586d7e;--text-on-brand: #ffffff;--brand-gradient-action: linear-gradient(135deg, #1e5bae 0%, #087c78 100%);--color-success: #16734f;--color-warning: #946215;--color-danger: #b93235;--color-info: #1e5bae;--color-success-soft: #edf7f1;--color-warning-soft: #fcf4e6;--color-danger-soft: #fcf0f0;--color-info-soft: #eef4fc;--shadow-sm: 0 1px 2px rgba(15, 21, 37, .05), 0 1px 3px rgba(15, 21, 37, .04);--shadow-md: 0 4px 12px rgba(15, 21, 37, .06), 0 2px 6px rgba(15, 21, 37, .04);--shadow-lg: 0 16px 40px rgba(15, 21, 37, .1), 0 4px 12px rgba(15, 21, 37, .05);--shadow-brand: 0 2px 5px rgba(30, 91, 174, .12);--glow-brand: 0 0 0 3px rgba(8, 124, 120, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Avenir Next", "Trebuchet MS", "Inter", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{position:relative;z-index:1}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-variant-numeric:lining-nums}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f15251f;border-radius:var(--radius-full);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:#0f152538}::selection{background:#087c782e;color:var(--text-primary)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.brand-border{position:relative;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--brand-gradient) border-box;border:1px solid transparent}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),transform var(--transition-base)}.card:hover{border-color:var(--border-strong)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #087c784d}50%{box-shadow:0 0 0 6px #087c7800}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-slow) ease-out}:focus-visible{outline:3px solid var(--brand-blue-deep);outline-offset:3px}.ui-input-control:focus-visible{outline:none}.ui-input-shell:focus-within{outline:2px solid var(--brand-blue-deep);outline-offset:2px}.ui-select-control:focus-visible{outline:2px solid var(--brand-blue-deep);outline-offset:2px}.ui-textarea:focus-visible{outline:2px solid var(--brand-blue-deep)!important;outline-offset:2px}.ui-button:not(:disabled):hover{filter:brightness(.96)}.ui-button--primary{background:var(--brand-gradient-action)!important}.ui-button--secondary:not(:disabled):hover{border-color:var(--border-strong)!important}.ui-button--ghost:not(:disabled):hover{background:var(--bg-hover)!important}.ui-spinner{animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.portal-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg-base)}.portal-desktop-nav{display:flex;flex-shrink:0}.portal-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.portal-main:focus:not(:focus-visible){outline:none}.portal-main:focus-visible{outline-offset:-3px}.portal-content{flex:1;min-height:0;display:flex;flex-direction:column}.portal-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.portal-panel[hidden]{display:none}.skip-link{position:fixed;left:18px;top:-60px;z-index:3000;padding:10px 16px;border-radius:var(--radius-md);background:var(--brand-blue-deep);color:var(--text-on-brand)}.skip-link:focus{top:12px}.sidebar{width:256px;min-height:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);transition:width var(--transition-base)}.sidebar--collapsed{width:80px}.sidebar__brand{min-height:106px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar__identity{display:flex;flex-direction:column;gap:5px;min-width:0}.sidebar__brand-caption{padding-left:50px;font-size:10px;color:var(--text-tertiary);letter-spacing:.02em;white-space:nowrap}.sidebar--collapsed .sidebar__brand{padding:20px}.sidebar__nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:21px 12px;display:flex;flex-direction:column;gap:22px}.sidebar__group{display:flex;flex-direction:column;gap:4px}.sidebar__group-title{padding:0 12px 4px;font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.075em;color:var(--text-tertiary)}.sidebar__item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:var(--radius-sm);position:relative;text-align:left;font-size:13px;font-weight:500;line-height:1.3;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__item svg{flex-shrink:0;color:var(--text-tertiary);stroke-width:1.8}.sidebar__item.is-active{background:var(--bg-active);color:var(--brand-teal);font-weight:600}.sidebar__item.is-active svg{color:var(--brand-teal);stroke-width:2}.sidebar__item.is-active:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--brand-teal)}.sidebar--collapsed .sidebar__item{justify-content:center;padding:12px}.sidebar--collapsed .sidebar__group+.sidebar__group{border-top:1px solid var(--border-subtle);padding-top:13px}.sidebar--collapsed .sidebar__nav{gap:12px}.sidebar__footer{padding:12px;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.sidebar__account{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.sidebar__avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--brand-blue-deep);border:1px solid var(--border-default);font-size:12px;font-weight:600}.sidebar__account>div{min-width:0}.sidebar__account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.sidebar__account span:not(.sidebar__avatar){display:block;font-size:11px;color:var(--text-tertiary);margin-top:1px}.sidebar__actions{display:flex;justify-content:space-between;align-items:center;gap:6px}.sidebar--collapsed .sidebar__actions{flex-direction:column}.sidebar__logout{min-height:40px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.sidebar__logout:hover{color:var(--color-danger);background:var(--color-danger-soft)}.sidebar__logout:disabled{cursor:wait;opacity:.65}.icon-button{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.icon-button:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.topbar{min-height:106px;padding:19px 28px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0}.topbar__heading{flex:1;min-width:0}.topbar__breadcrumb{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text-tertiary);letter-spacing:.025em}.topbar__context-dot{width:6px;height:6px;border-radius:2px;background:var(--brand-teal)}.topbar h1{font-family:var(--font-display);color:var(--text-primary);font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.4}.topbar__subtitle{font-size:12px;margin-top:1px;color:var(--text-secondary);line-height:1.5}.topbar__search{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 11px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.topbar__search:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.topbar__search kbd{border:1px solid var(--border-default);background:var(--bg-surface);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:9px;margin-left:12px}.topbar__menu{display:none}.panel-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;color:var(--text-secondary)}.panel-state>svg{color:var(--brand-teal)}.text-button{padding:6px;font-weight:600;color:var(--brand-blue-deep);font-size:12px;text-decoration:underline;text-underline-offset:3px}.portal-alert{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 24px;color:var(--color-danger);background:var(--color-danger-soft);font-size:12px}.portal-section-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.portal-section-heading h2{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.portal-section-heading p{color:var(--text-secondary);font-size:12px;margin-top:4px}.portal-status-message{display:flex;align-items:center;gap:9px;padding:11px 14px;font-size:12px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.mobile-menu{height:100dvh;max-height:100dvh;margin:0;border:0;width:min(320px,calc(100vw - 40px));max-width:none;padding:0;background:var(--bg-surface)}.mobile-menu[open]{display:flex}.mobile-menu .sidebar{width:100%}dialog::backdrop{background:#18334761}.command-menu{width:min(640px,calc(100vw - 32px));margin:min(15vh,120px) auto auto;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-lg)}.command-menu__search{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-default);color:var(--brand-teal)}.command-menu__search input{width:100%;min-width:0;border:none;background:transparent;outline:none;padding:8px 0;font-size:14px}.command-menu__search:focus-within{box-shadow:inset 0 -2px var(--brand-teal)}.command-menu__results{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px}.command-menu__result{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);text-align:left;color:var(--text-secondary)}.command-menu__result.is-highlighted{background:var(--bg-active)}.command-menu__result>svg:first-child{color:var(--brand-teal);flex-shrink:0}.command-menu__result>span:not(.command-menu__group){flex:1;min-width:0}.command-menu__result strong{font-size:13px;font-weight:600;color:var(--text-primary);display:block}.command-menu__result small{display:block;font-size:11px;color:var(--text-tertiary);margin-top:3px}.command-menu__group{flex-shrink:0;font-size:9px;color:var(--text-tertiary);padding:3px 6px;border:1px solid var(--border-subtle);border-radius:4px}.command-menu__footer{padding:12px 20px;border-top:1px solid var(--border-subtle);font-size:10px;color:var(--text-tertiary)}.command-menu__empty{padding:28px;font-size:13px;color:var(--text-secondary)}.login-form{padding:28px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.login-password-toggle{align-self:flex-end;display:flex;align-items:center;gap:6px;padding:4px;font-size:12px;color:var(--text-secondary)}.login-password-toggle:hover{color:var(--brand-blue-deep)}.ui-card{min-width:0}@media(max-width:1200px){.broadcast-layout{grid-template-columns:1fr!important;overflow-y:auto!important}.broadcast-layout>.ui-card{min-height:460px}}@media(max-width:900px){.portal-desktop-nav{display:none}.topbar__menu{display:inline-flex}.topbar{padding:14px 18px;min-height:96px;gap:12px}.topbar__search span,.topbar__search kbd{display:none}.topbar__search{width:40px;height:40px;padding:0;justify-content:center}}@media(max-width:600px){.topbar{min-height:82px;padding:12px;gap:8px}.topbar h1{font-size:22px}.topbar__subtitle{display:none}.portal-panel>div:not(.conversation-viewer):not(.log-stream){padding:16px!important}.broadcast-layout{gap:16px!important}.user-table__toolbar{flex-wrap:wrap}.user-table__toolbar>div:first-child{flex-basis:100%!important;max-width:none!important}.command-menu__group{display:none}.command-menu__result small{line-height:1.45}.command-menu__footer{padding:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){.ui-card{transform:none!important}}