.app{display:grid;grid-template-columns:300px 1fr;height:100vh;position:relative;z-index:1}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.app-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.chat-history{margin-top:12px;margin-bottom:12px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-track{background:transparent}.chat-history::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.chat-history-header{padding:12px 16px;margin-bottom:8px;font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.chat-history-header-left{display:flex;align-items:center;gap:8px}.chat-history-header-left svg{color:var(--text-muted)}.new-chat-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;padding:6px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.new-chat-btn:hover{color:var(--accent);background:#00d4ff1a}.new-chat-btn svg{flex-shrink:0}.chat-history-list{display:flex;flex-direction:column;gap:4px}.chat-history-loading{padding:24px;display:flex;justify-content:center;align-items:center}.chat-history-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.chat-history-item{padding:0;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;gap:8px;background:transparent;border:none;width:100%;position:relative}.chat-history-item-content{flex:1;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px;background:transparent;border:none;width:100%;text-align:left;font-family:inherit;color:var(--text)}.chat-history-item-content:hover{background:#00d4ff14}.chat-history-item.active .chat-history-item-content{background:#00d4ff26;border-left:3px solid var(--accent)}.chat-history-item-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ff3b301a;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#ff3b30;transition:all .2s ease;opacity:0;z-index:10}.chat-history-item:hover .chat-history-item-delete{opacity:1}.chat-history-item-delete:hover{background:#ff3b3033;color:#ff3b30;transform:translateY(-50%) scale(1.1)}.chat-history-item-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-item-date{font-size:11px;color:var(--text-muted)}.sidebar{background:var(--panel);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;gap:12px;padding:20px 16px;position:relative;overflow-y:auto;box-shadow:4px 0 24px #0006}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(180deg,rgba(0,212,255,.08) 0%,transparent 100%);pointer-events:none}.sidebar-header{padding:16px;border-bottom:1px solid var(--glass-border);margin-bottom:16px;display:flex;align-items:center;gap:12px;position:relative}.sidebar-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d,0 0 0 1px #00d4ff33;position:relative;overflow:hidden;flex-shrink:0}.sidebar-logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.sidebar-logo img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.sidebar-titles{display:flex;flex-direction:column;gap:4px}.sidebar-title{font-weight:700;font-size:18px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle{font-size:13px;color:var(--text-muted);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-spacer{flex:1;min-height:20px}.connected-systems-section{margin-bottom:20px}.connected-systems-btn{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;position:relative}.connected-systems-btn:hover{border-color:var(--accent);background:#00d4ff0d;transform:translateY(-1px)}.connected-systems-btn:hover .arrow-right-icon{transform:translate(2px);color:var(--accent)}.connected-systems-btn-left{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.connected-systems-btn-left svg{flex-shrink:0}.systems-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#00d4ff33;border:1px solid var(--accent);border-radius:8px;font-size:9px;font-weight:700;color:var(--accent);line-height:1}.arrow-right-icon{flex-shrink:0;color:var(--text-muted);transition:all .2s ease}.connected-systems-header{padding:12px 16px;margin-bottom:8px;font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.system-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.system-btn{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;position:relative}.system-btn:hover{border-color:var(--accent);background:#00d4ff0d;transform:translateY(-1px)}.system-btn.active{border-color:var(--accent);background:#00d4ff1a;box-shadow:0 0 0 1px var(--accent)}.system-btn.connected{border-color:#00d4aa;background:#00d4aa0d}.system-btn.connected:hover{border-color:#00d4aa;background:#00d4aa1a}.system-btn-content{display:flex;align-items:center;gap:12px;position:relative}.system-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00d4ff1a;border-radius:8px;color:var(--accent);flex-shrink:0}.system-btn.connected .system-btn-icon{background:#00d4aa1a;color:#00d4aa}.system-btn-text{flex:1;text-align:left}.system-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.system-status{font-size:12px;color:var(--text-muted);font-weight:500}.system-btn.connected .system-status{color:#00d4aa}.connection-indicator{width:8px;height:8px;border-radius:50%;background:#00d4aa;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00d4aab3}70%{box-shadow:0 0 0 10px #00d4aa00}to{box-shadow:0 0 #00d4aa00}}.system-add-btn{margin-top:8px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;width:100%;font-family:inherit;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.system-add-btn:hover{background:#00d4ff14;border-color:var(--accent);color:var(--text)}.system-add-btn svg{flex-shrink:0}.no-systems-message{padding:20px 16px;text-align:center;color:var(--text-muted);font-size:13px}.no-systems-message p{margin:0}.sidebar-bottom{display:flex;align-items:center;gap:12px;margin-top:auto;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:12px}.sidebar-bottom .sign-out-icon-btn{align-self:center}.sign-out-icon-btn{background:none!important;border:none!important;color:var(--error);padding:4px;min-width:auto;width:auto;display:flex;align-items:center;justify-content:center;box-shadow:none!important}.sign-out-icon-btn:hover{background:none}.sidebar-profile-simple{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text);padding:0;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;text-align:left}.sidebar-profile-simple:hover{opacity:.8}.sidebar-profile-simple .profile-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.sidebar-profile-simple .profile-plan{font-size:12px;color:var(--text-muted);line-height:1.3}.sidebar-actions{display:flex;gap:8px;align-items:center}.settings-icon-btn,.permissions-icon-btn{background:none!important;border:none!important;color:var(--text-muted);padding:4px;min-width:auto;width:auto;display:flex;align-items:center;justify-content:center;box-shadow:none!important}.settings-icon-btn:hover,.permissions-icon-btn:hover{background:none;color:var(--text)}.quick-actions-section{padding:0 8px;margin-bottom:12px}.section-header{width:100%;background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;transition:all .2s ease;font-family:inherit}.section-header:hover{color:var(--text)}.section-header-left{display:flex;align-items:center;gap:8px}.section-header-left svg{opacity:.6}.section-arrow{transition:transform .2s ease;opacity:.5}.section-arrow.expanded{transform:rotate(180deg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.quick-action-btn{background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;padding:12px 8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-family:inherit}.quick-action-btn:hover{border-color:var(--accent);background:#00d4ff0f;transform:translateY(-2px)}.quick-action-icon{color:#fff;display:flex;align-items:center;justify-content:center}.quick-action-name{font-size:11px;font-weight:500;color:var(--text);text-align:center;line-height:1.3}.pdf-upload-zone{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px dashed var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease;display:none;gap:24px;align-items:stretch;min-height:200px}.pdf-upload-zone.visible{display:flex}.pdf-upload-zone.dragover{border-color:var(--accent);background:#00d4ff1a}.pdf-upload-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:20px;border-right:1px solid var(--glass-border);min-height:150px;gap:16px}.pdf-upload-icon{font-size:48px;opacity:.8}.pdf-upload-text{color:var(--text);font-size:16px;line-height:1.5}.pdf-upload-text span{font-size:12px;color:var(--text-muted)}.pdf-files-list{display:flex;flex-direction:column;gap:8px;width:100%}.pdf-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .2s ease}.pdf-file-item:hover{background:#ffffff0d}.pdf-file-icon{font-size:20px;flex-shrink:0}.pdf-file-details{flex:1;min-width:0}.pdf-file-name{font-weight:600;color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-file-size{font-size:11px;color:var(--text-muted);margin-top:2px}.pdf-remove-btn{background:#ff44661a;border:1px solid rgba(255,68,102,.2);color:var(--error);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;flex-shrink:0}.pdf-remove-btn:hover{background:#f463;border-color:var(--error)}.pdf-agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;min-width:280px}.pdf-agent-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:12px 10px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit}.pdf-agent-btn:hover{background:#00d4ff0f;border-color:var(--accent);transform:translateY(-1px)}.pdf-agent-btn:active{transform:scale(.95)}.pdf-agent-btn.selected{background:#00d4ff1a;border-color:var(--accent)}.pdf-agent-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.pdf-agent-icon svg{color:#fff}.pdf-agent-label{font-size:11px;font-weight:600;color:var(--text);text-align:center;line-height:1.2}.pdf-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--glass-border)}.pdf-cancel-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.pdf-cancel-btn:hover{background:#ffffff0d;border-color:var(--text);color:var(--text)}.pdf-process-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.pdf-process-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.pdf-process-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.composer{position:sticky;bottom:0;padding:24px 32px 32px;background:linear-gradient(180deg,transparent 0%,rgba(10,14,26,.8) 20%,rgba(10,14,26,.95) 100%);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.composer-wrapper{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.composer-inner{background:var(--panel);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:20px;padding:8px 12px;display:flex;gap:8px;align-items:center;box-shadow:0 12px 48px #0006,0 0 0 1px #00d4ff1a;position:relative;transition:all .3s ease}.composer-inner:focus-within{border-color:var(--accent);box-shadow:0 12px 48px #0006,0 0 0 1px var(--accent),0 0 20px #0000004d}#chat-input,.composer-input{flex:1;background:transparent;border:none;resize:none;outline:none;color:var(--text);font-size:14px;line-height:20px;max-height:120px;font-family:inherit;padding:8px}#chat-input::placeholder,.composer-input::placeholder{color:var(--text-muted)}#chat-input:disabled,.composer-input:disabled{opacity:.6;cursor:not-allowed}.file-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-muted);padding:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px}.file-btn:hover{background:#00d4ff14;border-color:var(--accent);color:var(--accent)}.file-btn:active{transform:scale(.95)}.send-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d,0 0 0 1px #00d4ff33;flex-shrink:0}.send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 0 1px #00d4ff66}.send-btn:disabled{background:#8b95a84d;cursor:not-allowed;transform:none;box-shadow:none}.tool-call-confirmation{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.2);border-radius:8px;padding:0;margin:8px 0;animation:slideInFromTop .2s ease-out;transition:all .2s ease;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-call-confirmation.risk-low,.tool-call-confirmation.risk-medium{border-left-width:3px}.tool-call-confirmation.risk-high{border-left-width:4px;background:#ef444408}.tool-call-confirmation.executing{background:#3b82f608;border-color:#3b82f626}.tool-call-confirmation.fade-out{opacity:0;transform:translateY(-10px);animation:fadeOutUp .5s ease-out forwards}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px);max-height:0;margin:0;padding:0}}.tool-call-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.06)}.tool-call-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px;flex-shrink:0}.tool-call-info{flex:1;min-width:0}.tool-call-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#fff6;margin-bottom:3px;display:flex;align-items:center;gap:8px}.risk-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.5px}.tool-call-name{font-size:13px;font-weight:400;color:#ffffffe6;font-family:SF Mono,Monaco,Consolas,Menlo,monospace;margin-bottom:4px}.tool-call-description{font-size:11px;color:#ffffff80;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.tool-call-args{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06)}.tool-call-args-toggle{width:100%;background:transparent;border:none;padding:12px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.tool-call-args-toggle:hover{background:#ffffff08}.args-arrow{font-size:10px;color:#fff6;transition:transform .2s;display:inline-block}.args-arrow.expanded{transform:rotate(90deg)}.tool-call-args-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#ffffff59}.tool-call-args-content{display:flex;flex-direction:column;gap:4px;padding:0 14px 12px}.tool-call-arg{display:flex;gap:8px;font-size:12px;line-height:1.6}.arg-key{font-weight:400;color:#ffffff80;font-family:SF Mono,Monaco,Consolas,Menlo,monospace;flex-shrink:0}.arg-value{color:#fffc;font-family:SF Mono,Monaco,Consolas,Menlo,monospace;word-break:break-word;white-space:pre-wrap}.tool-call-actions{display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;background:#0000001a}.tool-call-btn{padding:6px 12px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;gap:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.cancel-btn{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.1)}.cancel-btn:hover:not(:disabled){background:#ffffff0d;color:#fffc;border-color:#ffffff26}.confirm-btn{background:#2563eb;color:#fff;border:1px solid rgba(37,99,235,.5)}.confirm-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.tool-call-btn:disabled{opacity:.4;cursor:not-allowed}.tool-call-btn kbd{font-family:SF Mono,Monaco,Consolas,Menlo,monospace;font-size:10px;padding:2px 4px;background:#ffffff1a;border-radius:3px;margin-left:4px}.tool-call-loading{display:flex;justify-content:flex-start;align-items:center;padding:10px 14px;background:#0000001a}.loading-spinner-container{display:flex;align-items:center;gap:10px}.loading-spinner{width:14px;height:14px;border:2px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:12px;font-weight:400;color:#fff9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.auto-approve-countdown{padding:10px 14px;background:#10b9810d;border-bottom:1px solid rgba(255,255,255,.06)}.countdown-bar-container{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.countdown-bar{height:100%;transition:width .1s linear;border-radius:2px}.countdown-text{font-size:11px;color:#fff9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;text-align:center}@media (prefers-color-scheme: light){.tool-call-confirmation{background:#00000005;border-color:#00000014}.tool-call-header{background:#00000008;border-bottom-color:#0000000f}.tool-call-icon{background:#0000000d}.tool-call-title{color:#0006}.tool-call-name{color:#000000d9}.tool-call-args{border-bottom-color:#0000000f}.tool-call-args-label{color:#0006}.arg-key{color:#00000080}.arg-value{color:#000c}.tool-call-actions{background:#00000005}.cancel-btn{color:#0009;border-color:#0000001a}.cancel-btn:hover:not(:disabled){background:#0000000d;color:#000c;border-color:#00000026}.tool-call-loading{background:#00000005}.loading-text{color:#0009}.tool-call-description{color:#00000080}.auto-approve-countdown{background:#10b98114;border-bottom-color:#0000000f}.countdown-bar-container{background:#0000001a}.countdown-text{color:#0009}}.chat-area{display:flex;flex-direction:column;height:100vh;position:relative}.chat-messages{flex:1;overflow-y:auto;position:relative;z-index:1}.chat-header{display:flex;justify-content:flex-end;align-items:center;padding:16px 32px 0;margin-bottom:16px}.chat-header-left{display:flex;align-items:center}.connected-system-btn{background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:6px}.connected-system-btn:hover{background:#00d4ff0d;border:1px solid rgba(0,212,255,.2)}.connected-system{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.connected-system-btn:hover .connected-system{color:var(--accent)}.switch-icon{flex-shrink:0;color:var(--text-muted);transition:all .2s ease}.connected-system-btn:hover .switch-icon{color:var(--accent)}.chat-messages-inner{max-width:1000px;margin:0 auto;padding:0 32px 140px}.message{display:flex;gap:12px;margin-bottom:20px;align-items:flex-start;max-width:100%;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 16px #0003}.message.user .message-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 16px #0000004d}.message.assistant .message-avatar,.message.🤖 .message-avatar{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid var(--glass-border)}.message-content{max-width:75%;min-width:60px;width:fit-content;background:var(--panel);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:16px;padding:12px 16px;line-height:1.5;font-size:14px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;box-shadow:0 8px 32px #0000004d;position:relative}.message.user .message-content{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:var(--accent);box-shadow:0 8px 32px #0000004d}.message-content strong{font-weight:600;color:var(--accent)}.dash-list{margin:12px 0;padding:16px;background:#00d4ff08;border-left:3px solid var(--accent);border-radius:8px}.dash-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;line-height:1.6}.dash-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.dash-bullet{color:var(--accent);font-size:18px;font-weight:700;flex-shrink:0;margin-top:-2px}.dash-content{flex:1;font-size:14px;color:var(--text)}.message.user .dash-list{background:#ffffff1a;border-left-color:#ffffff80}.message.user .dash-bullet{color:#ffffffe6}.message.user .dash-content{color:#fff}.message.user .dash-item:not(:last-child){border-bottom-color:#ffffff26}.message-grid{margin:12px 0;border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;background:#0003}.grid-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--glass-border)}.grid-row:not(:last-child){border-bottom:1px solid var(--glass-border)}.grid-cell{padding:10px 12px;background:var(--panel);font-size:13px;line-height:1.4}.grid-row:first-child .grid-cell{font-weight:600;background:#00d4ff1a;color:var(--accent)}.markdown-table .grid-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.markdown-table .table-header .grid-cell{font-weight:600;background:#00d4ff26;color:var(--accent);text-align:center;padding:12px}.grid-cell:not(:last-child){border-right:1px solid var(--glass-border)}.message.user .message-grid{background:#ffffff1a;border-color:#fff3}.message.user .grid-row{background:#ffffff1a}.message.user .grid-cell{background:#ffffff0d;color:#fff;border-color:#ffffff1a}.message.user .grid-row:first-child .grid-cell{background:#ffffff26;font-weight:600}.chat-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-style:italic;font-size:14px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.loading-dots{display:flex;gap:4px;margin-left:8px}.loading-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:loading-dot 1.4s infinite ease-in-out}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes loading-dot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.tool-logs-panel{position:fixed;bottom:100px;right:20px;width:400px;max-height:500px;background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tool-logs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.tool-logs-title{font-size:13px;font-weight:600;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.tool-logs-close{background:transparent;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.tool-logs-close:hover{background:#ffffff1a;color:#ffffffe6}.tool-logs-content{max-height:450px;overflow-y:auto;padding:8px}.tool-log-entry{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin-bottom:8px;font-size:12px;transition:all .15s ease}.tool-log-entry:hover{background:#ffffff0d;border-color:#ffffff1f}.tool-log-entry.status-pending{border-left:3px solid #f59e0b}.tool-log-entry.status-success{border-left:3px solid #10b981}.tool-log-entry.status-error{border-left:3px solid #ef4444}.tool-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tool-log-name{font-family:SF Mono,Monaco,Consolas,Menlo,monospace;font-size:12px;font-weight:500;color:#ffffffe6}.tool-log-status{font-size:14px}.tool-log-time{font-size:10px;color:#fff6;margin-bottom:8px;font-family:SF Mono,Monaco,Consolas,Menlo,monospace}.tool-log-details{margin-top:8px;cursor:pointer}.tool-log-details summary{font-size:11px;color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-weight:500}.tool-log-details summary:hover{color:#fffc}.tool-log-details pre{margin-top:6px;padding:8px;background:#0000004d;border-radius:4px;font-size:10px;font-family:SF Mono,Monaco,Consolas,Menlo,monospace;color:#ffffffb3;overflow-x:auto;max-height:200px;overflow-y:auto}.tool-log-error{margin-top:8px;padding:8px;background:#ef44441a;border-radius:4px;color:#fca5a5;font-size:11px}.tool-logs-show-btn{position:fixed;bottom:120px;right:20px;background:#000000e6;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.tool-logs-show-btn:hover{background:#000000f2;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tool-logs-content::-webkit-scrollbar{width:6px}.tool-logs-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tool-logs-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tool-logs-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--panel);border:1px solid var(--glass-border);border-radius:16px;max-width:800px;width:90%;height:600px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}.modal-content .dot-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-back-floating{position:absolute;top:20px;left:20px;background:#00000080;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-back-floating:hover{background:#000000b3;transform:scale(1.1)}.modal-close-custom{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-custom:hover{background:#000000b3;transform:scale(1.1)}.modal-body{padding:40px;overflow:hidden;flex:1;display:flex;flex-direction:column;position:relative;z-index:2;background:#0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.permission-card{background:var(--panel-2);border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:all .2s ease}.permission-card:hover{transform:translateY(-2px);border-color:#00d4ff66;background:#00d4ff0a;box-shadow:0 4px 12px #00d4ff1a}.permission-card-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start}.permission-card-info{display:flex;flex-direction:column;gap:4px;flex:1}.permission-card-toggle{margin-left:12px;flex-shrink:0}.permission-card-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.permission-card-subtitle{font-family:Courier New,monospace;font-size:11px;color:var(--accent);opacity:.8}.permission-card-desc{font-size:12px;line-height:1.5;color:var(--text-muted)}.permission-toggle{position:relative;width:40px;height:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s ease;outline:none;padding:0}.permission-toggle:hover{border-color:var(--accent);background:#00d4ff1a}.permission-toggle.enabled{background:var(--accent);border-color:var(--accent)}.permission-toggle.disabled{background:var(--glass-bg);border-color:var(--glass-border)}.permission-toggle-slider{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0003}.permission-toggle.enabled .permission-toggle-slider{transform:translate(20px)}.permission-toggle.disabled .permission-toggle-slider{transform:translate(0)}.permissions-content{max-height:500px;overflow-y:auto;padding-right:8px}.permissions-content::-webkit-scrollbar{width:6px}.permissions-content::-webkit-scrollbar-track{background:transparent}.permissions-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.permissions-content::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.permissions-section{margin-bottom:32px}.permissions-section:last-of-type{margin-bottom:0}.permissions-section-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:10px}.permissions-section-title span{color:var(--text)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.permissions-summary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin-top:24px}.permissions-summary-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.permissions-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.permissions-summary-item{font-size:14px;color:var(--text-muted)}.permissions-summary-item strong{color:var(--accent);font-weight:600}.permissions-summary-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:#00d4ff14;border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.settings-content{max-height:500px;overflow-y:auto;padding-right:8px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.settings-section{margin-bottom:24px}.settings-section h4{font-size:16px;font-weight:600;color:var(--accent);margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.input-field{width:100%;padding:12px 16px;background:var(--panel-2);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff1a}.input-field::placeholder{color:var(--text-muted)}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--glass-border)}.onboarding-content{padding:0;max-width:100%;margin:0;height:100%;display:flex;flex-direction:column}.welcome-step{text-align:center;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:center}.welcome-logo{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.welcome-logo img{width:64px;height:64px}.welcome-step h2{font-size:32px;font-weight:700;color:var(--text);margin-bottom:12px}.welcome-subtitle{font-size:16px;color:var(--text-muted);margin-bottom:40px}.welcome-steps{display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0;position:relative;padding:0 20px}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:1;max-width:180px}.step-icon{width:60px;height:60px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;transition:all .3s ease}.step-icon:hover{background:#00d4ff1a;transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff33}.step-item span{font-size:15px;color:var(--text);font-weight:600;line-height:1.4}.step-item:not(:last-child):after{content:"";position:absolute;top:30px;right:-30px;width:60px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(0,212,255,.3));z-index:-1}.welcome-btn{min-width:150px;max-width:200px;margin:40px auto 0;display:block}.system-step{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden}.system-step h2{font-size:28px;font-weight:700;color:var(--text);margin-bottom:8px;text-align:center}.step-subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px}.role-selection{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;margin-bottom:0}.role-label{font-size:14px;font-weight:600;color:var(--text);margin:0}.role-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s ease;min-width:120px}.role-dropdown:hover{border-color:var(--accent)}.role-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff1a}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;margin-bottom:24px;flex:1;overflow:hidden}.system-card{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:16px;padding:24px 16px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;font-family:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.system-card:hover{border-color:var(--accent);background:#00d4ff0d}.system-card-icon{font-size:48px;margin-bottom:12px;flex:1;display:flex;align-items:center;justify-content:center}.system-card-icon img[alt=Apaleo]{filter:brightness(0) invert(1);width:120px!important;height:60px!important;object-fit:contain}.system-card h3{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.system-card p{font-size:13px;color:var(--text-muted);margin:auto 0 0}.recommended-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--accent),#0099cc);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.back-btn{display:block;margin:0 auto}.back-btn-top{position:absolute;top:20px;left:20px;z-index:10}.credentials-step{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden}.credentials-step h2{font-size:28px;font-weight:700;color:var(--text);margin-bottom:8px;text-align:center}.credentials-form{margin-bottom:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-right:8px;max-height:400px}.credentials-form::-webkit-scrollbar{width:6px}.credentials-form::-webkit-scrollbar-track{background:var(--glass-bg);border-radius:3px}.credentials-form::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.credentials-form::-webkit-scrollbar-thumb:hover{background:var(--accent)}.onboarding-actions{display:flex;gap:12px;justify-content:center}.onboarding-actions button{min-width:140px}@media (max-width: 640px){.onboarding-content{padding:16px}.system-grid{grid-template-columns:1fr}.welcome-step{padding:24px 16px}.welcome-step h2{font-size:24px}.credentials-step h2,.system-step h2{font-size:22px}}.add-system-content{padding:20px;min-height:300px}.system-selection{text-align:left}.connected-systems-list,.available-systems-list{margin-bottom:32px}.section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-left:4px}.selection-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px}.system-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.connected-systems-list .system-cards{grid-template-columns:repeat(2,1fr)}.add-system-card{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit;position:relative}.add-system-card:hover{border-color:var(--accent);background:#00d4ff0d}.add-system-card.connected{border-color:#00d4aa;background:#00d4aa0d;cursor:default;position:relative}.add-system-card.connected:hover{border-color:#00d4aa;background:#00d4aa0d}.connected-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:6px 12px;background:#00d4aa26;border:1px solid #00d4aa;border-radius:20px;font-size:11px;font-weight:600;color:#00d4aa}.connected-badge svg{flex-shrink:0}.system-settings-btn{position:absolute;top:12px;right:12px;background:#0000001a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.system-settings-btn:hover{background:#00d4ff1a;border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.system-settings-btn svg{flex-shrink:0}.all-connected-message{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.add-system-card-icon{margin-bottom:12px;color:var(--accent);display:flex;align-items:center;justify-content:center}.add-system-card-icon img{border-radius:6px;object-fit:contain}.add-system-card-icon img[alt=Apaleo]{filter:brightness(0) invert(1)}.add-system-card h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.add-system-card p{font-size:12px;color:var(--text-muted);margin:0}.no-systems-available{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.system-credentials{max-height:600px;overflow-y:auto}.credentials-form{margin-bottom:20px}.form-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin-bottom:16px}.form-section h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:16px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.input-field{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--accent);background:#0000004d;box-shadow:0 0 0 3px #00d4ff1a}.field-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.demo-notice{background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:8px;padding:10px 12px;font-size:12px;color:#00d4aa;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--glass-border)}.modal-actions button{min-width:120px}:root{--bg: #0a0e1a;--bg-secondary: #0f1419;--panel: rgba(20, 25, 35, .95);--panel-2: rgba(15, 20, 30, .98);--text: #ffffff;--text-muted: #8b95a8;--accent: #00d4ff;--accent-2: #0099cc;--border: rgba(0, 212, 255, .15);--glass-bg: rgba(15, 20, 30, .6);--glass-border: rgba(255, 255, 255, .08);--success: #00ff88;--warning: #ffaa00;--error: #ff4466}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(0,212,255,.08) 0%,transparent 40%),radial-gradient(circle at 85% 70%,rgba(0,153,204,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.04) 0%,transparent 50%);z-index:0;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}#root{height:100%;position:relative;z-index:1}