@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.land-root{position:relative;width:100%;min-height:100vh;background:var(--bg);overflow-x:clip;overflow-y:visible}html:has(.land-root),body:has(.land-root){overflow-y:auto!important;height:auto!important;min-height:100%!important}#root:has(.land-root){height:auto!important;min-height:100vh!important;overflow:visible!important}.land-scroll{position:relative;z-index:1;width:100%}.dime-fade-0{animation:fadeUp .8s 0s ease both}.dime-fade-1{animation:fadeUp .8s .1s ease both}.dime-fade-2{animation:fadeUp .8s .2s ease both}.dime-fade-3{animation:fadeUp .8s .3s ease both}.dime-fade-4{animation:fadeUp .8s .4s ease both}.land-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(59,210,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,210,240,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 30%,transparent 100%)}.land-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.land-orb-1{width:500px;height:500px;background:#3bd2f012;top:-150px;left:-100px;animation:drift1 18s ease-in-out infinite}.land-orb-2{width:400px;height:400px;background:#1464b40f;bottom:0;right:-80px;animation:drift2 22s ease-in-out infinite}.land-orb-3{width:300px;height:300px;background:#3bd2f00a;top:40%;left:60%;animation:drift3 15s ease-in-out infinite}.land-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;height:68px;background:#080c10bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.land-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.land-nav-mark{width:34px;height:34px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:800;color:#080c10;box-shadow:var(--shadow-brand);flex-shrink:0}.land-nav-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text)}.land-nav-sub{font-size:10px;color:var(--muted);margin-top:1px}.land-nav-links{display:flex;align-items:center;gap:32px}.land-nav-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.land-nav-links a:hover{color:var(--brand)}.land-nav-cta{padding:8px 20px;background:var(--brand);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;color:#080c10;cursor:pointer;box-shadow:var(--shadow-brand);transition:opacity .2s,box-shadow .2s}.land-nav-cta:hover{opacity:.88;box-shadow:var(--shadow-brand-lg)}.land-hero{position:relative;overflow:hidden;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0f14}.grid-face-bg{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);will-change:transform;background-image:url(/assets/gridface-DvlLPVUf.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.25;filter:drop-shadow(0 0 25px rgba(0,255,255,.35)) brightness(1.1);pointer-events:none;z-index:0}.land-hero-title,.land-hero-sub,.land-hero-actions,.land-hero-badge,.terminal{position:relative;z-index:2}.land-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--border-hi);background:var(--brand-dim);margin-bottom:28px;font-size:12px;font-weight:500;color:var(--brand);letter-spacing:.04em}.land-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse 2s infinite}.land-hero-title{font-family:var(--font-display);font-size:clamp(42px,7vw,84px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:24px}.land-hero-title-accent{color:var(--brand);position:relative}.land-hero-title-accent:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);animation:shimmer 3s infinite}.land-hero-sub{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:580px;font-weight:300;line-height:1.7;margin-bottom:44px}.land-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.land-btn-primary{padding:14px 32px;background:var(--brand);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:500;color:#080c10;cursor:pointer;box-shadow:0 0 32px var(--brand-glow);display:flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s}.land-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #3bd2f080}.land-btn-secondary{padding:14px 32px;background:transparent;border:1px solid var(--border-hi);border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.land-btn-secondary:hover{background:var(--brand-dim);border-color:var(--brand);transform:translateY(-2px)}.land-terminal-wrap{position:relative;width:100%;max-width:780px;margin-top:72px}.land-terminal{background:#080e14;border:1px solid var(--border-hi);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 60px #3bd2f01a,var(--shadow-dark)}.land-terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0a1118;border-bottom:1px solid var(--border)}.land-terminal-dot{width:12px;height:12px;border-radius:50%}.land-terminal-title{font-size:12px;color:var(--muted);margin-left:8px}.land-terminal-body{padding:24px 28px;font-family:var(--font-mono);font-size:13px;line-height:1.8;min-height:220px}.land-terminal-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px;opacity:0;animation:lineIn .3s ease forwards}.land-terminal-prompt{color:var(--brand);flex-shrink:0}.land-terminal-user{color:#93b4d0}.land-terminal-ai{color:var(--text)}.land-terminal-action{color:var(--amber)}.land-terminal-success{color:var(--green)}.land-terminal-cursor{display:inline-block;width:8px;height:14px;background:var(--brand);animation:blink .8s infinite;vertical-align:middle;margin-top:4px}.land-terminal-glow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:60%;height:80px;background:var(--brand);filter:blur(60px);opacity:.08;border-radius:50%;pointer-events:none}.land-stats{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 6vw;background:#0d111799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.land-stat{flex:1;max-width:220px;padding:32px 24px;text-align:center;border-right:1px solid var(--border)}.land-stat:last-child{border-right:none}.land-stat-num{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--brand);display:block;line-height:1;margin-bottom:6px}.land-stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.land-section{position:relative;z-index:1;padding:100px 6vw}.land-section-alt{background:#0d111780;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.land-section-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.land-section-tag:before{content:"";display:inline-block;width:24px;height:1px;background:var(--brand)}.land-section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.land-section-sub{font-size:17px;color:var(--muted);font-weight:300;max-width:520px;line-height:1.7}.land-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:60px}.land-cap-card{background:var(--card);padding:36px 32px;transition:background .2s;cursor:default;position:relative;overflow:hidden}.land-cap-card:hover{background:var(--raised)}.land-cap-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(59,210,240,.05),transparent 60%);opacity:0;transition:opacity .3s}.land-cap-card:hover:before{opacity:1}.land-cap-icon{width:44px;height:44px;border-radius:10px;background:var(--brand-dim);border:1px solid var(--border-hi);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.land-cap-icon svg{width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.land-cap-title{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:10px}.land-cap-desc{font-size:14px;color:var(--muted);line-height:1.7;font-weight:300}.land-cap-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.land-cap-tag{font-size:10px;padding:3px 10px;border-radius:var(--radius-full);background:var(--brand-dim);border:1px solid var(--border);color:var(--brand);font-weight:500;letter-spacing:.04em}.land-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.land-how-steps{display:flex;flex-direction:column;gap:0}.land-how-step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s}.land-how-step:first-child{padding-top:0}.land-how-step:last-child{border-bottom:none}.land-step-num{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--raised);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--muted);transition:all .3s}.land-how-step.active .land-step-num{background:var(--brand);color:#080c10;border-color:var(--brand);box-shadow:0 0 20px var(--brand-glow)}.land-step-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text);transition:color .2s}.land-how-step.active .land-step-title{color:var(--brand)}.land-step-body{font-size:14px;color:var(--muted);line-height:1.7;font-weight:300}.land-how-visual{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;min-height:280px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.land-how-visual:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:#3bd2f00d;filter:blur(40px)}.land-vc-wrap{display:flex;flex-direction:column;gap:16px}.land-vc-msg{display:flex;gap:10px;align-items:flex-start}.land-vc-msg.user{flex-direction:row-reverse}.land-vc-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.land-vc-av.ai{background:var(--brand-dim);color:var(--brand);border:1px solid var(--border-hi)}.land-vc-av.usr{background:var(--brand);color:#080c10}.land-vc-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;max-width:80%}.land-vc-msg.ai .land-vc-bubble{background:var(--raised);color:var(--text);border:1px solid var(--border)}.land-vc-msg.user .land-vc-bubble{background:var(--brand);color:#080c10}.land-vc-action{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:12px;color:var(--green);margin-left:38px}.land-int-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:60px}.land-int-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;cursor:default}.land-int-card:hover{border-color:var(--border-hi);background:var(--raised);transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.land-int-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.land-int-name{font-size:13px;font-weight:500;color:var(--text)}.land-int-type{font-size:11px;color:var(--muted)}.land-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:60px}.land-price-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:36px 32px;position:relative}.land-price-card.featured{background:linear-gradient(135deg,#0a1520,#0d1117);border-color:var(--brand-glow)}.land-price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--brand);border-radius:var(--radius-full);font-size:11px;font-weight:700;color:#080c10;white-space:nowrap}.land-price-name{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:8px}.land-price-tagline{font-size:14px;color:var(--muted);margin-bottom:16px}.land-price-amount{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--brand);line-height:1;margin-bottom:4px}.land-price-amount span{font-size:18px;color:var(--muted);font-weight:400}.land-price-period{font-size:13px;color:var(--muted);margin-bottom:28px}.land-price-divider{height:1px;background:var(--border);margin-bottom:24px}.land-price-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.land-price-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.land-price-features li:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0}.land-price-btn{width:100%;padding:13px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.land-price-btn.outline{background:transparent;border:1px solid var(--border-hi);color:var(--text)}.land-price-btn.outline:hover{background:var(--brand-dim);border-color:var(--brand)}.land-price-btn.solid{background:var(--brand);border:none;color:#080c10;box-shadow:0 0 24px var(--brand-glow)}.land-price-btn.solid:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.land-cta-section{position:relative;z-index:1;padding:80px 6vw 120px;text-align:center}.land-cta-card{background:var(--card);border:1px solid var(--border-hi);border-radius:24px;padding:80px 40px;position:relative;overflow:hidden;max-width:900px;margin:0 auto}.land-cta-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent)}.land-cta-card:after{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:120px;background:var(--brand);filter:blur(60px);opacity:.1;border-radius:50%}.land-cta-title{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.land-cta-sub{font-size:17px;color:var(--muted);margin-bottom:40px;font-weight:300}.land-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.land-footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:40px 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.land-footer-brand{display:flex;align-items:center;gap:10px}.land-footer-mark{width:28px;height:28px;border-radius:7px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;font-weight:800;color:#080c10}.land-footer-copy{font-size:13px;color:var(--muted)}.land-footer-links{display:flex;gap:24px}.land-footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.land-footer-links a:hover{color:var(--brand)}@media (max-width: 1024px){.land-how-grid{grid-template-columns:1fr}.land-how-visual{display:none}}@media (max-width: 768px){.land-nav-links{display:none}.land-stats{flex-wrap:wrap}.land-stat{border-right:none;border-bottom:1px solid var(--border);min-width:50%}.land-stat:last-child{border-bottom:none}.land-cta-card{padding:48px 24px}}@media (max-width: 480px){.land-hero-actions{flex-direction:column;width:100%}.land-btn-primary,.land-btn-secondary{width:100%;justify-content:center}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04080ee0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;animation:overlayIn .22s ease both}.login-modal{position:relative;width:min(440px,100%);background:#0c1420;border:1px solid var(--border-hi);border-radius:20px;padding:36px 36px 32px;box-shadow:0 0 0 1px #3bd2f00d,0 24px 64px #000000bf,0 0 48px #3bd2f012;animation:modalIn .28s cubic-bezier(.34,1.4,.64,1) both;overflow:hidden;flex-shrink:0}.login-modal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent)}.login-modal:after{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:180px;height:60px;background:var(--brand);filter:blur(40px);opacity:.08;border-radius:50%;pointer-events:none}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.login-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--raised);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s;z-index:2}.login-close:hover{border-color:var(--border-hi);color:var(--text);background:var(--card)}.login-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.login-modal-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-modal-mark{width:34px;height:34px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:800;color:#080c10;box-shadow:0 0 14px #3bd2f066;flex-shrink:0}.login-modal-name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text)}.login-modal-sub{font-size:10px;color:var(--muted);margin-top:1px}.auth-root{min-height:100vh;width:100%;display:flex;background:var(--bg);overflow-x:hidden;overflow-y:visible}.auth-panel-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vh,56px) clamp(28px,4vw,56px);position:relative;overflow:hidden;background:var(--surface);border-right:1px solid var(--border)}.auth-panel-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,210,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,210,240,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.auth-left-orb-1{position:absolute;width:400px;height:400px;border-radius:50%;background:#3bd2f012;filter:blur(80px);top:-100px;left:-100px;pointer-events:none;animation:drift1 18s ease-in-out infinite}.auth-left-orb-2{position:absolute;width:300px;height:300px;border-radius:50%;background:#1464b40f;filter:blur(70px);bottom:0;right:0;pointer-events:none;animation:drift2 22s ease-in-out infinite}.auth-left-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.auth-left-logo-mark{width:38px;height:38px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:800;color:#080c10;box-shadow:var(--shadow-brand);flex-shrink:0}.auth-left-logo-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text)}.auth-left-logo-sub{font-size:11px;color:var(--muted);margin-top:2px}.auth-left-body{position:relative;z-index:1}.auth-left-headline{font-family:var(--font-display);font-size:clamp(24px,2.8vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}.auth-left-headline-accent{color:var(--brand)}.auth-left-sub{font-size:14px;color:var(--muted);font-weight:300;line-height:1.7;margin-bottom:28px;max-width:360px}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feature{display:flex;align-items:flex-start;gap:12px;animation:slideIn .5s ease both}.auth-feature:nth-child(1){animation-delay:.1s}.auth-feature:nth-child(2){animation-delay:.2s}.auth-feature:nth-child(3){animation-delay:.3s}.auth-feature:nth-child(4){animation-delay:.4s}.auth-feature:nth-child(5){animation-delay:.5s}.auth-feature:nth-child(6){animation-delay:.6s}.auth-feature-icon{width:32px;height:32px;border-radius:8px;background:var(--brand-dim);border:1px solid var(--border-hi);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-icon svg{width:15px;height:15px;stroke:var(--brand);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-feature-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.auth-feature-desc{font-size:11px;color:var(--muted);font-weight:300;line-height:1.5}.auth-testimonial{position:relative;z-index:1;padding:16px 20px;background:#3bd2f00d;border:1px solid var(--border);border-radius:12px;margin-top:4px}.auth-testimonial-text{font-size:12px;color:var(--muted);font-style:italic;font-weight:300;line-height:1.6;margin-bottom:10px}.auth-testimonial-text:before{content:'"';color:var(--brand);font-style:normal}.auth-testimonial-text:after{content:'"';color:var(--brand);font-style:normal}.auth-testimonial-author{display:flex;align-items:center;gap:10px}.auth-testimonial-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#080c10;flex-shrink:0}.auth-testimonial-name{font-size:12px;font-weight:600;color:var(--text)}.auth-testimonial-role{font-size:11px;color:var(--muted)}.auth-panel-right{width:clamp(320px,44%,500px);flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:clamp(40px,6vh,72px) clamp(24px,4vw,56px);background:var(--bg);position:relative}.auth-form-wrap{width:100%;max-width:340px;animation:scaleIn .4s ease both}.auth-form-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;color:var(--text)}.auth-form-sub{font-size:13px;color:var(--muted);font-weight:300;margin-bottom:24px;line-height:1.6}.auth-form-sub a{color:var(--brand);text-decoration:none;font-weight:400}.auth-form-sub a:hover{text-decoration:underline}.auth-socials{display:flex;gap:10px;margin-bottom:20px}.auth-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.auth-social-btn:hover{border-color:var(--border-hi);background:var(--card)}.auth-social-btn svg{width:16px;height:16px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:11px;color:var(--faint);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-label{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.auth-input-wrap{position:relative}.auth-input{width:100%;padding:10px 36px 10px 38px;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.auth-input::placeholder{color:var(--faint)}.auth-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3bd2f01a;background:var(--card)}.auth-input.error{border-color:var(--red)}.auth-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.auth-input-icon svg{width:15px;height:15px;stroke:var(--faint);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.auth-input-wrap:focus-within .auth-input-icon svg{stroke:var(--brand)}.auth-pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--faint);display:flex;align-items:center;transition:color .2s}.auth-pw-toggle:hover{color:var(--brand)}.auth-pw-toggle svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-field-error{font-size:11px;color:var(--red);display:flex;align-items:center;gap:4px}.auth-field-error svg{width:12px;height:12px;flex-shrink:0}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-checkbox-wrap{display:flex;align-items:center;gap:7px;cursor:pointer}.auth-checkbox{width:15px;height:15px;border-radius:4px;cursor:pointer;accent-color:var(--brand);flex-shrink:0}.auth-checkbox-label{font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-forgot{font-size:12px;color:var(--brand);text-decoration:none;transition:opacity .2s}.auth-forgot:hover{opacity:.75}.auth-submit{width:100%;padding:12px;background:var(--brand);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;color:#080c10;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 24px var(--brand-glow);transition:opacity .2s,transform .2s,box-shadow .2s;margin-top:4px}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-brand-lg)}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-spinner{width:17px;height:17px;border:2px solid rgba(8,12,16,.25);border-top-color:#080c10;border-radius:50%;animation:spin .7s linear infinite}.auth-pw-strength{margin-top:5px}.auth-pw-bar-wrap{display:flex;gap:4px;margin-bottom:4px}.auth-pw-bar{flex:1;height:3px;border-radius:2px;background:var(--raised);transition:background .3s}.auth-pw-bar.weak{background:var(--red)}.auth-pw-bar.fair{background:var(--amber)}.auth-pw-bar.good{background:#84cc16}.auth-pw-bar.strong{background:var(--green)}.auth-pw-label{font-size:11px;color:var(--muted)}.auth-terms{font-size:11px;color:var(--faint);text-align:center;line-height:1.6;margin-top:6px}.auth-terms a{color:var(--muted);text-decoration:underline;transition:color .2s}.auth-terms a:hover{color:var(--brand)}.auth-success{text-align:center;padding:32px 0;animation:scaleIn .4s ease both}.auth-success-icon{width:60px;height:60px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-success-icon svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-success-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:8px}.auth-success-sub{font-size:13px;color:var(--muted);line-height:1.6}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--radius-md);font-size:12px;line-height:1.5}.auth-alert.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.auth-alert.info{background:var(--brand-dim);border:1px solid var(--border-hi);color:var(--brand)}.auth-alert svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 900px){.auth-panel-left{display:none}.auth-panel-right{width:100%;min-height:100vh;align-items:center;padding:48px 32px}.auth-form-wrap{max-width:400px}}@media (max-width: 480px){.login-modal{padding:28px 20px 24px;border-radius:16px}.login-modal-logo{margin-bottom:16px}.auth-panel-right{padding:32px 20px 48px;align-items:flex-start}.auth-form-wrap{max-width:100%}.auth-field-row{grid-template-columns:1fr;gap:14px}.auth-socials{flex-direction:column}.auth-form-title{font-size:22px}}@media (max-height: 600px){.login-overlay{align-items:flex-start;padding-top:16px;padding-bottom:16px}.login-modal{padding:24px 28px 20px}}:root{--brand: #3bd2f0;--brand-dim: rgba(59, 210, 240, .08);--brand-mid: rgba(59, 210, 240, .15);--brand-glow: rgba(59, 210, 240, .25);--brand-dark: rgba(59, 210, 240, .06);--bg: #080c10;--surface: #0d1117;--raised: #111820;--card: #131b24;--border: rgba(59, 210, 240, .12);--border-hi: rgba(59, 210, 240, .28);--text: #e2eaf3;--muted: #7a90a8;--faint: #3a4a5a;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-brand: 0 0 20px rgba(59, 210, 240, .3);--shadow-brand-lg: 0 0 40px rgba(59, 210, 240, .4);--shadow-dark: 0 20px 60px rgba(0, 0, 0, .5)}:root :root{--font-display: "Inter", "Helvetica Neue", Arial, sans-serif;--font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "Source Code Pro", "Fira Code", monospace}html,body{scroll-behavior:smooth;height:auto;min-height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--brand-glow);border-radius:4px}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(40px,60px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-40px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(-30px,50px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shimmer{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes lineIn{to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#04080eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;animation:demoOverlayIn .22s ease both}@keyframes demoOverlayIn{0%{opacity:0}to{opacity:1}}.demo-modal{width:min(1060px,100%);background:#0a1018;border:1px solid rgba(59,210,240,.2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 32px 80px #000c,0 0 60px #3bd2f00f;animation:demoModalIn .3s cubic-bezier(.34,1.3,.64,1) both;flex-shrink:0}@keyframes demoModalIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(59,210,240,.1);background:#0d1420;flex-shrink:0}.demo-header-left{display:flex;align-items:center;gap:10px}.demo-logo-mark{width:32px;height:32px;border-radius:8px;background:var(--brand, #3bd2f0);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:13px;font-weight:800;color:#080c10;box-shadow:0 0 14px #3bd2f066;flex-shrink:0}.demo-logo-name{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:#e2eaf3}.demo-logo-sub{font-size:10px;color:#7a90a8;margin-top:1px}.demo-close{width:30px;height:30px;border-radius:7px;border:1px solid rgba(59,210,240,.15);background:#111820;color:#7a90a8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s}.demo-close:hover{border-color:#3bd2f04d;color:#e2eaf3;background:#161f2e}.demo-tabs{display:flex;overflow-x:auto;border-bottom:1px solid rgba(59,210,240,.1);background:#0d1420;flex-shrink:0;scrollbar-width:none}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:10px 18px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.demo-tab:hover{background:#3bd2f00d}.demo-tab.active{border-bottom-color:var(--tab-accent, #3bd2f0);background:#3bd2f00f}.demo-tab-tag{font-size:10px;font-weight:700;color:#3a4a5a;font-family:Syne,sans-serif}.demo-tab.active .demo-tab-tag{color:var(--tab-accent, #3bd2f0)}.demo-tab-label{font-size:12px;font-weight:500;color:#7a90a8}.demo-tab.active .demo-tab-label{color:#e2eaf3}.demo-scene{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0}.demo-scene-info{padding:28px 24px;border-right:1px solid rgba(59,210,240,.1);display:flex;flex-direction:column;gap:14px;background:#0a1018}.demo-scene-tag{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:99px;border:1px solid;width:fit-content}.demo-scene-title{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:#e2eaf3;line-height:1.2;letter-spacing:-.01em;margin:0}.demo-scene-desc{font-size:13px;color:#7a90a8;line-height:1.7;font-weight:300;margin:0}.demo-progress{display:flex;gap:6px;margin-top:4px}.demo-progress-dot{width:8px;height:8px;border-radius:50%;background:#1e2d3d;border:none;cursor:pointer;transition:background .2s,transform .2s}.demo-progress-dot.active{background:var(--dot-accent, #3bd2f0);transform:scale(1.2)}.demo-controls{display:flex;align-items:center;gap:8px;margin-top:auto}.demo-ctrl-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(59,210,240,.2);background:#111820;color:#7a90a8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.demo-ctrl-btn:hover{background:#3bd2f01a;color:#e2eaf3;border-color:#3bd2f059}.demo-ctrl-play{width:40px;height:40px}.demo-scene-mockup{padding:20px;background:#080c10;display:flex;align-items:stretch}.demo-mockup-wrap{flex:1;position:relative;border-radius:12px;overflow:hidden}.demo-mockup-shell{width:100%;height:100%;background:#0d1117;border-radius:12px;border:1px solid rgba(59,210,240,.12);display:flex;flex-direction:column;overflow:hidden}.demo-mockup-bar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#161b22;border-bottom:1px solid rgba(59,210,240,.08);flex-shrink:0}.demo-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.demo-mockup-title{font-size:11px;color:#3a4a5a;margin-left:8px}.demo-mockup-body{flex:1;overflow:hidden}.demo-split{display:grid;grid-template-columns:1fr 1fr;height:100%}.demo-split-chat{padding:14px;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(59,210,240,.08);justify-content:flex-end}.demo-split-panel{padding:14px;display:flex;flex-direction:column;gap:8px}.demo-user-bubble{align-self:flex-end;background:#3bd2f0;color:#080c10;font-size:12px;line-height:1.5;padding:8px 12px;border-radius:10px 10px 3px;max-width:85%}.demo-ai-bubble{display:flex;gap:8px;align-items:flex-start;animation:demoFadeUp .3s ease both}@keyframes demoFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-ai-av{width:24px;height:24px;border-radius:50%;background:#3bd2f01a;color:#3bd2f0;border:1px solid rgba(59,210,240,.25);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.demo-ai-text{background:#161b22;color:#c9d1d9;font-size:11px;line-height:1.6;padding:8px 10px;border-radius:2px 8px 8px;border:1px solid rgba(59,210,240,.08)}.demo-chat-input-row{display:flex;gap:6px;align-items:center;background:#161b22;border:1px solid rgba(59,210,240,.2);border-radius:8px;padding:7px 10px}.demo-chat-input{flex:1;font-size:11px;color:#e2eaf3;min-height:16px}.demo-cursor-blink{display:inline-block;width:1px;height:12px;background:#3bd2f0;margin-left:1px;vertical-align:middle;animation:demoBlink .8s infinite}@keyframes demoBlink{0%,to{opacity:1}50%{opacity:0}}.demo-send-btn{width:26px;height:26px;border-radius:6px;background:#3bd2f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-panel-title{font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:#7a90a8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.demo-task-item{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:7px;background:#161b22;border:1px solid rgba(59,210,240,.06)}.demo-task-item.demo-task-active{border-color:#3bd2f040;background:#3bd2f00d}.demo-task-check{width:14px;height:14px;border-radius:50%;border:1.5px solid #3a4a5a;flex-shrink:0;margin-top:2px}.demo-task-check.done{background:#22c55e;border-color:#22c55e}.demo-task-name{font-size:11px;color:#c9d1d9;font-weight:500}.demo-task-highlight{color:#3bd2f0}.demo-task-meta{font-size:10px;color:#3a4a5a;margin-top:2px}.demo-task-done .demo-task-name{text-decoration:line-through;color:#3a4a5a}.demo-cal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.demo-cal-cell{background:#161b22;border-radius:6px;padding:6px;border:1px solid rgba(59,210,240,.06);min-height:60px}.demo-cal-cell.demo-cal-active{border-color:#3bd2f04d;background:#3bd2f00f}.demo-cal-day{font-size:10px;color:#7a90a8;margin-bottom:4px}.demo-cal-event{font-size:10px;color:#3bd2f0;background:#3bd2f01a;border-radius:4px;padding:3px 5px;line-height:1.4}.demo-cal-event.demo-cal-faded{color:#7a90a8;background:#ffffff0a}.demo-invite-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.demo-invite-label{font-size:10px;color:#7a90a8}.demo-invite-chips{display:flex;gap:3px}.demo-invite-av{width:22px;height:22px;border-radius:50%;background:#3bd2f026;color:#3bd2f0;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,210,240,.25)}.demo-email-card{background:#161b22;border:1px solid rgba(59,210,240,.15);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.demo-email-row{display:flex;gap:8px;align-items:baseline;font-size:10px}.demo-email-lbl{color:#3a4a5a;flex-shrink:0;min-width:44px}.demo-email-val{color:#7a90a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-email-body{font-size:10px;color:#7a90a8;line-height:1.6;border-top:1px solid rgba(59,210,240,.07);padding-top:6px}.demo-email-actions{display:flex;gap:6px}.demo-email-btn{padding:5px 12px;border-radius:5px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid rgba(59,210,240,.2);color:#7a90a8;background:transparent}.demo-email-send{background:#3bd2f0;color:#080c10;border-color:transparent}.demo-doc-card{display:flex;gap:8px;align-items:center;background:#161b22;border:1px solid rgba(59,210,240,.06);border-radius:7px;padding:8px 10px}.demo-doc-card.demo-doc-active{border-color:#3bd2f04d}.demo-doc-icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.demo-doc-name{font-size:11px;color:#c9d1d9;font-weight:500}.demo-doc-meta{font-size:10px;color:#3a4a5a;margin-top:2px}.demo-doc-answer{margin-top:4px;padding:8px 10px;background:#3bd2f00d;border:1px solid rgba(59,210,240,.2);border-radius:7px}.demo-doc-answer-label{font-size:10px;color:#7a90a8;margin-bottom:3px}.demo-doc-answer-val{font-size:16px;font-weight:700;color:#3bd2f0;font-family:Syne,sans-serif}.demo-conn-card{display:flex;gap:8px;align-items:center;background:#161b22;border:1px solid rgba(59,210,240,.06);border-radius:7px;padding:8px 10px}.demo-conn-card.demo-conn-active{border-color:#22c55e4d}.demo-conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.demo-conn-name{font-size:11px;color:#c9d1d9;font-weight:500}.demo-conn-meta{font-size:10px;color:#3a4a5a;margin-top:2px}.demo-api-log{background:#080c10;border:1px solid rgba(59,210,240,.1);border-radius:7px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-family:Fira Code,monospace}.demo-api-line{font-size:10px;color:#3a4a5a}.demo-api-line.demo-api-ok{color:#c9d1d9}.demo-api-method{color:#3bd2f0;margin-right:6px}.demo-api-param{color:#f59e0b;margin-right:6px}.demo-api-status{color:#22c55e}.demo-cursor-wrap{position:absolute;pointer-events:none;opacity:0;transform:translate(-4px,-4px);transition:left .6s cubic-bezier(.34,1.2,.64,1),top .6s cubic-bezier(.34,1.2,.64,1),opacity .3s ease;z-index:10}.demo-cursor-wrap.demo-cursor-visible{opacity:1}.demo-cursor-svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.demo-cursor-label{position:absolute;top:22px;left:10px;background:#3bd2f0;color:#080c10;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 12px #0006;animation:demoLabelIn .25s ease both}@keyframes demoLabelIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:none}}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid rgba(59,210,240,.1);background:#0d1420;flex-shrink:0}.demo-footer-text{font-size:11px;color:#3a4a5a;white-space:nowrap}.demo-progress-bar-wrap{flex:1;height:2px;background:#1e2d3d;border-radius:2px;overflow:hidden}.demo-progress-bar-fill{height:100%;width:0%;border-radius:2px;animation:demoBarFill linear forwards}@keyframes demoBarFill{0%{width:0%}to{width:100%}}@media (max-width: 860px){.demo-scene{grid-template-columns:1fr}.demo-scene-info{border-right:none;border-bottom:1px solid rgba(59,210,240,.1);padding:18px 16px}.demo-controls{margin-top:0}}@media (max-width: 600px){.demo-overlay{padding:0}.demo-modal{border-radius:0;height:100dvh}.demo-tab-label{display:none}.demo-split{grid-template-columns:1fr}.demo-split-chat{display:none}}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:9999}.profile-modal{position:relative;width:min(420px,92vw);max-height:92vh;background:#0c1420;border-radius:18px;border:1px solid rgba(59,210,240,.25);box-shadow:0 0 0 1px #3bd2f00f,0 24px 64px #000c,0 0 48px #3bd2f014;overflow-y:auto;animation:profilePopIn .28s cubic-bezier(.34,1.4,.64,1) both;display:flex;flex-direction:column}.profile-modal::-webkit-scrollbar{width:8px}.profile-modal::-webkit-scrollbar-track{background:#0c1420;border-radius:10px}.profile-modal::-webkit-scrollbar-thumb{background:#3bd2f0;border-radius:10px}.profile-modal::-webkit-scrollbar-thumb:hover{background:#2ab8d8}.profile-header{padding:32px 28px 24px;text-align:center;border-bottom:1px solid rgba(59,210,240,.08);position:relative}.profile-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#2ab8d8,#3bd2f0);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:24px;font-weight:800;color:#080c10;border:3px solid rgba(59,210,240,.35);box-shadow:0 0 24px #3bd2f04d}.profile-online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2.5px solid #0c1420}.profile-name{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:#e2eaf3;margin-bottom:6px}.profile-role{font-size:13px;color:#7a90a8;margin-bottom:10px}.profile-details{padding:18px 28px;border-bottom:1px solid rgba(59,210,240,.08)}.profile-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(59,210,240,.05)}.profile-label{font-size:12px;color:#3a4a5a;min-width:70px}.profile-value{font-size:13px;color:#c9d1d9;flex:1}.profile-stats{padding:18px 28px;border-bottom:1px solid rgba(59,210,240,.08)}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stat{text-align:center;background:#111820;border-radius:10px;padding:10px 6px;border:1px solid rgba(59,210,240,.06)}.profile-stat-value{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:#3bd2f0}.profile-stat-label{font-size:10px;color:#3a4a5a;margin-top:4px}.profile-actions{padding:16px 28px}.profile-btn{width:100%;padding:10px 12px;border-radius:10px;border:none;font-size:14px;cursor:pointer;transition:all .2s}.profile-btn-primary{background:#3bd2f0;color:#080c10;font-weight:600}.profile-btn-primary:hover{opacity:.85}.profile-btn-logout{margin-top:10px;background:transparent;color:#f87171}.profile-btn-logout:hover{background:#ef444412}.profile-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(59,210,240,.15);background:#201111;color:#7a90a8;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-close:hover{border-color:#3bd2f066;color:#e2eaf3;cursor:pointer}.profile-actions{padding:20px 28px;display:flex;flex-direction:column;gap:12px}.profile-btn{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(59,210,240,.12);background:#111820;color:#dbe7f3;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease}.profile-btn:hover{border-color:#3bd2f059;background:#141d26}.profile-btn:active{transform:translateY(1px)}.profile-btn-primary{background:#3bd2f0;color:#061017;border:none;font-weight:600}.profile-btn-primary:hover{background:#2fc3e2}.profile-btn-secondary{background:#10161d;border:1px solid rgba(59,210,240,.18)}.profile-btn-secondary:hover{background:#131c25}.profile-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#9fb0c2}.profile-btn-cancel:hover{background:#ffffff0d}.profile-btn-logout{background:#ef444414;border:1px solid rgba(239,68,68,.35);color:#f87171;font-weight:600}.profile-btn-logout:hover{background:#ef444429}.profile-success{margin-top:6px;font-size:13px;color:#22c55e;text-align:center}.profile-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #00000040}.profile-header{background:linear-gradient(135deg,var(--brand-dim),transparent);padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--border)}.profile-name{font-size:18px;font-weight:600;color:var(--text-primary)}.profile-role{font-size:13px;color:var(--text-muted)}.profile-details{padding:24px 32px;border-bottom:1px solid var(--border)}.profile-row{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--text-secondary)}.profile-label{width:70px;font-size:12px;font-weight:500;color:var(--text-muted)}.profile-value{flex:1;font-size:13px;color:var(--text-primary)}.profile-stats{padding:20px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.profile-stat-value{font-size:24px;font-weight:700;color:var(--brand)}.profile-stat-label{font-size:11px;color:var(--text-muted)}.profile-actions{padding:24px 32px 32px;display:flex;flex-direction:column;gap:8px}.profile-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s}.profile-btn-primary{background:var(--brand);border-color:var(--brand);color:#0a0c10;font-weight:600}.profile-btn-logout{color:var(--red);border-color:#f851494d;margin-top:8px}@keyframes profilePopIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes profileOverlayIn{0%{opacity:0}to{opacity:1}}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{position:relative;width:420px;max-width:90vw;max-height:85vh;background:var(--bg-surface, #0a1018);border:1px solid var(--border, rgba(59, 210, 240, .2));border-radius:28px;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.3,.64,1);box-shadow:0 32px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:10px;background:var(--bg-raised, #111820);border:1px solid var(--border, rgba(59, 210, 240, .15));color:var(--text-muted, #7a90a8);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.profile-close:hover{background:var(--brand-dim, rgba(59, 210, 240, .1));border-color:var(--brand, #3bd2f0);color:var(--brand, #3bd2f0)}.profile-header{text-align:center;padding:32px 32px 20px;background:linear-gradient(135deg,var(--brand-dim, rgba(59, 210, 240, .08)),transparent);border-bottom:1px solid var(--border, rgba(59, 210, 240, .08))}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--brand, #3bd2f0),#a78bfa);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#0a0c10;font-family:Syne,sans-serif;border:3px solid var(--bg-surface, #0a1018);box-shadow:0 8px 20px #0000004d}.profile-online-dot{position:absolute;bottom:4px;right:4px;width:18px;height:18px;background:#22c55e;border:3px solid var(--bg-surface, #0a1018);border-radius:50%}.profile-name{font-size:20px;font-weight:700;color:var(--text-primary, #e2eaf3);font-family:Syne,sans-serif;margin-bottom:4px}.profile-role{font-size:13px;color:var(--brand, #3bd2f0);font-weight:500}.profile-details{padding:20px 28px;border-bottom:1px solid var(--border, rgba(59, 210, 240, .08))}.profile-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border, rgba(59, 210, 240, .05))}.profile-row:last-child{border-bottom:none}.profile-row>div:first-child{width:32px;color:var(--brand, #3bd2f0);display:flex;align-items:center;justify-content:center}.profile-label{width:80px;font-size:12px;font-weight:500;color:var(--text-muted, #7a90a8);letter-spacing:.3px}.profile-value{flex:1;font-size:13px;color:var(--text-primary, #e2eaf3);font-weight:500}.profile-stats{padding:20px 28px;background:var(--bg-secondary, #0d1520);border-bottom:1px solid var(--border, rgba(59, 210, 240, .08))}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.profile-stat{padding:8px}.profile-stat-value{font-size:24px;font-weight:800;color:var(--brand, #3bd2f0);font-family:Syne,sans-serif;line-height:1.2}.profile-stat-label{font-size:10px;font-weight:500;color:var(--text-muted, #7a90a8);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.profile-actions{padding:20px 28px 28px;display:flex;flex-direction:column;gap:8px}.profile-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:var(--bg-raised, #111820);border:1px solid var(--border, rgba(59, 210, 240, .12));border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary, #c9d1d9);cursor:pointer;transition:all .2s}.profile-btn:hover{background:var(--brand-dim, rgba(59, 210, 240, .08));border-color:var(--brand, #3bd2f0);transform:translateY(-1px)}.profile-btn-primary{background:var(--brand, #3bd2f0);border-color:var(--brand, #3bd2f0);color:#0a0c10}.profile-btn-primary:hover{background:var(--brand, #3bd2f0);opacity:.9}.profile-btn-logout{color:#f87171;border-color:#f8717133;margin-top:8px}.profile-btn-logout:hover{background:#f8717114;border-color:#f87171;color:#f87171}.profile-input{width:100%;padding:8px 12px;background:var(--bg-secondary, #0d1520);border:1px solid var(--border, rgba(59, 210, 240, .2));border-radius:10px;font-size:16px;font-weight:600;color:var(--text-primary, #e2eaf3);text-align:center;font-family:Syne,sans-serif}.profile-input-small{width:100%;padding:6px 10px;background:var(--bg-secondary, #0d1520);border:1px solid var(--border, rgba(59, 210, 240, .2));border-radius:8px;font-size:12px;color:var(--text-secondary, #c9d1d9);text-align:center}.profile-input-row{flex:1;padding:6px 10px;background:var(--bg-secondary, #0d1520);border:1px solid var(--border, rgba(59, 210, 240, .2));border-radius:8px;font-size:12px;color:var(--text-primary, #e2eaf3)}.profile-success{text-align:center;font-size:12px;color:#22c55e;padding:8px;background:#22c55e1a;border-radius:8px;margin-top:12px}.profile-modal::-webkit-scrollbar{width:4px}.profile-modal::-webkit-scrollbar-track{background:transparent}.profile-modal::-webkit-scrollbar-thumb{background:var(--brand-dim, rgba(59, 210, 240, .3));border-radius:4px}.sf-panel svg,.sf-overlay svg{width:12px!important;height:12px!important}.sf-empty svg{width:32px!important;height:32px!important}.profile-modal svg{width:14px!important;height:14px!important}.sf-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.sf-panel{position:relative;width:min(640px,90%);max-width:640px;max-height:85vh;margin:0 auto;background:var(--bg-surface, #0a1018);border:1px solid var(--border, rgba(59, 210, 240, .2));border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:sfModalIn .28s cubic-bezier(.34,1.3,.64,1) both}.sf-panel.sf-wide{width:min(820px,90%);max-width:820px}@keyframes sfModalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--sf-bg: rgba(10, 16, 24, .95);--sf-surface: rgba(20, 28, 38, .9);--sf-border: rgba(59, 210, 240, .15);--sf-border-glow: rgba(59, 210, 240, .4);--sf-text: #e2eaf3;--sf-text-muted: #8e9aaf;--sf-text-dim: #5a6a7a;--sf-brand: #3bd2f0;--sf-brand-dim: rgba(59, 210, 240, .1);--sf-success: #22c55e;--sf-warning: #f59e0b;--sf-error: #f85149;--sf-purple: #a78bfa}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.sf-panel{position:relative;width:min(560px,90%);max-width:560px;max-height:85vh;background:linear-gradient(135deg,#121923fa,#0c1218fa);border-radius:28px;border:1px solid rgba(59,210,240,.2);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #3bd2f01a,0 0 40px #3bd2f01a;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .35s cubic-bezier(.34,1.3,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sf-panel.sf-wide{width:min(780px,90%);max-width:780px}.sf-panel:hover{border-color:#3bd2f059;box-shadow:0 30px 60px -12px #0009,0 0 0 1px #3bd2f033,0 0 60px #3bd2f026;transition:all .3s ease}.sf-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3bd2f0,#a78bfa,#3bd2f0);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sf-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,rgba(59,210,240,.05),transparent);border-bottom:1px solid rgba(59,210,240,.1);position:relative}.sf-header-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3bd2f0,#a78bfa);box-shadow:0 4px 12px #3bd2f04d;flex-shrink:0}.sf-header-icon svg{width:22px;height:22px;stroke:#0a0c10;stroke-width:1.8;fill:none}.sf-header-title{font-size:18px;font-weight:700;font-family:Syne,Inter,sans-serif;background:linear-gradient(135deg,#e2eaf3,#3bd2f0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.3px}.sf-header-sub{font-size:12px;color:#8e9aaf;margin-top:4px;display:flex;align-items:center;gap:6px}.sf-header-sub:before{content:"•";color:#3bd2f0}.sf-close{margin-left:auto;width:32px;height:32px;border-radius:10px;border:1px solid rgba(59,210,240,.2);background:#141c26cc;color:#8e9aaf;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sf-close:hover{border-color:#3bd2f0;color:#3bd2f0;background:#3bd2f01a;transform:rotate(90deg)}.sf-close svg{width:14px;height:14px}.sf-tab-bar{display:flex;gap:6px;padding:12px 24px 0;background:transparent;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid rgba(59,210,240,.08)}.sf-tab{padding:6px 18px;border-radius:40px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:#8e9aaf;transition:all .2s ease;letter-spacing:.3px}.sf-tab.active{background:linear-gradient(135deg,#3bd2f0,#22c55e);color:#0a0c10;border-color:transparent;box-shadow:0 2px 8px #3bd2f04d}.sf-tab:not(.active):hover{background:#3bd2f014;color:#e2eaf3;border-color:#3bd2f033;transform:translateY(-1px)}.sf-toolbar{display:flex;align-items:center;gap:10px;padding:16px 24px;flex-shrink:0}.sf-search{width:100%;padding:10px 12px 10px 38px;background:#0c1218cc;border:1px solid rgba(59,210,240,.15);border-radius:12px;color:#e2eaf3;font-size:13px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.sf-search:focus{border-color:#3bd2f0;box-shadow:0 0 0 3px #3bd2f01a;background:#0c1218f2}.sf-search::placeholder{color:#4a5a6a}.sf-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5a6a7a;pointer-events:none;display:flex}.sf-search-icon svg{width:14px;height:14px}.sf-body{flex:1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin;scrollbar-color:#3bd2f0 #1a2530}.sf-body::-webkit-scrollbar{width:5px}.sf-body::-webkit-scrollbar-track{background:#1a2530;border-radius:10px}.sf-body::-webkit-scrollbar-thumb{background:#3bd2f0;border-radius:10px}.sf-body::-webkit-scrollbar-thumb:hover{background:#a78bfa}.sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.sf-empty svg{width:60px;height:60px;stroke:#3bd2f0;opacity:.5;margin-bottom:20px}.sf-empty-title{font-size:16px;font-weight:600;color:#e2eaf3;margin-bottom:8px}.sf-empty-sub{font-size:13px;color:#8e9aaf;line-height:1.6}.sf-list{display:flex;flex-direction:column;gap:10px}.sf-list-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#141c2699;border:1px solid rgba(59,210,240,.08);border-radius:16px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.sf-list-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,210,240,.05),transparent);opacity:0;transition:opacity .25s ease}.sf-list-item:hover{border-color:#3bd2f04d;transform:translate(4px);background:#192330b3}.sf-list-item:hover:before{opacity:1}.sf-list-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#3bd2f01a;transition:all .2s ease}.sf-list-item:hover .sf-list-icon{transform:scale(1.05);background:#3bd2f033}.sf-list-icon svg{width:18px;height:18px}.sf-list-title{font-size:14px;font-weight:600;color:#e2eaf3;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-list-sub{font-size:12px;color:#8e9aaf;line-height:1.4}.sf-list-meta{font-size:11px;color:#5a6a7a;margin-top:4px;display:flex;align-items:center;gap:8px}.sf-list-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.sf-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;background:#3bd2f026;color:#3bd2f0;border:1px solid rgba(59,210,240,.2)}.sf-badge.success{background:#22c55e26;color:#22c55e;border-color:#22c55e33}.sf-badge.warning{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b33}.sf-badge.error{background:#f8514926;color:#f85149;border-color:#f8514933}.sf-badge.purple{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa33}.sf-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sf-field:last-of-type{margin-bottom:0}.sf-label{font-size:12px;font-weight:600;color:#8e9aaf;text-transform:uppercase;letter-spacing:.5px}.sf-label span{color:#f85149}.sf-input,.sf-textarea,.sf-select{width:100%;padding:12px 16px;background:#0c1218cc;border:1px solid rgba(59,210,240,.15);border-radius:12px;color:#e2eaf3;font-size:13px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.sf-input:focus,.sf-textarea:focus,.sf-select:focus{border-color:#3bd2f0;box-shadow:0 0 0 3px #3bd2f01a;background:#0c1218f2}.sf-textarea{resize:vertical;min-height:90px;line-height:1.6}.sf-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e9aaf' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.sf-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;font-size:13px;margin-bottom:20px;animation:slideInAlert .3s ease}@keyframes slideInAlert{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sf-alert.error{background:#f851491f;border:1px solid rgba(248,81,73,.3);color:#fca5a5}.sf-alert.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.sf-alert.info{background:#3bd2f01f;border:1px solid rgba(59,210,240,.3);color:#3bd2f0}.sf-alert svg{width:18px;height:18px;flex-shrink:0}.sf-result{border:1px solid rgba(59,210,240,.2);border-radius:16px;overflow:hidden;margin-top:20px;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sf-result-header{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#3bd2f014;border-bottom:1px solid rgba(59,210,240,.1);font-size:12px;font-weight:600;color:#3bd2f0}.sf-result-body{padding:18px;font-size:13px;color:#c9d1d9;line-height:1.7;background:#0c121880}.sf-footer{padding:16px 24px;border-top:1px solid rgba(59,210,240,.08);background:#0c121899;display:flex;gap:12px;flex-shrink:0}.sf-btn{padding:10px 20px;border-radius:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.sf-btn-primary{flex:1;background:linear-gradient(135deg,#3bd2f0,#22c55e);border:none;color:#0a0c10;justify-content:center;box-shadow:0 4px 12px #3bd2f04d}.sf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3bd2f066}.sf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sf-btn-outline{background:transparent;border:1px solid rgba(59,210,240,.3);color:#e2eaf3}.sf-btn-outline:hover{background:#3bd2f01a;border-color:#3bd2f0;transform:translateY(-1px)}.sf-spinner{width:16px;height:16px;border:2px solid rgba(10,12,16,.3);border-top-color:#0a0c10;border-radius:50%;animation:spin .7s linear infinite}.sf-hint{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#3bd2f00d,#a78bfa0d);border:1px solid rgba(59,210,240,.15);border-radius:16px;margin-bottom:20px;font-size:13px;color:#8e9aaf}.sf-hint svg{width:20px;height:20px;stroke:#3bd2f0;flex-shrink:0}.sf-hint strong{color:#3bd2f0}@media (max-width: 640px){.sf-panel,.sf-panel.sf-wide{width:95%;max-height:90vh;border-radius:20px}.sf-header,.sf-body{padding:16px 20px}.sf-field-row{grid-template-columns:1fr;gap:12px}.sf-tab{padding:4px 12px;font-size:11px}.sf-list-item{padding:12px 14px}}.notifications-page-container{position:fixed;top:0;right:0;bottom:0;left:260px;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:100;transition:left .25s ease}.sidebar.collapsed~.notifications-page-container{left:68px}.notifications-page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.mark-all-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--brand-dim);border:1px solid var(--brand);border-radius:10px;color:var(--brand);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.mark-all-btn:hover{background:var(--brand);color:#0a0c10}.notifications-main-content{flex:1;display:flex;gap:1px;background:var(--border);overflow:hidden}.notifications-sidebar{width:340px;background:var(--bg-primary);display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto}.filter-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:20px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.filter-list{display:flex;flex-direction:column;gap:6px}.filter-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.filter-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.filter-btn.active{background:var(--brand-dim);color:var(--brand);font-weight:600}.filter-count{background:var(--brand);color:#0a0c10;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.preferences-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:20px}.card-subtitle{font-size:12px;color:var(--text-muted);margin:-8px 0 20px}.preferences-list{display:flex;flex-direction:column;gap:16px}.preference-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0}.preference-info{flex:1}.preference-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.preference-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--brand)}input:checked+.toggle-slider:before{transform:translate(24px)}.notifications-list-container{flex:1;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.notifications-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.notifications-count{font-size:12px;color:var(--text-muted);background:var(--bg-raised);padding:4px 10px;border-radius:20px}.notifications-list{flex:1;overflow-y:auto;padding:8px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:13px;color:var(--text-muted);margin:0}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;margin:4px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{transform:translate(2px);border-color:var(--brand-dim);box-shadow:0 2px 8px #0000001a}.notification-item.unread{background:var(--brand-dim);border-left:3px solid var(--brand)}.notif-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid;transition:all .2s}.notif-icon-wrapper svg{width:20px;height:20px}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary)}.notification-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.notification-description{font-size:12px;color:var(--text-secondary);line-height:1.5;word-break:break-word}.unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.notifications-sidebar::-webkit-scrollbar,.notifications-list::-webkit-scrollbar{width:4px}.notifications-sidebar::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-sidebar::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.notifications-sidebar::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--brand)}@media (max-width: 1000px){.notifications-sidebar{width:300px}}@media (max-width: 800px){.notifications-page-container{left:0}.notifications-main-content{flex-direction:column}.notifications-sidebar{width:100%;flex-direction:row;gap:16px;overflow-x:auto}.filter-card,.preferences-card{min-width:280px}}@media (max-width: 600px){.notifications-page-header{flex-direction:column;align-items:flex-start;gap:16px}.mark-all-btn{align-self:flex-start}.notification-item{margin:4px 8px;padding:12px 16px}.notif-icon-wrapper{width:36px;height:36px}.notif-icon-wrapper svg{width:16px;height:16px}}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:500;overflow-y:auto;padding:32px 48px}.settings-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.settings-back{width:40px;height:40px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:18px;transition:all .2s}.settings-back:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.settings-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;font-family:Syne,sans-serif}.settings-subtitle{font-size:14px;color:var(--text-muted);margin:4px 0 0}.settings-tabs-container{display:flex;gap:8px;margin-bottom:32px;padding-bottom:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.settings-tabs-container::-webkit-scrollbar{display:none}.settings-tab{display:flex;align-items:center;gap:10px;padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.settings-tab:hover{color:var(--brand);background:var(--brand-dim);border-radius:8px 8px 0 0}.settings-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-icon{font-size:18px}.tab-label{font-weight:600}.settings-content{max-width:800px;margin:0 auto}.pg-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:28px 32px;margin-bottom:24px;transition:all .2s}.pg-card:hover{border-color:var(--brand-dim);box-shadow:0 4px 20px #0000001a}.pg-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pg-card-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.settings-avatar-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.settings-avatar-wrapper{position:relative}.settings-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--purple));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#0a0c10}.settings-avatar-edit{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--brand);border:2px solid var(--bg-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.settings-avatar-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-avatar-info p{font-size:13px;color:var(--text-muted);margin:0}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field.full-width{grid-column:span 2}.settings-input-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-input,.settings-select{padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .2s}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #3bd2f01a}.settings-select-small{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.settings-preferences{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.settings-preference-item{display:flex;justify-content:space-between;align-items:center;gap:20px}.settings-preference-info{flex:1}.settings-preference-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.settings-preference-desc{font-size:12px;color:var(--text-muted)}.settings-divider{height:1px;background:var(--border);margin:24px 0}.settings-toggle-group{display:flex;flex-direction:column;gap:20px}.settings-toggle-item{display:flex;justify-content:space-between;align-items:center;gap:20px}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.settings-toggle-desc{font-size:12px;color:var(--text-muted)}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0}.notification-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.notification-desc{font-size:12px;color:var(--text-muted)}.integrations-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.integration-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px;background:var(--bg-secondary);border-radius:12px}.integration-info{display:flex;align-items:center;gap:12px}.integration-icon{font-size:24px}.integration-name{font-size:14px;font-weight:600;color:var(--text-primary)}.integration-type{font-size:11px;color:var(--text-muted)}.integration-error{font-size:11px;color:var(--error);margin-top:2px}.integration-actions{display:flex;align-items:center;gap:12px}.integration-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.status-connected{background:#22c55e26;color:#22c55e}.status-error{background:#f8514926;color:#f85149}.status-disconnected{background:#64748b26;color:#64748b}.add-integration{margin-top:8px}.api-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.api-stat{padding:12px;background:var(--bg-secondary);border-radius:12px}.api-stat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.api-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.api-stat-value.success{color:#22c55e}.api-stat-value.error{color:#f85149}.password-strength{display:flex;align-items:center;gap:6px;margin-top:8px}.strength-bar{width:60px;height:3px;background:var(--border);border-radius:2px}.strength-bar.weak{background:#f85149}.strength-text{font-size:11px;color:var(--text-muted);margin-left:8px}.twofa-options{display:flex;flex-direction:column;gap:16px}.twofa-option{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0}.twofa-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.twofa-desc{font-size:12px;color:var(--text-muted)}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px;background:var(--bg-secondary);border-radius:12px}.session-item.current{background:#3bd2f014;border:1px solid rgba(59,210,240,.2)}.session-device{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.session-time{font-size:11px;color:var(--text-muted)}.session-badge{font-size:11px;font-weight:600;padding:4px 10px;background:var(--brand);color:#0a0c10;border-radius:20px}.session-revoke{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.session-revoke:hover{border-color:#f85149;color:#f85149}.danger-zone{border-color:#f851494d}.danger-zone-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.danger-zone-label{font-size:14px;font-weight:600;color:#f85149;margin-bottom:4px}.danger-zone-desc{font-size:12px;color:var(--text-muted)}.appearance-section{margin-bottom:24px}.appearance-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.mode-toggle{display:flex;gap:12px}.mode-btn{flex:1;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn.active{background:var(--brand);border-color:var(--brand);color:#0a0c10}.color-picker{display:flex;gap:16px;flex-wrap:wrap}.color-option{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s}.color-option.active{background:var(--bg-raised)}.color-swatch{width:40px;height:40px;border-radius:50%;transition:all .2s}.color-option.active .color-swatch{transform:scale(1.1);box-shadow:0 0 0 3px var(--bg-surface),0 0 0 5px var(--brand)}.color-label{font-size:11px;color:var(--text-muted)}.preview-buttons{display:flex;gap:12px;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:12px}.preview-btn{padding:8px 20px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.preview-btn.primary{background:var(--brand);border:none;color:#0a0c10}.preview-btn.secondary{background:transparent;border:1px solid var(--brand);color:var(--brand)}.preview-icon{width:32px;height:32px;background:var(--brand-dim);border-radius:8px;display:flex;align-items:center;justify-content:center}.preview-icon span{color:var(--brand);font-size:18px}.pg-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pg-btn-primary{background:var(--brand);border:none;color:#0a0c10}.pg-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3bd2f04d}.pg-btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.pg-btn-outline:hover{border-color:var(--brand);color:var(--brand)}.pg-btn-outline.small{padding:6px 12px;font-size:11px}.pg-btn-danger{background:#f851491a;border:1px solid rgba(248,81,73,.3);color:#f85149}.pg-btn-danger:hover{background:#f8514933;border-color:#f85149}.pg-toggle{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.pg-toggle input{opacity:0;width:0;height:0;position:absolute}.pg-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:var(--border);transition:background .2s}.pg-toggle input:checked~.pg-toggle-track{background:var(--brand)}.pg-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.pg-toggle input:checked~.pg-toggle-thumb{transform:translate(20px)}@media (max-width: 768px){.settings-page{padding:20px}.settings-title{font-size:24px}.pg-card{padding:20px}.settings-form-grid{grid-template-columns:1fr}.settings-field.full-width{grid-column:span 1}.api-stats{grid-template-columns:1fr}.integration-item{flex-direction:column;align-items:flex-start}.integration-actions{width:100%;justify-content:space-between}}.calendar-page-container{position:fixed;top:0;right:0;bottom:0;left:260px;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:100;transition:left .25s ease}.sidebar.collapsed~.calendar-page-container{left:68px}.calendar-page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-right{display:flex;gap:12px}.sync-button,.schedule-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sync-button{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary)}.sync-button:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.schedule-button{background:var(--brand);border:none;color:#0a0c10}.schedule-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3bd2f04d}.calendar-main-content{flex:1;display:flex;gap:1px;background:var(--border);overflow:hidden}.calendar-grid-container{flex:1;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.view-selector{display:flex;gap:6px;background:var(--bg-raised);padding:4px;border-radius:12px}.view-btn{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.view-btn.active{background:var(--brand);color:#0a0c10}.view-btn:hover:not(.active){background:var(--brand-dim);color:var(--brand)}.month-navigation{display:flex;align-items:center;gap:12px}.nav-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all .2s}.nav-btn:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.today-btn{padding:6px 16px;background:var(--brand-dim);border:1px solid var(--brand);border-radius:8px;color:var(--brand);font-size:12px;font-weight:600;cursor:pointer}.today-btn:hover{background:var(--brand);color:#0a0c10}.current-month{font-size:16px;font-weight:600;color:var(--text-primary);margin-left:8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:16px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.weekday{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.calendar-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);background:var(--border);gap:1px;overflow-y:auto}.calendar-day{background:var(--bg-surface);min-height:120px;padding:10px;cursor:pointer;transition:all .2s}.calendar-day:hover{background:var(--bg-raised);transform:translateY(-2px)}.calendar-day.other-month{background:var(--bg-secondary);opacity:.6}.calendar-day.today{background:linear-gradient(135deg,var(--bg-surface),var(--brand-dim));border:1px solid var(--brand)}.calendar-day.selected{background:var(--brand-dim);border:2px solid var(--brand)}.day-number{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;display:inline-block;padding:2px 6px;border-radius:6px}.calendar-day.today .day-number,.calendar-day.selected .day-number{background:var(--brand);color:#0a0c10}.day-events{display:flex;flex-direction:column;gap:4px}.calendar-event-pill{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid}.more-events{font-size:10px;color:var(--text-muted);margin-top:2px;padding-left:4px}.calendar-sidebar-container{width:360px;background:var(--bg-primary);display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto}.mini-calendar{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:20px}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mini-nav-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all .2s}.mini-nav-btn:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.mini-month{font-size:14px;font-weight:600;color:var(--text-primary)}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:12px}.mini-weekday{font-size:11px;font-weight:600;color:var(--text-muted)}.mini-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-day{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:50%;cursor:pointer;position:relative;margin:0 auto;transition:all .2s}.mini-day:hover{background:var(--bg-raised)}.mini-day.other-month{opacity:.4}.mini-day.today{background:var(--brand-dim);color:var(--brand);font-weight:700}.mini-day.selected{background:var(--brand);color:#0a0c10;font-weight:700}.event-indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--brand)}.selected-day-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.day-detail-empty{text-align:center;padding:40px 20px}.day-detail-empty h3{font-size:16px;color:var(--text-primary);margin:0 0 8px}.day-detail-empty p{font-size:13px;color:var(--text-muted);margin:0 0 20px}.schedule-btn{padding:8px 20px;background:var(--brand);border:none;border-radius:8px;color:#0a0c10;font-size:13px;font-weight:600;cursor:pointer}.day-detail-content{padding:20px}.detail-section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.section-icon{font-size:16px}.section-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.meeting-card{padding:14px;border-radius:12px;margin-bottom:12px;background:var(--bg-raised);border-left:3px solid}.meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meeting-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.meeting-time{font-size:11px;color:var(--brand);font-weight:500}.meeting-duration,.meeting-notes{font-size:11px;color:var(--text-muted);margin-top:6px}.meeting-participants{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.participants-label{font-size:11px;color:var(--text-muted)}.participant-tag{font-size:10px;padding:3px 8px;background:var(--brand-dim);border-radius:12px;color:var(--brand)}.task-card{padding:10px 12px;border-radius:10px;margin-bottom:8px;background:var(--bg-raised);border-left:3px solid}.task-info{display:flex;align-items:center;gap:10px}.task-status-dot{width:8px;height:8px;border-radius:50%}.task-title{flex:1;font-size:13px;color:var(--text-primary)}.task-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600}.overdue-section{margin-top:16px;padding:12px;background:#f851490d;border-radius:12px;border:1px solid rgba(248,81,73,.15)}.overdue-item{display:flex;align-items:center;gap:8px;padding:6px 0}.overdue-dot{color:#f85149}.overdue-title{font-size:12px;color:#f85149}.tasks-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:16px 20px}.tasks-stats{display:flex;justify-content:space-around;margin-top:12px}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--brand)}.stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.upcoming-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:16px 20px}.upcoming-meeting{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.upcoming-meeting:last-child{border-bottom:none}.meeting-date{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px;background:var(--bg-raised);border-radius:8px}.meeting-day{font-size:18px;font-weight:700;color:var(--brand)}.meeting-month{font-size:10px;color:var(--text-muted)}.meeting-info{flex:1}.meeting-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.meeting-time{font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100}.modal-container{background:var(--bg-surface);border-radius:24px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;border:1px solid var(--border)}.modal-header{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--border)}.modal-icon{width:44px;height:44px;background:var(--brand-dim);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary)}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-close{margin-left:auto;width:32px;height:32px;border-radius:8px;background:var(--bg-raised);border:1px solid var(--border);font-size:20px;cursor:pointer;color:var(--text-muted);transition:all .2s}.modal-close:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.modal-form{padding:24px}.modal-alert{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:20px}.modal-alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.modal-alert.error{background:#f851491a;border:1px solid rgba(248,81,73,.3);color:#f85149}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:13px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #3bd2f01a}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.modal-buttons{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s}.btn-primary{background:var(--brand);border:none;color:#0a0c10}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3bd2f04d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.calendar-grid::-webkit-scrollbar,.calendar-sidebar-container::-webkit-scrollbar,.modal-container::-webkit-scrollbar{width:5px}.calendar-grid::-webkit-scrollbar-track,.calendar-sidebar-container::-webkit-scrollbar-track,.modal-container::-webkit-scrollbar-track{background:transparent}.calendar-grid::-webkit-scrollbar-thumb,.calendar-sidebar-container::-webkit-scrollbar-thumb,.modal-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.calendar-grid::-webkit-scrollbar-thumb:hover,.calendar-sidebar-container::-webkit-scrollbar-thumb:hover,.modal-container::-webkit-scrollbar-thumb:hover{background:var(--brand)}@media (max-width: 1200px){.calendar-sidebar-container{width:320px}}@media (max-width: 900px){.calendar-page-container{left:0}.calendar-sidebar-container{display:none}}.about-page-container{position:fixed;top:0;right:0;bottom:0;left:260px;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:100;transition:left .25s ease}.sidebar.collapsed~.about-page-container{left:68px}.about-page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.page-title h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.page-title p{font-size:13px;color:var(--text-muted);margin:0}.about-main-content{flex:1;overflow-y:auto;padding:32px}.about-hero{text-align:center;margin-bottom:40px}.about-logo{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--brand),var(--purple));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#0a0c10}.about-hero-title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px;font-family:Syne,sans-serif}.about-version{display:inline-block;padding:4px 12px;background:var(--brand-dim);border:1px solid var(--brand);border-radius:20px;font-size:12px;font-weight:500;color:var(--brand);margin-bottom:20px}.about-tagline{max-width:700px;margin:0 auto;font-size:16px;line-height:1.6;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:32px}.stat-card{text-align:center;padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--brand-dim)}.stat-value{font-size:32px;font-weight:700;color:var(--brand);margin-bottom:8px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mission-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:32px}.mission-text{font-size:14px;line-height:1.8;color:var(--text-secondary);margin:0}.features-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-icon{font-size:24px}.section-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s}.feature-card:hover{transform:translateY(-2px);border-color:var(--brand-dim)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon svg{width:24px;height:24px;stroke:currentColor}.feature-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feature-desc{font-size:13px;line-height:1.5;color:var(--text-muted)}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.timeline-card,.team-card,.tech-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:24px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-icon{font-size:20px}.card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.timeline{position:relative}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-year{font-size:12px;font-weight:700;color:var(--brand);margin-bottom:8px}.timeline-content{display:flex;align-items:flex-start;gap:12px;position:relative}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:3px}.timeline-label{font-size:13px;color:var(--text-secondary);line-height:1.5}.timeline-line{position:absolute;left:4px;top:20px;width:2px;height:calc(100% - 10px);background:linear-gradient(to bottom,var(--brand-dim),transparent)}.team-grid{display:flex;flex-direction:column;gap:16px}.team-member{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-raised);border-radius:12px;transition:all .2s}.team-member:hover{transform:translate(4px);background:var(--brand-dim)}.member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#0a0c10;flex-shrink:0}.member-name{font-size:14px;font-weight:600;color:var(--text-primary)}.member-role{font-size:11px;color:var(--text-muted);margin-top:2px}.tech-subtitle{font-size:12px;color:var(--text-muted);margin:-12px 0 20px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{padding:6px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all .2s}.tech-tag:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.about-footer{text-align:center;padding:24px 0 16px;border-top:1px solid var(--border);margin-top:16px}.about-footer p{font-size:11px;color:var(--text-muted);line-height:1.8}.footer-link{color:var(--text-muted);cursor:pointer;transition:color .2s}.footer-link:hover{color:var(--brand)}.about-main-content::-webkit-scrollbar{width:4px}.about-main-content::-webkit-scrollbar-track{background:transparent}.about-main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.about-main-content::-webkit-scrollbar-thumb:hover{background:var(--brand)}@media (max-width: 900px){.about-page-container{left:0}.two-column-layout,.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.about-page-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr}.about-main-content{padding:20px}.about-hero-title{font-size:28px}}.ci-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;min-height:52px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);gap:12px;flex-shrink:0;position:relative;z-index:10}.ci-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.3),transparent);pointer-events:none}.ci-header-sub{font-size:10px;color:var(--text-muted);margin-top:1px;white-space:nowrap}.ci-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .14s,color .14s;flex-shrink:0}.ci-icon-btn svg{width:15px;height:15px;display:block;flex-shrink:0}.ci-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ci-icon-btn.active{background:var(--brand-dim);color:var(--brand)}.ci-badge{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#f85149;border:1.5px solid var(--bg-panel);pointer-events:none}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#04080ed1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:overlayIn .18s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.logout-modal{position:relative;width:min(380px,100%);background:var(--bg-panel);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:32px 28px 24px;text-align:center;animation:modalIn .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 64px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.logout-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:7px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .14s,color .14s;font-size:14px;line-height:1}.logout-message{font-size:12px;color:var(--text-muted);line-height:1.75;margin-bottom:24px}.logout-cancel-btn{flex:1;padding:10px 14px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:9px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:border-color .14s,color .14s,background .14s}.logout-cancel-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-subtle)}.right-panel{width:340px;max-width:340px;min-width:280px;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow:visible;transition:all .3s ease;flex-shrink:0;position:relative}.right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.right-panel-title-section{display:flex;flex-direction:column;gap:2px}.right-panel-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.right-panel-subtitle{font-size:11px;color:var(--text-secondary);margin:0}.refresh-btn{width:32px;height:32px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.refresh-btn:hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}.refresh-btn svg{width:16px;height:16px}.stats-bar{display:flex;align-items:center;justify-content:space-around;padding:10px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);gap:6px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:9px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:24px;background:var(--border-color);flex-shrink:0}.tabs-container{display:flex;border-bottom:1px solid var(--border-color);padding:0 12px;gap:4px;flex-shrink:0;width:70%}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;background:none;border:none;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.tab-button svg{width:14px;height:14px;flex-shrink:0}.tab-button:hover,.tab-button.active{color:var(--brand)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--brand);border-radius:2px}.tab-badge{margin-left:4px;padding:2px 5px;background:var(--brand);color:#0d1117;border-radius:10px;font-size:9px;font-weight:700}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;width:70%}.search-wrapper{position:relative;flex:1;min-width:120px}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:8px 28px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:11px;color:var(--text-primary);outline:none;transition:all .2s}.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.search-input::placeholder{color:var(--text-secondary);font-size:10px}.clear-search{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.clear-search:hover{background:var(--hover-bg);color:var(--brand)}.toolbar-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:6px;font-size:10px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.toolbar-btn:hover{background:var(--brand);color:#0d1117;border-color:var(--brand)}.toolbar-btn svg{width:10px;height:10px}.upload-btn{cursor:pointer}.error-message{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:8px 10px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;font-size:10px;color:#f85149;flex-shrink:0}.error-message svg{width:12px;height:12px;flex-shrink:0}.ai-hint{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px;padding:10px 12px;background:linear-gradient(135deg,var(--brand-soft) 0%,var(--brand-soft) 100%);border:1px solid var(--brand);border-radius:8px;font-size:11px;color:var(--text-primary);font-weight:500;flex-shrink:0;overflow:visible;white-space:normal;word-wrap:break-word;width:70%}.ai-hint-icon{font-size:14px;color:var(--brand);flex-shrink:0}.file-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0;max-height:calc(100vh - 350px)}.file-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:6px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;width:100%;box-sizing:border-box;overflow:visible}.file-item:hover{transform:translate(2px);background:var(--hover-bg);border-color:var(--brand)}.file-item.selected{background:var(--brand-soft);border-color:var(--brand)}.file-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox{width:16px;height:16px;border-radius:3px;border:2px solid var(--border-color);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox.checked{background:var(--brand);border-color:var(--brand)}.checkbox.checked svg{width:8px;height:8px}.file-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-emoji{font-size:18px}.file-details{flex:1;min-width:0;overflow:visible}.file-name{font-size:12px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.file-meta{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-secondary);flex-wrap:wrap}.meta-dot{font-size:6px}.file-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.action-btn{width:26px;height:26px;border-radius:5px;background:var(--hover-bg);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.action-btn:hover{background:var(--brand);color:#0d1117;border-color:var(--brand)}.action-btn svg{width:12px;height:12px}.delete-btn:hover{background:#f85149;color:#fff;border-color:#f85149}.action-bar{display:flex;align-items:center;padding:10px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:10px;flex-shrink:0;min-height:50px}.action-bar-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.selection-count{font-size:11px;font-weight:600;color:var(--brand)}.clear-selection-btn{padding:4px 8px;background:none;border:1px solid var(--border-color);border-radius:5px;font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.clear-selection-btn:hover{background:var(--hover-bg);color:var(--brand);border-color:var(--brand)}.action-buttons{display:flex;gap:4px;flex-shrink:0}.action-btn-primary{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--brand);border:none;border-radius:6px;font-size:11px;font-weight:600;color:#0d1117;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 2px 6px #00000026}.action-btn-primary:disabled{opacity:.4;cursor:not-allowed}.action-btn-primary svg{width:12px;height:12px}.btn-badge{margin-left:4px;padding:1px 5px;background:#0003;border-radius:8px;font-size:9px}.print-btn{background:var(--bg-tertiary);border:1px solid var(--brand);color:var(--brand)}.print-btn:hover:not(:disabled){background:var(--brand);color:#0d1117}.notes-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:visible;min-height:0}.notes-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.notes-header svg{width:16px;height:16px;color:var(--brand)}.notes-header span{font-size:12px;font-weight:600;color:var(--text-primary)}.notes-textarea{flex:1;padding:12px;background:var(--input-bg);color:var(--text-primary);border:none;resize:none;font-size:12px;line-height:1.5;font-family:inherit;min-height:200px}.notes-textarea:focus{outline:none}.notes-footer{padding:8px 12px;border-top:1px solid var(--border-color);font-size:9px;color:var(--text-secondary);flex-shrink:0;text-align:center}.empty-state{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:70%}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.empty-subtitle{font-size:11px;color:var(--text-secondary);text-align:center}.skeleton-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:6px;border-radius:8px}.skeleton-checkbox{width:16px;height:16px;border-radius:3px;background:var(--hover-bg);animation:pulse 1.5s infinite}.skeleton-icon{width:36px;height:36px;border-radius:6px;background:var(--hover-bg);animation:pulse 1.5s infinite}.skeleton-text{flex:1}.skeleton-title{height:11px;width:60%;background:var(--hover-bg);border-radius:3px;margin-bottom:6px;animation:pulse 1.5s infinite}.skeleton-meta{height:9px;width:40%;background:var(--hover-bg);border-radius:3px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.file-list::-webkit-scrollbar{width:4px}.file-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.file-list::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px;transition:all .2s}.file-list::-webkit-scrollbar-thumb:hover{background:var(--brand)}.light-mode .ai-hint{background:#e8f4f8;border-color:var(--brand);color:#1a1a1a}@media (max-width: 768px){.right-panel{width:280px;max-width:280px}.stats-bar{padding:8px 10px}.stat-value{font-size:16px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-end}.action-buttons{flex-direction:column}.action-btn-primary{justify-content:center}.ai-hint{font-size:10px;padding:8px 10px}.empty-state{padding:30px 16px}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #3bd2f0;--brand-dim: rgba(59, 210, 240, .12);--brand-mid: rgba(59, 210, 240, .25);--bg-base: #0d1117;--bg-surface: #161b22;--bg-raised: #21262d;--border: #30363d;--text-pri: #e6edf3;--text-sec: #c9d1d9;--text-muted: #7d8590;--text-faint: #484f58;--green: #3fb950;--red: #f85149}.ci{display:grid;grid-template-columns:240px 1fr 260px;width:100%;height:100vh;background:var(--bg-base);color:var(--text-pri);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.ci-left{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ci-logo{padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.ci-logo-icon{width:34px;height:34px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 0 0 3px #3bd2f02e}.ci-logo-text{font-size:13px;font-weight:700;color:var(--text-pri)}.ci-logo-sub{font-size:10px;color:var(--text-muted);margin-top:1px}.ci-new-chat{margin:12px;padding:9px 14px;background:var(--brand);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .15s,transform .1s;flex-shrink:0}.ci-new-chat:hover{opacity:.88;transform:translateY(-1px)}.ci-section-header{padding:10px 16px 5px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.ci-section-header span{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.ci-section-header svg{color:var(--text-muted);transition:transform .2s}.ci-section-header.collapsed svg{transform:rotate(-90deg)}.ci-history{overflow-y:auto;flex:1}.ci-history::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ci-history.collapsed{display:none}.ci-chat-item{padding:8px 14px;margin:2px 8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s}.ci-chat-item:hover{background:var(--bg-raised)}.ci-chat-item.active{background:var(--brand-dim);border-left:2px solid var(--brand);padding-left:12px}.ci-chat-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.ci-chat-name{font-size:12px;color:var(--text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ci-chat-date{font-size:10px;color:var(--text-muted);flex-shrink:0}.ci-empty-history{font-size:12px;color:var(--text-muted);text-align:center;padding:20px}.ci-left-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);flex-shrink:0}.ci-user-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.ci-user-row:hover{background:var(--bg-raised)}.ci-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.ci-user-name{font-size:12px;font-weight:600;color:var(--text-pri)}.ci-user-role{font-size:10px;color:var(--text-muted)}.ci-main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.ci-header{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ci-header-left{display:flex;align-items:center;gap:10px}.ci-status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.ci-header-title{font-size:14px;font-weight:600;color:var(--text-pri)}.ci-header-sub{font-size:11px;color:var(--text-muted)}.ci-toolbar{display:flex;align-items:center;gap:4px}.ci-icon-btn{width:32px;height:32px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;transition:background .12s,color .12s;text-decoration:none}.ci-icon-btn:hover{background:var(--brand-dim);color:var(--brand)}.ci-icon-btn.danger:hover{background:#f851491f;color:var(--red)}.ci-badge{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--red);border-radius:50%;border:2px solid var(--bg-surface)}.ci-divider-v{width:1px;height:20px;background:var(--border);margin:0 4px}.ci-messages{flex:1;overflow-y:auto;padding:20px 20px 12px;display:flex;flex-direction:column;gap:16px;background:var(--bg-base)}.ci-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ci-msg{display:flex;gap:10px;max-width:78%}.ci-msg.user{align-self:flex-end;flex-direction:row-reverse}.ci-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ci-msg.ai .ci-msg-avatar{background:var(--bg-raised);color:var(--brand);border:1px solid var(--border)}.ci-msg.user .ci-msg-avatar{background:var(--brand);color:#fff}.ci-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.65}.ci-msg.ai .ci-bubble{background:var(--bg-raised);color:var(--text-sec);border-top-left-radius:4px;border:1px solid var(--border);width:50%}.ci-msg.user .ci-bubble{background:var(--brand);color:#fff;border-top-right-radius:4px;width:60%}.ci-typing{display:flex;align-items:center;gap:5px;padding:12px 14px;background:var(--bg-raised);border-radius:4px 12px 12px;border:1px solid var(--border)}.ci-typing span{width:6px;height:6px;background:var(--brand);border-radius:50%;animation:ciBlink 1.4s infinite}@keyframes ciBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.ci-empty-state{margin:auto;text-align:center;color:var(--text-muted);padding:40px 20px}.ci-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--text-muted);transition:background .15s,border-color .15s,transform .1s,color .15s}.ci-empty-icon:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand);transform:scale(1.05)}.ci-empty-state h3{font-size:15px;color:var(--text-sec);margin-bottom:8px}.ci-empty-state p{font-size:13px;line-height:1.6;max-width:300px;margin:0 auto}.ci-input-area{padding:12px 16px 14px;border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.ci-input-bar{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:flex-end;gap:8px;transition:border-color .15s}.ci-input-bar:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.ci-input-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.ci-input-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .12s,color .12s}.ci-input-btn:hover{background:var(--brand-dim);color:var(--brand)}.ci-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-pri);font-size:13px;resize:none;min-height:22px;max-height:140px;line-height:1.55;font-family:inherit;overflow-y:auto}.ci-textarea::placeholder{color:var(--text-faint)}.ci-textarea::-webkit-scrollbar{width:3px}.ci-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ci-send{width:32px;height:32px;border-radius:8px;background:var(--brand);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .15s,transform .1s;flex-shrink:0}.ci-send:hover{opacity:.85;transform:scale(1.05)}.ci-input-hint{font-size:10px;color:var(--text-faint);text-align:center;margin-top:6px}.ci-right{background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:0}.ci-right-header{padding:14px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ci-right-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ci-panel-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.ci-tab{padding:5px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:background .12s,color .12s}.ci-tab.active{background:var(--brand);color:#fff}.ci-tab:not(.active):hover{background:var(--brand-dim);color:var(--brand)}.ci-file-list{flex:1;overflow-y:auto;padding:10px}.ci-file-list::-webkit-scrollbar{width:3px}.ci-file-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ci-file-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .12s,background .12s}.ci-file-card:hover{border-color:var(--brand);background:var(--brand-dim)}.ci-file-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.ci-file-icon.pdf{background:#f8514926;color:var(--red)}.ci-file-icon.xlsx{background:#3fb95026;color:var(--green)}.ci-file-icon.doc{background:var(--brand-dim);color:var(--brand)}.ci-file-meta{min-width:0;flex:1;align-items:center;display:flex;gap:10px}.ci-file-name{font-size:12px;font-weight:600;color:var(--text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-file-size{font-size:10px;color:var(--text-muted);margin-top:2px}.ci-file-cb{margin-left:auto;flex-shrink:0;accent-color:var(--brand);width:14px;height:14px;cursor:pointer}.ci-notes-area{width:100%;min-height:200px;background:transparent;border:none;outline:none;color:var(--text-sec);font-size:13px;line-height:1.65;resize:none;font-family:inherit;padding:4px}.ci-notes-area::placeholder{color:var(--text-faint)}.ci-op-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-top:1px solid var(--border);flex-shrink:0}.ci-op-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:8px;border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;transition:background .12s,border-color .12s}.ci-op-btn:hover{background:var(--brand-dim);border-color:var(--brand)}.ci-op-btn svg{color:var(--text-muted);transition:color .12s;width:18px;height:18px}.ci-op-btn:hover svg{color:var(--brand)}.ci-op-label{font-size:10px;color:var(--text-muted);white-space:nowrap}.ci-op-btn:hover .ci-op-label{color:var(--brand)}@media (max-width: 900px){.ci{grid-template-columns:200px 1fr}.ci-right{display:none}}@media (max-width: 600px){.ci{grid-template-columns:1fr}.ci-left{display:none}}.ci-file-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;color:#aaa}.ci-small-btn{background:transparent;border:1px solid #333;color:#fff;padding:4px 8px;border-radius:6px;cursor:pointer}.ci-small-btn:hover{background:#2a2a2a}.ci-selected-count{font-size:12px}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease,box-shadow .2s ease}.ci-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:52px;min-height:52px;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:100}.ci-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.35),transparent);pointer-events:none}.ci-header-left{display:flex;align-items:center;gap:10px;min-width:0}.ci-header-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap}.ci-header-sub{font-size:10px;color:var(--text-secondary);margin-top:1px;white-space:nowrap}.ci-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e33;flex-shrink:0}.ci-toolbar{display:flex;align-items:center;gap:2px;flex-shrink:0}.ci-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .14s,color .14s;flex-shrink:0;font-size:13px;font-weight:700}.ci-icon-btn svg{width:15px!important;height:15px!important;display:block;flex-shrink:0}.ci-icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.ci-icon-btn.active{background:var(--brand-soft);color:var(--brand)}.ci-icon-btn.danger:hover{background:#f851491a;color:#f85149}.ci-badge{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#f85149;border:1.5px solid var(--bg-secondary);pointer-events:none}.ci-divider-v{width:1px;height:20px;background:var(--border-color);margin:0 6px;flex-shrink:0}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#04080ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:dimIn .18s ease}@keyframes dimIn{0%{opacity:0}to{opacity:1}}.logout-modal{position:relative;width:min(380px,100%);background:var(--bg-secondary);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:32px 28px 24px;text-align:center;animation:popUp .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 64px #0009}@keyframes popUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.logout-accent-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.55),transparent);border-radius:1px}.logout-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:7px;border:1px solid var(--border-color);background:var(--hover-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .14s,color .14s}.logout-close:hover{border-color:var(--brand);color:var(--brand)}.logout-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 18px;background:#ef444414;border:1px solid rgba(239,68,68,.18);display:flex;align-items:center;justify-content:center;color:#f87171}.logout-icon svg{width:22px;height:22px}.logout-title{font-size:17px;font-weight:800;color:var(--text-primary);margin-bottom:7px;letter-spacing:-.3px}.logout-message{font-size:12px;color:var(--text-secondary);line-height:1.75;margin-bottom:24px}.logout-buttons{display:flex;gap:8px}.logout-cancel-btn{flex:1;padding:10px 14px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:9px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:border-color .14s,color .14s,background .14s}.logout-cancel-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.logout-confirm-btn{flex:1;padding:10px 14px;background:#ef4444;border:none;border-radius:9px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background .14s,transform .1s}.logout-confirm-btn:hover{background:#dc2626;transform:translateY(-1px)}.logout-confirm-btn:active{transform:translateY(0)}.logout-confirm-btn:disabled{opacity:.6}.ci-left{display:flex;flex-direction:column;width:240px;min-width:240px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow:hidden;flex-shrink:0;transition:width .22s ease,min-width .22s ease}.ci-left.collapsed{width:52px;min-width:52px}.ci-logo{display:flex;align-items:center;gap:10px;padding:14px 12px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.ci-logo-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--brand);color:#0d1117;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.ci-logo-text{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.ci-logo-sub{font-size:9px;font-weight:500;color:var(--brand);opacity:.75;text-transform:uppercase;letter-spacing:.8px}.ci-new-chat{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 10px 6px;padding:8px 14px;border-radius:9px;border:none;background:var(--brand);color:#07131c;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .14s;flex-shrink:0}.ci-new-chat:hover{opacity:.88}.ci-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.ci-chat-item{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 12px;margin:1px 6px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background .12s,color .12s}.ci-chat-item:hover{background:var(--hover-bg);color:var(--text-primary)}.ci-chat-item.active{background:var(--brand-soft);color:var(--brand)}.ci-chat-name{font-size:12px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-chat-date{font-size:10px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.ci-chat-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.ci-chat-dot.active-dot{background:var(--brand)}.ci-sub-item:hover{background:var(--hover-bg)!important}.ci-left-footer{flex-shrink:0}.ci-user-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;transition:background .12s}.ci-user-row:hover{background:var(--hover-bg)}.ci-avatar{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--brand);color:#07131c;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.ci-user-name{font-size:11px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-user-role{font-size:9px;color:var(--text-secondary);margin-top:1px}.ci-history{flex:1;overflow-y:auto}.ci-history::-webkit-scrollbar{width:3px}.ci-history::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#04080eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:flex-end;padding:0}.sf-panel{width:400px;max-width:100vw;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s cubic-bezier(.22,1,.36,1)}@keyframes slideIn{0%{transform:translate(32px);opacity:0}to{transform:none;opacity:1}}.sf-wide{width:520px}.sf-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary)}.sf-header-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sf-header-icon svg{width:16px;height:16px}.sf-header-title{font-size:14px;font-weight:700;color:var(--text-primary)}.sf-header-sub{font-size:11px;color:var(--text-secondary);margin-top:1px}.sf-close{margin-left:auto;width:28px;height:28px;border-radius:7px;border:1px solid var(--border-color);background:var(--hover-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .14s,color .14s;flex-shrink:0}.sf-close:hover{border-color:var(--brand);color:var(--brand)}.sf-close svg{width:12px;height:12px}.sf-body{flex:1;overflow-y:auto;padding:16px 18px}.sf-footer{padding:12px 18px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-secondary)}.sf-list{display:flex;flex-direction:column;gap:4px}.sf-list-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:background .12s}.sf-list-item:hover{background:var(--hover-bg)}.sf-list-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700}.sf-list-body{flex:1;min-width:0}.sf-list-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-list-sub{font-size:11px;color:var(--text-secondary);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-list-meta{font-size:10px;color:var(--text-secondary);margin-top:2px}.sf-list-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.sf-empty{text-align:center;padding:36px 20px}.sf-empty-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.sf-empty-sub{font-size:11px;color:var(--text-secondary);line-height:1.7}.sf-input,.sf-select,.sf-textarea{width:100%;box-sizing:border-box;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--brand)}.sf-textarea{resize:vertical;min-height:80px}.sf-select{cursor:pointer}.sf-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.sf-field{margin-bottom:14px}.sf-field-row{display:flex;gap:10px}.sf-field-row .sf-field{flex:1}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s}.sf-btn:disabled{opacity:.45;cursor:not-allowed}.sf-btn-primary{background:var(--brand);color:#07131c}.sf-btn-primary:hover:not(:disabled){opacity:.88}.sf-btn-outline{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-primary)}.sf-btn-outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.sf-tab-bar{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:8px}.sf-tab{padding:5px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.sf-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.sf-tab.active{background:var(--brand-soft);color:var(--brand)}.sf-toolbar{display:flex;align-items:center;gap:8px;padding:8px 0}.sf-search-wrap{position:relative;flex:1}.sf-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);display:flex;pointer-events:none}.sf-search-icon svg{width:13px;height:13px}.sf-search{width:100%;box-sizing:border-box;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:7px 10px 7px 32px;color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.sf-search:focus{border-color:var(--brand)}.sf-result{margin-top:12px;border-radius:8px;border:1px solid var(--brand-soft);overflow:hidden}.sf-result-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--brand-soft);font-size:11px;font-weight:700;color:var(--brand)}.sf-result-body{padding:12px;font-size:13px;color:var(--text-primary);line-height:1.7;background:var(--bg-tertiary)}.sf-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ci-messages{flex:1;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:16px;background:var(--bg-primary)}.ci-messages::-webkit-scrollbar{width:3px}.ci-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.ci-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center;color:var(--text-secondary)}.ci-empty-icon{font-size:36px;margin-bottom:14px;opacity:.6}.ci-empty-state h3{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.ci-empty-state p{font-size:12px;line-height:1.7;max-width:280px}.ci-msg{display:flex;gap:10px;align-items:flex-start}.ci-msg.user{flex-direction:row-reverse}.ci-msg-avatar{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.ci-msg.ai .ci-msg-avatar{background:var(--brand-soft);color:var(--brand)}.ci-msg.user .ci-msg-avatar{background:var(--bg-tertiary);color:var(--text-secondary)}.ci-bubble{max-width:72%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.7;word-break:break-word}.ci-msg.ai .ci-bubble{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:2px 12px 12px}.ci-msg.user .ci-bubble{background:var(--brand);color:#07131c;font-weight:500;border-radius:12px 2px 12px 12px}.ci-typing{display:flex;gap:4px;align-items:center;padding:2px 0}.ci-typing span{width:5px;height:5px;border-radius:50%;background:var(--text-secondary);animation:blink 1.2s infinite}.ci-typing span:nth-child(2){animation-delay:.2s}.ci-typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.ci-input-area{padding:12px 16px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.ci-input-bar{display:flex;align-items:flex-end;gap:10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.ci-input-bar:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.ci-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-size:13px;line-height:1.6;color:var(--text-primary);max-height:140px;min-height:20px;font-family:inherit}.ci-textarea::placeholder{color:var(--text-secondary);opacity:.7}.ci-textarea:disabled{opacity:.5;cursor:not-allowed}.ci-send{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--brand);border:none;color:#07131c;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .14s,transform .1s}.ci-send:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ci-send:active:not(:disabled){transform:translateY(0)}.ci-send:disabled{opacity:.4;cursor:not-allowed}