@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#dde8f5;background:#060f1c;font-family:Inter,sans-serif;overflow:hidden}.app{flex-direction:column;width:100%;height:100vh;display:flex}.top-nav{z-index:20;background:#0a1628;border-bottom:1px solid #3878dc26;flex-shrink:0;align-items:stretch;height:68px;display:flex;position:relative}.nav-spacer{flex:1}.nav-tab{cursor:pointer;color:#dde8f561;letter-spacing:-.1px;white-space:nowrap;background:0 0;border:none;align-items:center;gap:14px;padding:0 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex;position:relative}.nav-tab:hover{color:#dde8f5a6}.nav-tab.active{color:#dde8f5;background:#060e1c}.nav-tab-divider{background:#3878dc2e;flex-shrink:0;align-self:stretch;width:1px;margin:14px 0}.nav-tab-logo{background:#06b6d414;border:1px solid #06b6d433;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-tab-logo img{object-fit:contain;width:20px;height:20px}.nav-tab-code-icon{color:#dde8f566;background:#3878dc14;border:1px solid #3878dc33;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.nav-tab.active .nav-tab-code-icon{color:#06b6d4;background:#06b6d414;border-color:#06b6d459}.nav-tab-title{font-size:13.5px;font-weight:600;line-height:1.2}.nav-tab-subtitle{text-transform:uppercase;letter-spacing:.9px;color:#dde8f540;align-items:center;gap:5px;margin-top:3px;font-size:9.5px;font-weight:600;line-height:1;display:flex}.nav-tab.active .nav-tab-subtitle{color:#06b6d499}.status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2.5s ease-in-out infinite statusglow;display:inline-block;box-shadow:0 0 6px #22c55e}@keyframes statusglow{0%,to{opacity:1}50%{opacity:.4}}.audit-shell{background:#060d1a;flex-direction:column;flex:1;display:flex;overflow:hidden}.audit-header{border-bottom:1px solid #3878dc1f;flex-shrink:0;padding:28px 40px 20px}.audit-header-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.audit-badge{color:#06b6d4;text-transform:uppercase;letter-spacing:1px;background:#06b6d414;border:1px solid #06b6d433;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.audit-badge-dot{background:#06b6d4;border-radius:50%;width:5px;height:5px}.audit-title{color:#dde8f5;letter-spacing:-.3px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500}.audit-desc{color:#dde8f559;max-width:720px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7}.audit-desc span{color:#06b6d4b3}.audit-tab-row{border-bottom:1px solid #3878dc1f;gap:0;margin-top:20px;display:flex}.audit-tab-btn{color:#dde8f54d;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .2s;display:flex}.audit-tab-btn:hover{color:#dde8f599}.audit-tab-btn.active{color:#06b6d4;border-bottom-color:#06b6d4}.audit-tab-indicator{opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.audit-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-scroll{flex:1;padding:52px 0 20px;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{width:3px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#06b6d42e;border-radius:10px}.audit-scroll::-webkit-scrollbar{width:3px}.audit-scroll::-webkit-scrollbar-track{background:0 0}.audit-scroll::-webkit-scrollbar-thumb{background:#06b6d42e;border-radius:10px}.audit-scroll::-webkit-scrollbar-thumb:hover{background:#06b6d459}.chat-inner{flex-direction:column;gap:30px;width:100%;max-width:1100px;margin:0 auto;padding:0 56px;display:flex}.welcome{padding-bottom:12px}.welcome h1{letter-spacing:-2px;color:#dde8f5;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.05}.grad-text{background:linear-gradient(105deg,#06b6d4 0%,#3b82f6 60%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-desc{color:#dde8f573;max-width:580px;margin-bottom:24px;font-size:15px;font-weight:400;line-height:1.7}.welcome-links{flex-direction:column;gap:10px;display:flex}.wl-item{color:#dde8f58c;align-items:center;gap:10px;font-size:14px;line-height:1;display:flex}.wl-item:before{content:"";background:#06b6d4;border-radius:50%;flex-shrink:0;width:6px;height:6px}.wl-item a{color:#06b6d4;font-weight:500;text-decoration:none;transition:opacity .15s}.wl-item a:hover{opacity:.75}.msg-row{align-items:flex-end;gap:12px;animation:.22s cubic-bezier(.22,1,.36,1) both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-row.user{flex-direction:row-reverse}.avatar{letter-spacing:.3px;-webkit-user-select:none;user-select:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.av-assistant{color:#fff;background:#0a1426cc;border:1px solid #06b6d426}.av-user{color:#dde8f561;background:#162844e6;border:1px solid #3878dc38;font-size:9px}.bubble{border-radius:18px;max-width:72%;padding:15px 20px;font-size:14.5px;line-height:1.72}.bub-assistant{background:#0b1d33;border:1px solid #3878dc26;border-bottom-left-radius:5px}.bub-user{background:#111e30;border:none;border-radius:14px}.agent-switch-label{text-transform:uppercase;letter-spacing:1.1px;color:#06b6d4;border-bottom:1px solid #06b6d41f;margin-bottom:9px;padding-bottom:9px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600}.bubble p{color:#dde8f5;margin:0 0 7px}.bubble p:last-of-type{margin-bottom:0}.ts{color:#dde8f538;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.typing-bub{flex-direction:column;gap:8px;padding:14px 18px;display:flex}.typing-agent-label{color:#06b6d4;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.typing-dots-container{gap:6px;display:flex}.dot{background:#06b6d4;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite bob}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}@keyframes bob{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.footer{background:#060e1cfa;border-top:1px solid #3878dc1a;flex-shrink:0;padding:20px 0 26px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#06b6d447 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.footer-inner{flex-direction:column;gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:0 56px;display:flex}.agent-row{align-items:center;gap:10px;display:flex}.agent-btn{color:#06b6d4;cursor:pointer;white-space:nowrap;letter-spacing:-.1px;background:0 0;border:1.5px solid #06b6d4;border-radius:100px;align-items:center;gap:9px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,color .15s,transform .1s;display:flex}.agent-btn:hover{color:#06b6d4;background:#06b6d40f;box-shadow:0 0 0 3px #06b6d433,0 0 18px #06b6d433}.agent-btn:active{box-shadow:none;background:#06b6d41f;transform:scale(.97)}.agent-btn.active{color:#06b6d4;background:#06b6d414;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433,0 0 18px #06b6d433}.agent-btn:disabled{color:#b4bed259;cursor:not-allowed;box-shadow:none;background:0 0;border-color:#b4bed240}.book-btn{color:#051a22;cursor:pointer;white-space:nowrap;background:#06b6d4;border:none;border-radius:100px;align-items:center;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 4px 14px #06b6d459}.book-btn:hover{background:#22d3ee;transform:scale(1.03);box-shadow:0 0 0 3px #06b6d440,0 6px 20px #06b6d466}.book-btn:active{background:#0891b2;transform:scale(.97);box-shadow:0 2px 8px #06b6d44d}.quick-btn{color:#dde8f599;cursor:pointer;white-space:nowrap;letter-spacing:-.1px;background:0 0;border:1.5px solid #06b6d466;border-radius:100px;align-items:center;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,color .15s,transform .1s;display:flex}.quick-btn:hover{color:#06b6d4;background:#06b6d40f;border-color:#06b6d4;transform:scale(1.02);box-shadow:0 0 0 3px #06b6d426,0 0 14px #06b6d426}.quick-btn:active{box-shadow:none;background:#06b6d41a;transform:scale(.97)}.input-wrap{background:#0b1d33;border:1.5px solid #06b6d459;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap:hover{border-color:#06b6d48c;box-shadow:0 0 0 3px #06b6d41a,0 0 18px #06b6d41a}.input-wrap:focus-within{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426,0 0 22px #06b6d426}.input-field{color:#dde8f5;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:6px 0;font-family:Inter,sans-serif;font-size:14.5px;font-weight:400;line-height:1.65;overflow-y:auto}.input-field::placeholder{color:#dde8f538}.input-field::-webkit-scrollbar{width:0}.send-btn{color:#051a22;cursor:pointer;background:#06b6d4;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 4px 14px #06b6d459}.send-btn:disabled{color:#b4bed273;cursor:not-allowed;box-shadow:none;background:#b4bed240}.send-btn:not(:disabled):hover{background:#22d3ee;transform:scale(1.04);box-shadow:0 0 0 3px #06b6d440,0 6px 20px #06b6d473}.send-btn:not(:disabled):active{background:#0891b2;transform:scale(.96);box-shadow:0 2px 8px #06b6d44d}.footer-meta{justify-content:center;align-items:center;display:flex}.input-hint{color:#dde8f52e;letter-spacing:.3px;text-align:center;font-family:JetBrains Mono,monospace;font-size:10px}@media (width<=1024px){.chat-inner,.footer-inner{padding:0 32px}.bubble{max-width:85%}.agent-row{flex-wrap:wrap}}@media (width<=768px){body{overflow:hidden}.top-nav{height:56px}.nav-tab{gap:8px;padding:0 14px}.nav-tab-logo,.nav-tab-code-icon{width:26px;height:26px;font-size:9px}.nav-tab-logo img{width:16px;height:16px}.nav-tab-title{font-size:12px}.nav-tab-subtitle{letter-spacing:.5px;font-size:8px}.chat-scroll{padding:24px 0 16px}.chat-inner{gap:18px;padding:0 16px}.bubble{border-radius:14px;max-width:90%;padding:12px 16px;font-size:14px}.avatar{width:28px;height:28px}.msg-row{gap:8px}.bubble.bub-assistant [style*="font-size: 36px"]{letter-spacing:-1px!important;font-size:24px!important}.footer{padding:12px 0 16px}.footer-inner{gap:10px;padding:0 16px}.agent-row{flex-wrap:wrap;gap:8px}.book-btn,.quick-btn{padding:8px 14px;font-size:12px}.input-wrap{border-radius:12px;padding:4px 4px 4px 14px}.input-field{font-size:14px}.send-btn{border-radius:10px;width:38px;height:38px;font-size:17px}.input-hint{font-size:9px}}@media (width<=480px){.nav-tab-subtitle{display:none}.nav-tab,.chat-inner,.footer-inner{padding:0 12px}.bubble{max-width:95%;font-size:13.5px}.agent-row{gap:6px}.book-btn,.quick-btn{padding:7px 12px;font-size:11.5px}}