@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base: #07111f;--bg-surface: #0d1929;--bg-card: rgba(13, 25, 41, .9);--bg-elevated: #111e30;--panel-header: rgba(4, 34, 76, .5);--login-right-bg: #07111f;--login-card-bg: rgba(13, 25, 41, .92);--login-card-border:rgba(0, 180, 216, .18);--brand-navy: #04224c;--brand-teal: #006161;--accent: #00b4d8;--accent-dim: rgba(0, 180, 216, .12);--accent-glow: rgba(0, 180, 216, .3);--accent-hover: #0dcaf0;--border: rgba(0, 180, 216, .18);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(0, 180, 216, .45);--text-primary: #e2e8f0;--text-secondary: #7a9abf;--text-muted: #4a6480;--msg-user-bg: linear-gradient(135deg, #0077a8 0%, #005d8a 100%);--msg-user-border: rgba(0, 180, 216, .28);--msg-ai-bg: rgba(255, 255, 255, .05);--msg-ai-border: rgba(255, 255, 255, .07);--msg-user-time: rgba(226, 232, 240, .4);--msg-ai-time: #3a5470;--input-bg: rgba(255, 255, 255, .04);--input-form-bg: rgba(4, 34, 76, .2);--input-border: rgba(0, 180, 216, .15);--input-border-act: rgba(0, 180, 216, .35);--input-text: #e2e8f0;--input-placeholder:#4a6480;--graph-canvas: rgba(7, 17, 31, .6);--graph-node-label: rgba(7, 17, 31, .88);--node-label-text: #e2e8f0;--props-bg: rgba(7, 17, 31, .92);--props-border: rgba(0, 180, 216, .28);--shadow-md: 0 4px 24px rgba(0, 0, 0, .55);--shadow-glow: 0 0 32px rgba(0, 180, 216, .1);--radius-lg: 20px;--transition: .2s cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-base: #eef3fa;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .96);--bg-elevated: #ffffff;--panel-header: rgba(4, 34, 76, .06);--login-right-bg: #f0f6ff;--login-card-bg: rgba(255, 255, 255, .97);--login-card-border:rgba(4, 34, 76, .15);--border: rgba(4, 34, 76, .13);--border-subtle: rgba(0, 0, 0, .07);--border-strong: rgba(0, 100, 160, .4);--text-primary: #1a2942;--text-secondary: #3a5470;--text-muted: #7a9abf;--accent-dim: rgba(0, 100, 160, .08);--accent-glow: rgba(0, 100, 160, .18);--msg-ai-bg: rgba(4, 34, 76, .05);--msg-ai-border: rgba(4, 34, 76, .1);--msg-user-time: rgba(255, 255, 255, .55);--msg-ai-time: #7a9abf;--input-bg: rgba(4, 34, 76, .04);--input-form-bg: rgba(4, 34, 76, .03);--input-border: rgba(4, 34, 76, .15);--input-border-act: rgba(0, 100, 160, .4);--input-text: #1a2942;--input-placeholder:#7a9abf;--graph-canvas: rgba(238, 245, 255, .9);--graph-node-label: rgba(240, 246, 255, .92);--node-label-text: #1a2942;--props-bg: rgba(255, 255, 255, .97);--props-border: rgba(4, 34, 76, .18);--shadow-md: 0 4px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 0 32px rgba(0, 100, 160, .06)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-base);color:var(--text-primary);overflow:hidden;transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%;max-width:100vw;text-align:left;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.top-bar{position:fixed;top:0;left:0;width:100vw;height:64px;background:linear-gradient(90deg,#04224c,#061838 60%,#041224);border-bottom:1px solid rgba(0,180,216,.2);box-shadow:0 1px #00b4d814,0 4px 24px #00000080;display:flex;justify-content:space-between;align-items:center;z-index:1000}.title-and-icon{display:flex;align-items:center;gap:14px}.logo{height:44px!important;margin-left:24px;margin-top:0!important;object-fit:contain}.layout-buttons{position:absolute;bottom:14px;right:14px;z-index:10;display:flex;flex-direction:column;gap:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00b4d814}50%{box-shadow:0 0 40px #00b4d838}}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}textarea::placeholder,input::placeholder{color:var(--input-placeholder);opacity:1}body,#root,.top-bar,[class*=panel],[class*=card]{transition:background-color .3s ease,color .3s ease,border-color .3s ease}#root{max-width:100vw;text-align:left}