@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{margin:0}.login-page{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#00ffff0d,#0a0a0f)}.login-page .three-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.login-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.login-page .particles .particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;box-shadow:0 0 10px #00ffff80}.login-page .login-container{position:relative;z-index:10;width:480px;padding:60px 50px}.login-page .login-container .logo-section{text-align:center;margin-bottom:50px}.login-page .login-container .logo-section .logo-wrapper{display:inline-block;margin-bottom:20px}.login-page .login-container .logo-section .logo-wrapper .logo-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border-radius:30px;border:2px solid rgba(0,255,255,.3)}.login-page .login-container .logo-section .title{font-size:2.5rem;font-weight:800;letter-spacing:.05em;margin-bottom:10px}.login-page .login-container .logo-section .subtitle{color:#fff9;font-size:.9rem;text-transform:uppercase;letter-spacing:.2em}.login-page .login-container .login-button{position:relative;overflow:hidden}.login-page .login-container .login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-page .login-container .login-button:active:before{width:300px;height:300px}.login-page .login-container .login-button.loading{pointer-events:none}.login-page .login-container .biometric-section{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.kpi-dashboard{height:100%;padding:24px;overflow-y:auto}.kpi-dashboard .dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.kpi-dashboard .dashboard-controls .section-title{font-weight:700;letter-spacing:-.02em}.kpi-dashboard .dashboard-controls .time-selector{min-width:150px}.kpi-dashboard .kpi-cards{margin-bottom:24px}.kpi-dashboard .kpi-cards .kpi-card{padding:24px;height:100%;position:relative;overflow:hidden}.kpi-dashboard .kpi-cards .kpi-card .kpi-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.kpi-dashboard .kpi-cards .kpi-card .kpi-value{font-weight:800;margin-bottom:8px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-dashboard .kpi-cards .kpi-card .kpi-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;margin-bottom:12px}.kpi-dashboard .kpi-cards .kpi-card .kpi-trend.positive{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.kpi-dashboard .kpi-cards .kpi-card .kpi-trend.negative{background:#f363;color:#f36;border:1px solid rgba(255,51,102,.3)}.kpi-dashboard .kpi-cards .kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:shimmer 3s infinite}.kpi-dashboard .dashboard-charts .chart-container{padding:24px;height:100%}.kpi-dashboard .dashboard-charts .chart-container .chart-title{margin-bottom:20px;font-weight:600;color:#ffffffe6}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.MuiChip-root{font-weight:600}.world-class-chat{height:calc(100vh - 80px);max-height:calc(100vh - 80px);width:100%;display:flex;background:transparent;position:relative;overflow:hidden}.world-class-chat .chat-area{width:100%;height:100%;max-height:calc(100vh - 140px);display:flex;flex-direction:column;background:transparent;margin-top:60px;overflow:hidden}.world-class-chat .chat-area.glass{background:transparent!important;box-shadow:none!important}.world-class-chat .chat-area .ultra-compact-header{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0009;border-bottom:1px solid rgba(0,255,255,.2);flex-shrink:0;position:sticky;top:0;z-index:100}.world-class-chat .chat-area .ultra-compact-header .MuiIconButton-root{color:#fffc}.world-class-chat .chat-area .ultra-compact-header .MuiIconButton-root:hover{background:#ffffff1a}.world-class-chat .chat-area .ultra-compact-header .MuiChip-root{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff}.world-class-chat .chat-area .ultra-compact-header .MuiButton-root{border-color:#0ff;color:#0ff;text-transform:none;padding:4px 12px}.world-class-chat .chat-area .ultra-compact-header .MuiButton-root:hover{background:#00ffff1a;border-color:#0ff}.world-class-chat .chat-area .messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 24px 100px}.world-class-chat .chat-area .messages-area::-webkit-scrollbar{width:10px}.world-class-chat .chat-area .messages-area::-webkit-scrollbar-track{background:#0003;border-radius:5px}.world-class-chat .chat-area .messages-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:5px}.world-class-chat .chat-area .messages-area .welcome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fffc}.world-class-chat .chat-area .messages-area .welcome-state svg{color:#0ff;margin-bottom:20px}.world-class-chat .chat-area .messages-area .welcome-state h5{color:#fff;margin-bottom:12px}.world-class-chat .chat-area .messages-area .welcome-state .MuiButton-root{margin-top:20px}.world-class-chat .chat-area .messages-area .message{display:flex;width:100%;margin-bottom:20px}.world-class-chat .chat-area .messages-area .message.user{justify-content:flex-end}.world-class-chat .chat-area .messages-area .message.user>*{max-width:60%;background:linear-gradient(135deg,#0ff,#08c);color:#fff;padding:12px 18px;border-radius:20px 20px 4px;box-shadow:0 4px 20px #00ffff4d}.world-class-chat .chat-area .messages-area .message.user>* p{margin:0;color:#fff}.world-class-chat .chat-area .messages-area .message.ai{justify-content:flex-start;flex-direction:column;align-items:flex-start}.world-class-chat .chat-area .messages-area .message.ai>*{max-width:80%}.world-class-chat .chat-area .messages-area .message.ai>p,.world-class-chat .chat-area .messages-area .message.ai>div>p{background:#141423e6;border:1px solid rgba(0,255,255,.2);color:#ffffffe6;padding:12px 18px;border-radius:20px 20px 20px 4px;margin:0 0 12px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.world-class-chat .chat-area .messages-area .message.ai .MuiBox-root:has(pre){background:#0009;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:12px;margin:12px 0;width:100%}.world-class-chat .chat-area .messages-area .message.ai .MuiBox-root:has(pre) pre{margin:0;color:#0ff;font-size:12px;overflow-x:auto;max-height:200px}.world-class-chat .chat-area .messages-area .message.ai .viz-container{width:100%;height:450px;min-height:400px;background:#0006;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:20px;margin:12px 0}.world-class-chat .chat-area .messages-area .message.ai .viz-container canvas{max-width:100%!important;height:auto!important}.world-class-chat .chat-area .messages-area .message.ai .viz-container .viz-toolbar{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.world-class-chat .chat-area .messages-area .message.ai .viz-container .viz-toolbar .MuiChip-root{cursor:pointer;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff}.world-class-chat .chat-area .messages-area .message.ai .viz-container .viz-toolbar .MuiChip-root:hover{background:#0ff3}.world-class-chat .chat-area .messages-area .message.ai .feedback-actions{display:flex;gap:8px;margin-top:8px}.world-class-chat .chat-area .messages-area .message.ai .feedback-actions .MuiIconButton-root{color:#ffffff4d;padding:4px}.world-class-chat .chat-area .messages-area .message.ai .feedback-actions .MuiIconButton-root:hover{background:#ffffff1a}.world-class-chat .chat-area .messages-area .loading-state{display:flex;align-items:center;gap:12px;padding:20px;color:#fff9}.world-class-chat .chat-area .suggestions-bar{min-height:50px;padding:10px 20px;display:flex;gap:8px;overflow-x:auto;background:#0006;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.world-class-chat .chat-area .suggestions-bar::-webkit-scrollbar{height:4px}.world-class-chat .chat-area .suggestions-bar .MuiChip-root{cursor:pointer;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff;flex-shrink:0}.world-class-chat .chat-area .suggestions-bar .MuiChip-root:hover{background:#0ff3}.world-class-chat .chat-area .input-bar{min-height:70px;padding:15px 20px;display:flex;gap:12px;align-items:center;background:#000c;border-top:1px solid rgba(0,255,255,.2);flex-shrink:0}.world-class-chat .chat-area .input-bar .MuiTextField-root{flex:1}.world-class-chat .chat-area .input-bar .MuiTextField-root .MuiOutlinedInput-root{color:#fff;background:#ffffff0d;border-radius:25px}.world-class-chat .chat-area .input-bar .MuiTextField-root .MuiOutlinedInput-root input{color:#fff;padding:10px 16px}.world-class-chat .chat-area .input-bar .MuiTextField-root .MuiOutlinedInput-root input::placeholder{color:#fff6}.world-class-chat .chat-area .input-bar .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#00ffff4d}.world-class-chat .chat-area .input-bar .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#0ff}.world-class-chat .chat-area .input-bar .MuiIconButton-root{color:#ffffffb3}.world-class-chat .chat-area .input-bar .MuiIconButton-root:hover{background:#ffffff1a}.world-class-chat .chat-area .input-bar .MuiIconButton-root.listening{color:#0f8}.MuiPaper-root{background:transparent!important;box-shadow:none!important}.MuiDrawer-paper{background:#0a0a14f2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.MuiDrawer-paper .MuiList-root{padding:8px}.MuiDrawer-paper .MuiList-root .MuiListItem-root{border-radius:8px;margin-bottom:4px}.MuiDrawer-paper .MuiList-root .MuiListItem-root:hover{background:#00ffff0d}.MuiDrawer-paper .MuiList-root .MuiListItem-root.Mui-selected{background:#00ffff1a;border:1px solid rgba(0,255,255,.3)}.dashboard-page{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0a0a0f;position:relative;overflow:hidden}.dashboard-page .dashboard-header{position:relative;height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);z-index:100}.dashboard-page .dashboard-header .header-left .logo{display:flex;align-items:center;gap:8px}.dashboard-page .dashboard-header .header-left .logo svg{font-size:24px}.dashboard-page .dashboard-header .header-left .logo h5{margin:0;font-weight:700;font-size:1.1rem}.dashboard-page .dashboard-header .header-center{flex:1;display:flex;justify-content:center}.dashboard-page .dashboard-header .header-center .status-indicators{display:flex;gap:8px}.dashboard-page .dashboard-header .header-center .status-indicators .status-chip{height:26px}.dashboard-page .dashboard-header .header-center .status-indicators .status-chip .MuiChip-label{font-size:.7rem;padding:0 8px}.dashboard-page .dashboard-header .header-center .status-indicators .status-chip .status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.dashboard-page .dashboard-header .header-center .status-indicators .status-chip .status-dot.active{background:#0f8;box-shadow:0 0 6px #0f8c;animation:pulse 2s infinite}.dashboard-page .dashboard-header .header-center .status-indicators .status-chip .status-dot.inactive{background:#f36}.dashboard-page .dashboard-header .header-right{display:flex;align-items:center;gap:4px}.dashboard-page .dashboard-header .header-right .MuiTypography-body2{font-size:.85rem}.dashboard-page .dashboard-header .header-right .MuiIconButton-root{padding:6px}.dashboard-page .tab-navigation{position:relative;z-index:50;margin:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);min-height:48px}.dashboard-page .tab-navigation .MuiTabs-root{min-height:48px}.dashboard-page .tab-navigation .MuiTab-root{min-height:48px;padding:6px 12px;font-size:.9rem}.dashboard-page .dashboard-content{flex:1;position:relative;z-index:10;overflow:hidden}.dashboard-page .dashboard-content>div{height:100%}@keyframes gradient-shift{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-cyan: #00ffff;--primary-magenta: #ff00ff;--primary-yellow: #ffff00;--dark-bg: #0a0a0f;--dark-surface: rgba(13, 13, 23, .95);--glass-border: rgba(255, 255, 255, .1);--glow-cyan: 0 0 30px rgba(0, 255, 255, .5);--glow-magenta: 0 0 30px rgba(255, 0, 255, .5)}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--dark-bg);color:#fff}.glass{background:#14142399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-magenta{box-shadow:var(--glow-magenta)}.gradient-text{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-magenta) 50%,var(--primary-yellow) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holographic{position:relative}.holographic:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-cyan),var(--primary-magenta),var(--primary-yellow),var(--primary-cyan));background-size:400% 400%;animation:holographic-shift 10s ease infinite;border-radius:inherit;z-index:-1;opacity:.7;filter:blur(10px)}@keyframes holographic-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-cyan) 0%,var(--primary-magenta) 100%);border-radius:4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.float-animation{animation:float 6s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}
