:root{--bg-dark: #08080a;--bg-sidebar: #0f1013;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-active: rgba(255, 255, 255, .08);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--text-main: #ffffff;--text-dim: #94a3b8;--border-glass: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--success: #10b981;--sidebar-w: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.15) 0px,transparent 50%);color:var(--text-main);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;height:100vh;width:100vw}.glass-panel{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:24px}.sidebar{width:var(--sidebar-w);background:#0f101399;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:40px 0;z-index:100}.logo-wrap{padding:0 32px 48px;display:flex;align-items:center;gap:14px}.logo-box{width:38px;height:38px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px var(--accent-glow);overflow:hidden}.nav-link{padding:14px 32px;display:flex;align-items:center;gap:16px;color:var(--text-dim);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{color:var(--text-main);background:#ffffff08}.nav-link.active{color:var(--text-main);background:linear-gradient(90deg,rgba(59,130,246,.15) 0%,transparent 100%)}.nav-link.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--accent)}.app-viewport{flex:1;padding:40px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.chat-container{display:grid;grid-template-columns:340px 1fr;gap:24px;flex:1;overflow:hidden}.chat-list{display:flex;flex-direction:column;height:100%}.chat-item{padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;border-radius:18px;margin:4px 12px;transition:.2s}.chat-item:hover{background:var(--bg-glass-active)}.chat-item.active{background:#3b82f61f;border:1px solid rgba(59,130,246,.2)}.avatar-circle{width:48px;height:48px;background:#1e1e21;border:1px solid var(--border-glass);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.msg-bubble{max-width:65%;padding:14px 20px;border-radius:20px;font-size:14.5px;line-height:1.6;position:relative;box-shadow:0 10px 25px -5px #0003}.msg-me{align-self:flex-end;background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:0 0 20px #3b82f64d}.msg-them{align-self:flex-start;background:#1c1c1f;color:#e2e8f0;border-bottom-left-radius:4px;border:1px solid var(--border-glass)}.chat-input-area{margin-top:24px;background:#161618;border:1px solid var(--border-glass);border-radius:20px;padding:10px 10px 10px 24px;display:flex;align-items:center;gap:12px}.btn-send{width:44px;height:44px;background:var(--accent-gradient);border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px var(--accent-glow)}.btn-send:hover{transform:scale(1.05)}.section-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.section-header{padding:20px 24px;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center}.data-row{padding:16px 24px;display:flex;align-items:center;border-bottom:1px solid var(--border-glass);transition:background .2s}.data-row:hover{background:var(--bg-glass-active)}.data-row:last-child{border-bottom:none}.badge-pill{padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;border:1px solid rgba(255,255,255,.05)}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);transition:.2s}.btn-primary:hover{transform:scale(.98)}.stat-box{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.stat-label{color:var(--text-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:28px;font-weight:800}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card-neo{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:24px;padding:24px;transition:.3s}.stat-card-neo:hover{background:var(--bg-glass-active);transform:translateY(-4px)}input,select,textarea{background:#111113;border:1px solid var(--border-glass);color:#fff;padding:12px 18px;border-radius:14px;outline:none;font-size:14px}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2d;border-radius:10px}