@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.lp{--bg:#030712;--bg-card:#0a1018;--bg-elevated:#111827;--primary:#0ff;--primary-hover:#00e5e5;--secondary:#00c8b4;--accent:#ffc800;--danger:#ef4444;--text:#f8fafc;--text-muted:#8899a6;--border:#00ffff1a;--radius:12px;--shadow:0 4px 6px -1px #0000001a;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.lp-nav{z-index:1000;padding:16px 20px;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.lp-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border);background:#030712f2}.lp-nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.lp-logo{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.lp-logo-icon{color:#000;background:linear-gradient(135deg,#0ff,#00c8b4);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lp-nav-links{gap:32px;display:none}.lp-nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.lp-nav-links a:hover{color:var(--text)}.lp-nav-actions{align-items:center;gap:12px;display:none}.lp-nav-mobile-actions{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}.lp-menu-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px;display:flex}.lp-nav-links.open{background:var(--bg);flex-direction:column;gap:0;padding:24px;animation:.3s slideDown;display:flex;position:fixed;inset:68px 0 0}.lp-nav-links.open a{border-bottom:1px solid var(--border);padding:16px 0;font-size:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lp-btn-primary,.lp-btn-secondary,.lp-btn-ghost{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lp-btn-primary{color:#000;background:linear-gradient(135deg,#0ff,#00c8b4);font-weight:700}.lp-btn-primary:hover{background:linear-gradient(135deg,#00e5e5,#00b4a0);transform:translateY(-2px);box-shadow:0 8px 24px #00ffff4d}.lp-btn-secondary{color:var(--text);background:0 0;border:1px solid #00ffff4d}.lp-btn-secondary:hover{color:#0ff;background:#00ffff0d;border-color:#0ff}.lp-btn-ghost{color:var(--text-muted);background:0 0}.lp-btn-ghost:hover{color:#0ff}.lp-btn-tracker{color:#0ff;background:#00ffff14;border:1px solid #0ff6;border-radius:10px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .22s;animation:3s ease-in-out infinite lp-tracker-pulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #00ffff1f}@keyframes lp-tracker-pulse{0%,to{box-shadow:0 0 10px #00ffff1f}50%{box-shadow:0 0 22px #00ffff4d}}.lp-btn-tracker:hover{color:#0ff;background:#00ffff26;border-color:#00ffffd9;transform:translateY(-1px);box-shadow:0 0 28px #00ffff59}.lp-tracker-badge{color:#000;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(135deg,#0ff,#00c8b4);border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:800}.lp-tracker-inner{flex-direction:column;gap:2px;line-height:1;display:flex}.lp-tracker-label{color:#0ff;font-size:13px;font-weight:600}.lp-tracker-hint{color:#00ffffa6;letter-spacing:.2px;font-size:10px;font-weight:500}.lp-btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.lp-btn-full{width:100%}.lp-hero{align-items:center;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#3b82f626,#0000),radial-gradient(60% 40% at 80% 60%,#10b9811a,#0000);position:absolute;inset:0}.lp-hero>.lp-container{align-items:center;gap:48px;display:grid}.lp-hero-content{text-align:center}.lp-badge{color:#0ff;background:#00ffff1a;border:1px solid #0ff3;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.lp-hero h1{margin:0 0 20px;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.1}.lp-hero h1 span{background:linear-gradient(135deg,#0ff,#00c8b4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero>.lp-container>.lp-hero-content>p{color:var(--text-muted);max-width:540px;margin:0 auto 32px;font-size:clamp(16px,2vw,18px)}.lp-hero-actions{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.lp-hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.lp-stat{text-align:center}.lp-stat strong{color:var(--text);font-size:24px;font-weight:800;display:block}.lp-stat span{color:var(--text-muted);font-size:13px}.lp-hero-visual{display:none}.lp-dashboard-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.lp-preview-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.lp-dots{gap:6px;display:flex}.lp-dots span{border-radius:50%;width:10px;height:10px}.lp-dots span:first-child{background:#ef4444}.lp-dots span:nth-child(2){background:#f59e0b}.lp-dots span:nth-child(3){background:#10b981}.lp-preview-header>span{color:var(--text-muted);font-size:12px}.lp-preview-body{padding:20px}.lp-preview-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.lp-ps{background:var(--bg-elevated);text-align:center;border-radius:10px;padding:14px}.lp-ps .val{font-size:20px;font-weight:700;display:block}.lp-ps .val.blue{color:var(--primary)}.lp-ps .val.green{color:var(--secondary)}.lp-ps .val.orange{color:var(--accent)}.lp-ps .val.red{color:var(--danger)}.lp-ps .lbl{color:var(--text-muted);font-size:11px}.lp-preview-chart{align-items:flex-end;gap:6px;height:60px;display:flex}.lp-preview-chart .bar{background:linear-gradient(to top, var(--primary), #3b82f64d);height:var(--h,50%);animation:growUp .6s ease var(--d,0s) both;border-radius:3px;flex:1}@keyframes growUp{0%{height:0}to{height:var(--h,50%)}}.lp-trusted{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 20px}.lp-trusted p{color:var(--text-muted);margin-bottom:20px;font-size:13px}.lp-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.lp-logos span{color:#ffffff40;letter-spacing:1px;font-size:14px;font-weight:700}.lp-section-header{text-align:center;max-width:600px;margin:0 auto 48px}.lp-tag{color:#0ff;text-transform:uppercase;letter-spacing:1px;background:#00ffff1a;border:1px solid #0ff3;border-radius:100px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.lp-section-header h2{margin:0 0 12px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.lp-section-header p{color:var(--text-muted);margin:0;font-size:16px}.lp-features{padding:80px 0}.lp-features-grid{gap:20px;display:grid}.lp-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .3s,transform .3s,box-shadow .3s}.lp-feature-card:hover{border-color:#0ff6;transform:translateY(-4px);box-shadow:0 10px 40px #00ffff1a}.lp-feature-icon{color:#0ff;background:#00ffff1a;border:1px solid #0ff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.lp-feature-card h3{margin:0 0 8px;font-size:18px;font-weight:700}.lp-feature-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.lp-process{background:var(--bg-card);padding:80px 0}.lp-steps{gap:24px;display:grid}.lp-step{text-align:center;padding:24px}.lp-step-num{color:#3b82f633;margin-bottom:12px;font-size:40px;font-weight:900}.lp-step h3{margin:0 0 8px;font-size:18px;font-weight:700}.lp-step p{color:var(--text-muted);margin:0;font-size:14px}.lp-pricing{padding:80px 0}.lp-billing-toggle{background:var(--bg-card);border-radius:10px;justify-content:center;gap:4px;width:fit-content;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.lp-billing-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lp-billing-toggle button.active{background:var(--primary);color:#fff}.lp-save{background:var(--secondary);color:#000;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.lp-pricing-grid{gap:24px;max-width:400px;margin:0 auto;display:grid}.lp-pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative}.lp-pricing-card.popular{border-color:var(--primary);box-shadow:0 0 40px #3b82f626}.lp-popular-badge{background:var(--primary);color:#fff;white-space:nowrap;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-pricing-card h3{margin:0 0 8px;font-size:20px;font-weight:700}.lp-plan-desc{color:var(--text-muted);margin:0 0 20px;font-size:14px}.lp-price{align-items:baseline;gap:2px;margin-bottom:8px;display:flex}.lp-price .currency{color:var(--text-muted);font-size:18px;font-weight:600}.lp-price .amount{font-size:40px;font-weight:800}.lp-price .period{color:var(--text-muted);font-size:14px}.lp-billed{color:var(--text-muted);margin:0 0 20px;font-size:12px}.lp-pricing-card .lp-btn-primary,.lp-pricing-card .lp-btn-secondary{margin-bottom:24px}.lp-plan-features{margin:0;padding:0;list-style:none}.lp-plan-features li{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.lp-plan-features li svg{color:var(--secondary);flex-shrink:0}.lp-cta{background:linear-gradient(180deg, var(--bg-card) 0%, #00ffff08 100%);border-top:1px solid #00ffff1a;padding:100px 0}.lp-cta-content{text-align:center;max-width:600px;margin:0 auto}.lp-cta-content>svg{color:#0ff;margin-bottom:24px}.lp-cta-content h2{margin:0 0 12px;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.lp-cta-content>p{color:var(--text-muted);margin:0 0 32px;font-size:16px}.lp-cta-actions{flex-direction:column;justify-content:center;gap:12px;display:flex}.lp-footer{border-top:1px solid #00ffff1a;padding:60px 0 24px}.lp-footer-main{gap:40px;margin-bottom:40px;display:grid}.lp-footer-brand p{color:var(--text-muted);max-width:280px;margin:16px 0 0;font-size:14px}.lp-footer-brand p a{color:#0ff;text-decoration:none}.lp-footer-brand p a:hover{text-decoration:underline}.lp-footer-links{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-footer-col h4{text-transform:uppercase;letter-spacing:.5px;color:#0ff;margin:0 0 12px;font-size:13px;font-weight:700}.lp-footer-col a{color:var(--text-muted);padding:6px 0;font-size:14px;text-decoration:none;transition:color .2s;display:block}.lp-footer-col a:hover{color:#0ff}.lp-footer-bottom{text-align:center;border-top:1px solid #00ffff1a;padding-top:24px}.lp-footer-bottom p{color:var(--text-muted);margin:0;font-size:13px}.lp-footer-bottom p a{color:#0ff;text-decoration:none}.lp-footer-bottom p a:hover{text-decoration:underline}@media (width>=640px){.lp-hero-actions{flex-direction:row;justify-content:center}.lp-preview-stats{grid-template-columns:repeat(4,1fr)}.lp-features-grid,.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-cta-actions{flex-direction:row}}@media (width>=768px){.lp-nav-links{display:flex}.lp-nav-links.open{background:0 0;flex-direction:row;padding:0;animation:none;position:static}.lp-nav-links.open a{border:none;padding:0;font-size:14px}.lp-nav-mobile-actions{display:none}.lp-nav-actions{display:flex}.lp-menu-toggle{display:none}.lp-hero-visual{display:block}.lp-logos span{font-size:16px}.lp-logos{gap:40px}}@media (width>=1024px){.lp-hero>.lp-container{grid-template-columns:1fr 1fr;gap:64px}.lp-hero-content{text-align:left}.lp-hero>.lp-container>.lp-hero-content>p{margin-left:0}.lp-hero-actions,.lp-hero-stats{justify-content:flex-start}.lp-features-grid{grid-template-columns:repeat(3,1fr)}.lp-steps{grid-template-columns:repeat(4,1fr)}.lp-pricing-grid{grid-template-columns:repeat(3,1fr);max-width:1100px}.lp-pricing-card.popular{transform:scale(1.02)}.lp-footer-main{grid-template-columns:1.5fr 2fr}}.lp-workflow-visual{will-change:transform;background:#0a101880;border:1px solid #00ffff1a;border-radius:16px;margin-top:48px;padding:24px;position:relative;overflow:hidden}.workflow-status{color:#0ff;text-transform:uppercase;letter-spacing:1px;opacity:.8;justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:9px;font-weight:600;display:flex}.status-text{font-size:9px}.status-dot{background:#0ff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00ffff80}50%{opacity:.5;box-shadow:0 0 0 6px #0ff0}}@keyframes flowDown{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@keyframes dotMove{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(10px)}}.workflow-diagram{flex-direction:column;align-items:center;gap:0;display:flex}.workflow-row{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.workflow-node{opacity:.5;will-change:transform, opacity;background:#0a1018e6;border:1px solid #0ff3;border-radius:12px;align-items:flex-start;gap:12px;min-width:180px;max-width:260px;padding:14px;transition:all .3s;display:flex;transform:scale(.97)}.workflow-node.active{opacity:1;border-color:#0ff;transform:scale(1);box-shadow:0 0 16px #0ff3}.workflow-node svg{color:#0ff;flex-shrink:0;margin-top:2px}.node-content{flex-direction:column;gap:4px;display:flex}.node-content strong{color:#fff;font-size:14px;font-weight:700}.node-content span{color:#94a3b8;font-size:11px;line-height:1.4}.node-tag{text-transform:uppercase;letter-spacing:1px;border-radius:4px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.node-tag.cyan{color:#0ff;background:#00ffff26;border:1px solid #00ffff4d}.node-tag.teal{color:#00c8b4;background:#00c8b426;border:1px solid #00c8b44d}.node-tag.yellow{color:#ffc800;background:#ffc80026;border:1px solid #ffc8004d}.node-tag.green{color:#00ff96;background:#00ff9626;border:1px solid #00ff964d}.process-node{background:#0a141ee6;border-color:#00c8b44d;min-width:260px;max-width:320px}.process-node.active{border-color:#00c8b4;box-shadow:0 0 20px #00c8b440}.sprint-node{background:#14140acc;border-color:#ffc8004d}.sprint-node.active{border-color:#ffc800;box-shadow:0 0 16px #ffc80033}.output-node.active{border-color:#00ff96;box-shadow:0 0 16px #00ff9633}.workflow-connectors{justify-content:center;width:100%;height:50px;display:flex}.connector-svg{width:100%;max-width:400px;height:60px}.connector-line{fill:none;stroke:#00ffff26;stroke-width:2px;stroke-dasharray:6 3;transition:all .3s}.connector-line.active{stroke:#0ff;stroke-dasharray:20;stroke-dashoffset:20px;filter:drop-shadow(0 0 3px #0ff6);animation:.6s forwards flowDown}.connector-dot{fill:#0ff3;transition:all .3s}.connector-dot.active{fill:#0ff;filter:drop-shadow(0 0 5px #00ffffb3);animation:.8s infinite dotMove}.lp-how-it-works{background:var(--bg-card);padding:100px 0}.lp-flow-steps{flex-direction:column;align-items:center;gap:20px;display:flex}.flow-step{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:300px;padding:32px;transition:all .3s;position:relative}.flow-step:hover{border-color:#0ff;transform:translateY(-4px);box-shadow:0 10px 40px #00ffff1a}.flow-step-num{color:#000;background:linear-gradient(135deg,#0ff,#00c8b4);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.flow-step-icon{color:#0ff;background:#00ffff1a;border:1px solid #0ff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.flow-step h3{margin:0 0 12px;font-size:18px;font-weight:700}.flow-step p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.flow-arrow{justify-content:center;width:40px;height:40px;display:flex;transform:rotate(90deg)}.flow-arrow svg{width:100%;height:100%}.flow-arrow path{fill:none;stroke:#0ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.5}@media (width>=1024px){.lp-flow-steps{flex-direction:row;justify-content:center;gap:0}.flow-step{max-width:240px}.flow-arrow{align-self:center;width:60px;height:20px;transform:none}}@media (width>=768px){.lp-workflow-visual{padding:32px}.workflow-row{flex-wrap:nowrap}}@media (width>=1024px){.lp-hero>.lp-container{display:block}.lp-hero-content{text-align:center;max-width:800px;margin:0 auto}.lp-hero>.lp-container>.lp-hero-content>p{max-width:600px;margin:0 auto 32px}.lp-hero-actions{justify-content:center}.lp-workflow-visual{margin-top:60px;padding:40px}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg-0:#07090f;--bg-1:#0c111b;--bg-2:#131a28;--bg-3:#1b2436;--line:#ffffff0f;--line-strong:#ffffff1a;--text:#e6eaf2;--muted:#8c95ad;--muted-2:#6b7388;--brand:#4f8cff;--brand-2:#7fb6ff;--emerald:#22d3a6;--amber:#f4b740;--rose:#ff6470;--violet:#a78bfa;--cyan:#67e8f9;--sidebar-w:240px;--sidebar-w-sm:60px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:.2s ease;--border:var(--line);--border-color:var(--line);--surface:var(--bg-1);--surface-2:var(--bg-2);--text-primary:var(--text);--text-secondary:var(--muted)}[data-theme=light]{--bg-0:#f8fafc;--bg-1:#fff;--bg-2:#f1f5f9;--bg-3:#e2e8f0;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#1e293b;--muted:#64748b;--muted-2:#94a3b8;--brand:#2563eb;--brand-2:#1d4ed8;--emerald:#10b981;--amber:#f59e0b;--rose:#ef4444;--violet:#8b5cf6;--cyan:#06b6d4}[data-theme=light] .sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 12px #0000000a}[data-theme=light] .sidebar-logo{box-shadow:0 4px 12px #2563eb33}[data-theme=light] .sidebar-link{color:#475569}[data-theme=light] .sidebar-link:hover{color:#334155;background:#2563eb14}[data-theme=light] .sidebar-link.active{color:#2563eb;background:#2563eb14;border-radius:6px;font-weight:600}[data-theme=light] .sidebar-expand-btn{color:#2563eb;background:linear-gradient(#2563eb14,#2563eb05);border-bottom-color:#e2e8f0}[data-theme=light] .sidebar-expand-btn:hover{background:#2563eb1f}[data-theme=light] .sidebar-workspace{border-bottom-color:#e2e8f0}[data-theme=light] .sidebar-child.active{color:#2563eb;background:#2563eb1a;border-radius:6px}[data-theme=light] .sidebar-footer{border-top-color:#e2e8f0}[data-theme=light] .sidebar-user{background:#f8fafc;border-radius:10px}[data-theme=light] .sidebar-logout:hover{color:#ef4444}[data-theme=light] .theme-toggle:hover{color:#8b5cf6;background:#f1f5f9}[data-theme=light] .stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}[data-theme=light] .stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}[data-theme=light] .stat-card-clickable:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb1f}[data-theme=light] .section-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .modal-content,[data-theme=light] .modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #0000001f,0 8px 24px #0000000f}[data-theme=light] .modal-overlay,[data-theme=light] .modal-backdrop{background:#0f172a80}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] textarea{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .input:focus,[data-theme=light] .select:focus,[data-theme=light] textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .btn-secondary{color:#475569;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .btn-secondary:hover{color:#1e293b;background:#e2e8f0}[data-theme=light] .kanban-column{background:#f1f5f9}[data-theme=light] .kanban-card{background:#fff;box-shadow:0 1px 3px #0000000a}[data-theme=light] .app-main{background:#f8fafc}[data-theme=light] .tab-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 4px #00000014}[data-theme=light] .data-table th{color:#64748b;background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .data-table tbody tr:hover td{background:#f8fafc}[data-theme=light] .data-table td{border-bottom-color:#f1f5f9}[data-theme=light] .emails-list,[data-theme=light] .commitment-table-wrapper{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .commitment-table thead th{color:#94a3b8;background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .commitment-table tbody tr:hover{background:#2563eb08}[data-theme=light] .email-preview{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .gmail-list{box-shadow:none;background:#fff;border:none}[data-theme=light] .filter-tab{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=light] .filter-tab:hover{color:#1e293b;background:#f1f5f9}[data-theme=light] .filter-tab.active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}[data-theme=light] .filter-count{color:#64748b;background:#e2e8f0}[data-theme=light] .filter-tab.active .filter-count{color:#1d4ed8;background:#bfdbfe}[data-theme=light] .search-input{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .select-sm{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .command-palette{background:#fff;border-color:#e2e8f0;box-shadow:0 24px 80px #0000001f,0 8px 24px #0000000f}[data-theme=light] .command-palette-header{border-bottom-color:#e2e8f0}[data-theme=light] .command-palette-footer{background:#f8fafc;border-top-color:#e2e8f0}[data-theme=light] .command-item:hover,[data-theme=light] .command-item.selected{background:#f1f5f9}[data-theme=light] .command-item.selected{background:#2563eb14;border-color:#2563eb33}[data-theme=light] .command-kbd{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .wizone-col{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .commit-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .commit-card:hover{border-color:#bfdbfe;box-shadow:0 4px 16px #2563eb14}[data-theme=light] .auth-card{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px #00000014}[data-theme=light] .auth-page{background:radial-gradient(900px 700px at 20% -5%,#2563eb0f,#0000 60%),radial-gradient(700px 600px at 90% 110%,#10b9810d,#0000 60%),#f8fafc}[data-theme=light] .google-banner.connected{background:#10b9810a;border-color:#10b9812e}[data-theme=light] .google-banner.disconnected{background:#2563eb0a;border-color:#2563eb2e}[data-theme=light] .gmail-toolbar,[data-theme=light] .gmail-tabs{background:#fff;border-color:#e2e8f0}[data-theme=light] .gmail-tab:hover{background:#f1f5f9}[data-theme=light] .gmail-thread-container{background:#fff}[data-theme=light] .gmail-thread-sidebar{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .gmail-msg,[data-theme=light] .gmail-msg-card{background:#fff;border-color:#f1f5f9}[data-theme=light] .gmail-msg.expanded{box-shadow:0 2px 8px #0000000f}[data-theme=light] .gmail-msg-header:hover,[data-theme=light] .gmail-msg-card-header:hover{background:#f8fafc}[data-theme=light] .gmail-list-header{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .gmail-row{border-bottom-color:#f1f5f9}[data-theme=light] .gmail-row:hover{background:#eff6ff}[data-theme=light] .gmail-row.selected{background:#dbeafe;box-shadow:inset 3px 0 #2563eb}[data-theme=light] .gmail-row.unread{background:#fff}[data-theme=light] .gmail-row.unread:hover{background:#eff6ff}[data-theme=light] .gmail-row.unread.selected{background:#dbeafe;box-shadow:inset 3px 0 #2563eb}[data-theme=light] .gmail-search{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .gmail-search:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .gmail-row-actions{background:#fff;box-shadow:0 2px 8px #00000014}[data-theme=light] .permission-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .permission-item:hover{background:#2563eb05;border-color:#2563eb}[data-theme=light] .permission-item.enabled{background:#10b9810d;border-color:#10b98133}[data-theme=light] .role-select-btn{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .role-select-btn:hover{background:#2563eb05;border-color:#2563eb}[data-theme=light] .role-select-btn.active{background:#2563eb0d;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .grace-period-banner{background:#f59e0b0f;border-color:#f59e0b33}[data-theme=light] .skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)}[data-theme=light] .email-flow-section{background:#f1f5f9}[data-theme=light] .email-flow-chip{background:#fff;border-color:#e2e8f0}[data-theme=light] .gmail-msg-details-panel{background:#f1f5f9}[data-theme=light] .gmail-email-details-box{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .gmail-sidebar-label:hover{background:#f1f5f9}[data-theme=light] .gmail-sidebar-label.active{color:#2563eb;background:#2563eb14}[data-theme=light] .gmail-attachments-box{background:#f1f5f9}[data-theme=light] .sidebar-toggle-preview{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .sidebar-toggle-btn{background:#fff;border-color:#e2e8f0}[data-theme=light] .view-toggle{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .view-toggle-btn:hover{background:#e2e8f0}[data-theme=light] .view-toggle-btn.active{color:#2563eb;background:#2563eb1a}[data-theme=light] .bar-fill{background:linear-gradient(#2563eb,#2563eb66)}[data-theme=light] .bar-col:hover .bar-fill{background:#1d4ed8}[data-theme=light] .btn-export{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .btn-export:hover{color:#1e293b;background:#e2e8f0}[data-theme=light] .gmail-thread-head{background:#fff;border-color:#e2e8f0}[data-theme=light] .gmail-compose-fab{color:#1d4ed8;background:#dbeafe}[data-theme=light] .gmail-tab.active{color:#2563eb;border-bottom-color:#2563eb}[data-theme=light] .feature-toggle-item{background:#f1f5f9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.spin{animation:.7s linear infinite spin}.spinner{border:2.5px solid var(--bg-3);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.spinner-sm{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gpbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/1600px 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeletonShimmer}[data-theme=light] .skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/1600px 100%;animation:1.5s ease-in-out infinite skeletonShimmer}.app-layout{min-height:100vh;display:flex}.app-main{background:radial-gradient(900px 600px at 80% 0%, #4f8cff0f, transparent 60%), var(--bg-0);min-width:0;transition:background var(--transition);flex:1;overflow-y:auto}.app-main-wide{margin-left:0}.sidebar{width:var(--sidebar-w);background:var(--bg-1);border-right:1px solid var(--line);height:100vh;transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-collapsed{width:var(--sidebar-w-sm)}.sidebar-brand{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;min-height:62px;padding:16px 14px;display:flex}.sidebar-logo{background:linear-gradient(135deg,#4f8cff,#22d3a6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #4f8cff4d}.sidebar-brand-text{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.sidebar-brand-name{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:800}.sidebar-brand-sub{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.sidebar-toggle{cursor:pointer;color:var(--muted-2);transition:color var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;margin-left:auto;padding:4px;display:flex}.sidebar-toggle:hover{color:var(--text)}.sidebar-expand-btn{border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:var(--brand);transition:all var(--transition);background:linear-gradient(#4f8cff1f,#4f8cff0a);justify-content:center;align-items:center;padding:12px 0;display:flex}.sidebar-expand-btn:hover{color:var(--text);background:linear-gradient(#4f8cff33,#4f8cff14)}.sidebar-workspace{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.workspace-dot{background:var(--emerald);width:8px;height:8px;box-shadow:0 0 6px var(--emerald);border-radius:50%;flex-shrink:0}.workspace-info{min-width:0}.workspace-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.workspace-plan{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-link{color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;overflow:hidden}.sidebar-link:hover{color:var(--text);background:#ffffff0d}.sidebar-link.active{color:#2563eb;background:#2563eb14;border-radius:6px;font-weight:600}[data-theme=light] .sidebar-link.active{color:#1a73e8;background:#d3e3fd}.sidebar-menu-group{flex-direction:column;display:flex}.sidebar-parent{-webkit-user-select:none;user-select:none}.sidebar-submenu{border-left:1px solid var(--line);flex-direction:column;gap:1px;margin-top:2px;margin-bottom:4px;margin-left:12px;padding-left:10px;display:flex}.sidebar-child{padding:7px 10px;font-size:12.5px}.sidebar-child:hover{background:#ffffff08}.sidebar-child.active{background:#4f8cff1a}.sidebar-footer{border-top:1px solid var(--line);flex-shrink:0;padding:8px}.sidebar-user{transition:background var(--transition);border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:8px 6px;display:flex}.sidebar-user:hover{background:#ffffff08}[data-theme=light] .sidebar-user:hover{background:#f1f5f9}.sidebar-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.sidebar-user-role{font-size:10px;font-weight:500;display:block}.sidebar-logout{cursor:pointer;color:var(--muted-2);transition:color var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;margin-left:auto;padding:4px;display:flex}.sidebar-logout:hover{color:var(--rose)}.theme-toggle{cursor:pointer;background:0 0;border:none;width:100%}.theme-toggle:hover{color:var(--amber);background:#ffffff0a}.page{max-width:1400px;padding:28px 32px;animation:.3s fadeUp}.page-kanban{max-width:none;padding:20px 24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:800}.page-sub{color:var(--muted);font-size:13px}.page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.stats-grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stats-grid-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:flex-start;gap:14px;padding:18px;display:flex;position:relative}.stat-card:hover{border-color:var(--line-strong)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 24px #4f8cff26}.stat-card-clickable:active{transform:translateY(0)}.stat-arrow{color:var(--muted);opacity:0;transition:opacity var(--transition), color var(--transition);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.stat-card-clickable:hover .stat-arrow{opacity:1;color:var(--brand)}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-body{min-width:0}.stat-value{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:800;line-height:1}.stat-label{color:var(--muted);font-size:12px;font-weight:500}.stat-sub{color:var(--muted-2);margin-top:2px;font-size:11px}.section-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:20px}.section-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-card-header h2{color:var(--text);font-size:15px;font-weight:700}.bar-chart{align-items:flex-end;gap:3px;height:100px;padding-bottom:4px;display:flex;overflow-x:auto}.bar-col{flex:1;align-items:flex-end;min-width:8px;max-width:18px;height:100%;display:flex}.bar-fill{background:linear-gradient(180deg, var(--brand), #4f8cff66);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.bar-col:hover .bar-fill{background:var(--brand-2)}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px 8px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--line);color:var(--text);padding:12px 14px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff05}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-sm{font-size:12px}.text-rose{color:var(--rose)}.mono-text{color:var(--brand-2);font-family:JetBrains Mono,monospace;font-size:12.5px}.row-alert td{background:#ff647008}.compliance-bar{align-items:center;gap:8px;display:flex}.compliance-fill{border-radius:9999px;min-width:4px;height:6px;transition:width .4s}.compliance-bar>span{white-space:nowrap;color:var(--text);font-size:12px;font-weight:600}.compliance-cell{align-items:center;gap:8px;display:flex}.mini-bar{background:var(--bg-3);border-radius:99px;width:80px;height:5px;overflow:hidden}.mini-bar-fill{border-radius:99px;height:100%;transition:width .4s}.badge-success{color:var(--emerald);background:#22d3a61f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-danger{color:var(--rose);background:#ff64701f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-warning{color:var(--amber);background:#f4b7401f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-muted{color:var(--muted);background:#8c95ad1f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-neutral{background:var(--bg-3);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.dept-badge{color:var(--brand-2);background:#4f8cff1a;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.status-pill{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.saving-text{color:var(--emerald);font-size:13px;font-weight:600}.reason-cell{color:var(--muted);max-width:280px;font-size:12px}.role-pill{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.role-super_admin{color:#4f8cff;background:#4f8cff1f}.role-dept_head{color:#22d3a6;background:#22d3a61f}.role-employee{color:#a78bfa;background:#a48bfa1f}.employee-cell{align-items:center;gap:10px;display:flex}.emp-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.emp-name{color:var(--text);font-size:13px;font-weight:600}.emp-email{font-size:11px}.kanban-scroll{padding-bottom:16px;overflow-x:auto}.wizone-kanban-cols{align-items:flex-start;gap:14px;width:max-content;min-width:100%;min-height:calc(100vh - 160px);display:flex}.wizone-col{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:280px;max-height:calc(100vh - 160px);display:flex}.wizone-col-header{border-top:3px solid var(--brand);border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.wizone-col-title{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-count{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.wizone-col-body{min-height:80px;transition:background var(--transition);flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.wizone-col-body.drag-over{background:#4f8cff0a}.col-empty{text-align:center;color:var(--muted-2);padding:20px 0;font-size:12px}.commit-card{background:var(--bg-0);border:1px solid var(--line);cursor:grab;transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;padding:12px}.commit-card:hover{border-color:var(--line-strong);box-shadow:0 4px 16px #0000004d}.commit-card.dragging{opacity:.85;border-color:var(--brand);cursor:grabbing;box-shadow:0 10px 30px #00000080}.commit-mailbox{color:var(--brand-2);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-family:monospace;font-size:11px;overflow:hidden}.commit-text{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.commit-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.commit-owner,.commit-deadline,.commit-conf{color:var(--muted);align-items:center;gap:3px;font-size:11px;display:inline-flex}.commit-deadline.overdue{color:var(--rose)}.commit-conf{color:var(--muted-2);margin-left:auto}.commit-gap{color:var(--rose);background:#ff64701f;border-radius:4px;margin-top:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.view-toggle{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.view-toggle-btn{color:var(--muted-2);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px 10px;display:flex}.view-toggle-btn:hover{color:var(--text);background:var(--bg-3)}.view-toggle-btn.active{color:var(--brand);background:#4f8cff1f}.view-toggle-btn:first-child{border-right:1px solid var(--line)}.commitment-table-wrapper{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);overflow:auto hidden}.commitment-table{border-collapse:collapse;width:100%;min-width:700px}.commitment-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:600}.commitment-table tbody tr{border-bottom:1px solid var(--line);transition:background var(--transition)}.commitment-table tbody tr:last-child{border-bottom:none}.commitment-table tbody tr.clickable-row{cursor:pointer}.commitment-table tbody tr.clickable-row:hover{background:#4f8cff0a}.commitment-table td{color:var(--text);vertical-align:middle;padding:14px 16px;font-size:13px}.commitment-table .no-data{text-align:center;color:var(--muted-2);padding:40px 16px}.commitment-table .table-email{color:var(--brand-2);font-family:monospace;font-size:12px}.commitment-table .commitment-text-cell{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:400px;line-height:1.4;display:-webkit-box;overflow:hidden}.commitment-table .status-badge{white-space:nowrap;border:1px solid;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.commitment-table .deadline-cell{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.commitment-table .deadline-cell.overdue{color:var(--rose)}.commitment-table .owner-cell{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.commitment-table .conf-cell{font-size:12px;font-weight:600}.commitment-table .conf-cell.high{color:var(--emerald)}.commitment-table .conf-cell.medium{color:var(--amber)}.commitment-table .conf-cell.low{color:var(--rose)}@media (width<=768px){.commitment-table-wrapper{overflow-x:visible}.commitment-table{min-width:unset}.commitment-table thead{display:none}.commitment-table tbody{flex-direction:column;gap:12px;padding:12px;display:flex}.commitment-table tbody tr{background:var(--bg-0);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.commitment-table tbody tr:last-child{border-bottom:1px solid var(--line)}.commitment-table td{align-items:flex-start;gap:8px;padding:0;display:flex}.commitment-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:80px;font-size:10px;font-weight:600}.commitment-table .commitment-text-cell{max-width:none}.commitment-table .no-data{display:block}.commitment-table .no-data:before{display:none}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{color:#fff;background:linear-gradient(#5a95ff,#3d78e6);border:1px solid #6fa5ff;width:auto;box-shadow:0 4px 12px #2563eb4d}.btn.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 16px #2563eb66}.btn.btn-outline{color:var(--text);border:1px solid var(--line);background:0 0}.btn.btn-outline:hover{background:var(--bg-2);border-color:var(--muted)}.btn.btn-sm{padding:6px 12px;font-size:12px}.btn.btn-xs{padding:4px 8px;font-size:11px}.btn-primary{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition), transform .1s, box-shadow var(--transition);background:linear-gradient(#5a95ff,#3d78e6);border:1px solid #6fa5ff;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 20px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px #2563eb66}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary-sm{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition), box-shadow var(--transition);white-space:nowrap;background:linear-gradient(#5a95ff,#3d78e6);border:1px solid #6fa5ff;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.btn-primary-sm:hover{filter:brightness(1.08);box-shadow:0 4px 12px #2563eb59}.btn-primary-sm:disabled{opacity:.6;cursor:not-allowed}.btn-primary-xs{color:#fff;cursor:pointer;background:linear-gradient(#5a95ff,#3d78e6);border:1px solid #6fa5ff;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.btn-secondary{background:var(--bg-2);border:1px solid var(--line-strong);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition);white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-3)}.btn-icon{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon:hover{background:var(--bg-2);color:var(--text)}.btn-icon-outline{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon-outline:hover{background:var(--bg-2);color:var(--text)}.btn-xs{cursor:pointer;transition:all var(--transition);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.btn-danger{color:var(--rose);background:#ff64701a;border-color:#ff647040}.btn-danger:hover{background:#ff647033}.btn-ghost{background:var(--bg-2);color:var(--muted)}.btn-ghost:hover{background:var(--bg-3);color:var(--text)}.btn-outline-xs{cursor:pointer;transition:all var(--transition);border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.btn-outline-xs:hover{background:var(--bg-3);color:var(--text)}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.filter-tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.filter-tab:hover{color:var(--text);background:#ffffff0a}.filter-tab.active{color:var(--text);background:linear-gradient(#4f8cff26,#4f8cff0f);border-color:#4f8cff4d}.filter-count{background:var(--bg-3);border-radius:99px;padding:1px 6px;font-size:10px}.search-input{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);width:240px;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:8px 12px;font-family:inherit;font-size:13px}.search-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--muted-2)}.select-sm{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:7px 12px;font-family:inherit;font-size:13px}.input-sm{background:var(--bg-0);border:1px solid var(--line);color:var(--text);border-radius:6px;width:80px;padding:5px 10px;font-size:13px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:24px;box-shadow:0 24px 60px #0009}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:var(--text);font-size:16px;font-weight:700}.modal form{flex-direction:column;gap:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-actions .btn-primary{width:auto}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#cbd5e1;font-size:12px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);width:100%;transition:border-color var(--transition), box-shadow var(--transition);padding:9px 12px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f8cff1f}.form-group textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;animation:.25s slideUp;box-shadow:0 32px 80px #000000b3}.modal-content .modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-content .modal-header h3{color:var(--text);margin:0;font-size:17px;font-weight:700}.modal-content .modal-body{padding:24px}.modal-content .modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--muted);font-size:13px;font-weight:500}.form-field .input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:11px 14px;font-family:inherit;font-size:14px}.form-field .input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f8cff1f}.form-field select.input{cursor:pointer}.toggle-switch{align-items:center;display:flex}.toggle-switch input{display:none}.toggle-label{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;width:44px;height:24px;transition:background var(--transition), border-color var(--transition);border-radius:12px;position:relative}.toggle-switch input:checked+.toggle-label{background:var(--brand);border-color:var(--brand)}.toggle-switch-btn{width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.toggle-switch input:checked+.toggle-label .toggle-switch-btn{transform:translate(20px)}.toggle-inner,.toggle-switch-sm input{display:none}.toggle-label-sm{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;width:36px;height:20px;transition:background var(--transition), border-color var(--transition);border-radius:10px;display:inline-block;position:relative}.toggle-label-sm:after{content:"";width:14px;height:14px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch-sm input:checked+.toggle-label-sm{background:var(--brand);border-color:var(--brand)}.toggle-switch-sm input:checked+.toggle-label-sm:after{transform:translate(16px)}.auth-page{background:radial-gradient(1000px 700px at 20% -5%, #4f8cff1f, transparent 60%), radial-gradient(800px 600px at 90% 110%, #22d3a614, transparent 60%), var(--bg-0);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line-strong);border-radius:20px;width:100%;max-width:420px;padding:36px;box-shadow:0 20px 60px #00000080}.auth-card-wide{max-width:520px}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{justify-content:center;margin-bottom:14px;display:flex}.logo-icon{background:linear-gradient(135deg,#4f8cff,#22d3a6);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 24px #4f8cff59}.auth-header h1{color:var(--text);margin-bottom:6px;font-size:1.6rem;font-weight:800}.auth-header p{color:var(--muted);font-size:13.5px}.auth-form{flex-direction:column;gap:16px;display:flex}.input-wrapper{position:relative}.input-wrapper .input-icon{color:var(--muted-2);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-wrapper input{padding-left:38px}.eye-btn{cursor:pointer;color:var(--muted-2);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.eye-btn:hover{color:var(--muted)}.btn-google{background:var(--bg-3);border:1px solid var(--line-strong);width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;padding:10px;font-size:13.5px;font-weight:500;display:flex}.btn-google:hover{background:#ffffff0d}.auth-divider{color:var(--muted-2);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-demo-hint{color:var(--muted);text-align:center;background:#4f8cff12;border:1px solid #4f8cff2e;border-radius:9px;margin-top:12px;padding:10px 14px;font-size:12px}.auth-footer{text-align:center;color:var(--muted-2);margin-top:18px;font-size:13px}.auth-footer a{color:var(--brand-2);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-et-link{vertical-align:middle;background:#22d3a61a;border:1px solid #22d3a64d;border-radius:8px;align-items:center;gap:6px;padding:4px 10px 4px 8px;transition:all .2s;animation:3s ease-in-out infinite auth-et-glow;display:inline-flex;color:#22d3a6!important;font-weight:700!important}.auth-et-link:hover{background:#22d3a62e;border-color:#22d3a6b3;transform:translateY(-1px);box-shadow:0 4px 14px #22d3a633;text-decoration:none!important}.auth-et-dot{background:#22d3a6;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite auth-et-pulse;display:inline-block}.auth-et-inner{flex-direction:column;gap:2px;line-height:1;display:flex}.auth-et-label{color:#22d3a6;font-size:13px;font-weight:700}.auth-et-hint{color:#22d3a6a6;letter-spacing:.2px;font-size:10px;font-weight:500}@keyframes auth-et-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}@keyframes auth-et-glow{0%,to{box-shadow:0 0 6px #22d3a61f}50%{box-shadow:0 0 16px #22d3a647}}.settings-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--muted);font-size:13px;font-weight:500}.setting-field{flex-direction:column;gap:6px;display:flex}.setting-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:10px 12px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--brand-2);outline:none;box-shadow:0 0 0 3px #4f8cff26}.input-sm{padding:6px 10px;font-size:13px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.setting-value{color:var(--text);font-size:14px;font-weight:600}.plan-badge{color:var(--brand-2);background:linear-gradient(135deg,#4f8cff33,#22d3a633);border:1px solid #4f8cff40;border-radius:6px;padding:3px 12px;font-size:12px;font-weight:700}.loading-center{justify-content:center;align-items:center;padding:60px;display:flex}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.skeleton-card{background:linear-gradient(90deg, var(--bg-2) 25%, var(--bg-3) 50%, var(--bg-2) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty-msg{text-align:center;color:var(--muted);padding:48px 24px;font-size:14px}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state p{color:var(--text);margin:12px 0 4px;font-size:15px;font-weight:500}.empty-state span{opacity:.8;font-size:13px}.empty-state-inline{flex-direction:column;align-items:center;display:flex}.action-btns{gap:6px;display:flex}.pagination{justify-content:center;align-items:center;gap:14px;padding:16px 0 4px;display:flex}.feature-toggle-item{background:var(--bg-2);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.user-avatar-sm{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.action-btns .btn-icon{padding:6px}.action-btns .btn-icon-danger{color:var(--muted);transition:color var(--transition);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:inline-flex}.action-btns .btn-icon-danger:hover{color:var(--rose);background:#ff64701a}.landing-settings textarea.input{resize:vertical;min-height:80px;font-family:inherit}.landing-settings .section-title,.integrations-settings .section-title,.system-settings .section-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.landing-settings .btn-icon-danger{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.landing-settings .btn-icon-danger:hover{border-color:var(--rose);color:var(--rose);background:#ff647026}.landing-settings .array-item{background:var(--bg-2);border-radius:8px;padding:12px}.landing-settings .plan-editor{background:var(--bg-1)}.sidebar-toggle-preview{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.sidebar-toggle-btn{background:var(--bg-3);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.btn-export{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--muted);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-export:hover{background:var(--bg-3);color:var(--text);border-color:var(--line-strong)}.grace-period-banner{background:linear-gradient(135deg,#f4b7401a,#f4b74005);border:1px solid #f4b74040;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.grace-period-banner svg{color:var(--amber);flex-shrink:0}.grace-period-text{color:var(--text);font-size:13px}.grace-period-text strong{color:var(--amber)}.grace-period-countdown{color:var(--muted);margin-top:2px;font-size:12px}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:560px;animation:.2s slideUp;overflow:hidden;box-shadow:0 24px 80px #0009,inset 0 0 0 1px #ffffff0d}.command-palette-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px;display:flex}.command-palette-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.command-palette-input::placeholder{color:var(--muted-2)}.command-kbd{border:1px solid var(--line);color:var(--muted-2);background:var(--bg-2);border-radius:5px;padding:4px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.command-palette-results{max-height:400px;padding:8px;overflow-y:auto}.command-group{margin-bottom:8px}.command-group:last-child{margin-bottom:0}.command-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2);padding:8px 12px 4px;font-size:11px;font-weight:600}.command-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:10px 12px;display:flex}.command-item:hover,.command-item.selected{background:var(--bg-3)}.command-item.selected{background:linear-gradient(135deg,#4f8cff26,#4f8cff0d);border:1px solid #4f8cff40;margin:-1px;padding:10px 11px}.command-icon{text-align:center;width:24px;font-size:16px}.command-label{color:var(--text);flex:1;font-size:14px}.command-shortcut{border:1px solid var(--line);color:var(--muted-2);background:var(--bg-2);border-radius:4px;padding:3px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.command-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:14px}.command-palette-footer{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted-2);justify-content:center;align-items:center;gap:24px;padding:12px 16px;font-size:12px;display:flex}.command-palette-footer kbd{border:1px solid var(--line);background:var(--bg-3);border-radius:3px;margin-right:4px;padding:2px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.google-banner{border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.google-banner.connected{background:linear-gradient(135deg,#22d3a614,#22d3a605);border:1px solid #22d3a633}.google-banner.disconnected{background:linear-gradient(135deg,#4f8cff14,#4f8cff05);border:1px solid #4f8cff33}.google-banner-content{align-items:center;gap:14px;display:flex}.google-banner-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0000001a}.google-banner-info{flex-direction:column;gap:2px;display:flex}.google-banner-title{color:var(--text);font-size:14px;font-weight:600}.google-banner-sub{color:var(--muted);font-size:12px}.google-banner-actions{gap:10px;display:flex}.emails-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{position:relative}.search-box .search-icon{color:var(--muted-2);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box .search-input{width:280px;padding-left:38px}.emails-container{grid-template-columns:1fr 400px;gap:16px;min-height:500px;display:grid}@media (width<=1100px){.emails-container{grid-template-columns:1fr}}.emails-list{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.email-row{border-bottom:1px solid var(--line);cursor:pointer;transition:background var(--transition);grid-template-columns:32px 180px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.email-row:last-child{border-bottom:none}.email-row:hover{background:#ffffff05}.email-row.selected{border-left:3px solid var(--brand);background:#4f8cff14}.email-row.unread{background:#4f8cff08}.email-row.unread .email-subject{color:var(--text);font-weight:700}.star-btn{cursor:pointer;color:var(--muted-2);transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.star-btn:hover,.star-btn.starred{color:#f4b740}.email-sender{align-items:center;gap:10px;min-width:0;display:flex}.email-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.email-avatar.lg{width:44px;height:44px;font-size:16px}.email-sender-info{min-width:0}.email-from{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.email-address{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.email-content{min-width:0}.email-subject{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.email-snippet{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.direction-icon{flex-shrink:0}.direction-icon.inbound{color:var(--emerald)}.direction-icon.outbound{color:var(--violet)}.email-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.attachment-icon{color:var(--muted-2)}.email-time{color:var(--muted-2);white-space:nowrap;font-size:11px}.source-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.source-badge.google{color:#4285f4;background:#4285f426}.source-badge.manual{color:#a78bfa;background:#a78bfa26}.text-emerald{color:var(--emerald)}.text-amber{color:var(--amber)}.email-preview{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);max-height:calc(100vh - 320px);padding:20px;overflow-y:auto}.preview-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.preview-header h3{color:var(--text);font-size:16px;font-weight:700;line-height:1.4}.preview-actions{flex-shrink:0;gap:6px;display:flex}.preview-meta{margin-bottom:16px}.preview-from{align-items:center;gap:12px;margin-bottom:8px;display:flex}.from-name{color:var(--text);font-size:14px;font-weight:600}.from-email{color:var(--muted);font-size:12px}.preview-to{color:var(--muted);margin-bottom:4px;font-size:12px}.preview-date{color:var(--muted-2);font-size:11px}.preview-labels{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.label-tag{background:var(--bg-3);color:var(--muted);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.sla-tag{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.sla-tag.within{color:var(--emerald);background:#22d3a61f}.sla-tag.at_risk{color:var(--amber);background:#f4b7401f}.sla-tag.breached{color:var(--rose);background:#ff64701f}.preview-body{color:var(--text);max-height:500px;font-size:14px;line-height:1.7;overflow-y:auto}.preview-body p{margin-bottom:8px}.preview-body p:last-child{margin-bottom:0}.preview-body p:empty{margin-bottom:4px}.email-signature{border-top:1px solid var(--line);color:var(--muted);margin-top:16px;padding-top:12px;font-size:13px}.gmail-list{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.gmail-list-header{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:8px;padding:8px 16px;display:flex}.gmail-checkbox{border:2px solid var(--muted-2);cursor:pointer;width:18px;height:18px;transition:all var(--transition);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gmail-checkbox:hover{border-color:var(--muted)}.gmail-checkbox.checked{background:var(--brand);border-color:var(--brand)}.gmail-checkbox.checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.gmail-row{cursor:pointer;height:52px;transition:background var(--transition), box-shadow var(--transition);border-bottom:1px solid #f1f5f9;align-items:center;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex;position:relative}.gmail-row:hover{box-shadow:none;z-index:1;background:#eff6ff}.gmail-row:last-child{border-bottom:none}.gmail-row.unread{background:#fff}.gmail-row.unread:hover{background:#eff6ff}.gmail-row.unread .gmail-sender,.gmail-row.unread .gmail-subject{color:#0f172a;font-weight:700}.gmail-row.selected,.gmail-row.unread.selected{background:#dbeafe;box-shadow:inset 3px 0 #2563eb}.gmail-row.starred .gmail-star{color:#f4b740}.gmail-row-checkbox{flex-shrink:0;justify-content:flex-start;align-items:center;width:32px;display:flex}.gmail-row-star{flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.gmail-star{cursor:pointer;color:var(--muted-2);transition:color var(--transition);background:0 0;border:none;padding:4px;display:flex}.gmail-star:hover{color:#f4b740}.gmail-row-importance{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.gmail-row-sender{flex-shrink:0;align-items:center;gap:10px;width:230px;display:flex;overflow:hidden}.gmail-sender-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gmail-sender{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.customer-type-tag{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;margin-left:4px;padding:2px 7px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.customer-type-buyer{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.customer-type-vendor{color:#ea7a20;background:#fff7ed;border-color:#fed7aa}.customer-type-customer{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.customer-type-agent{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.customer-type-vip{color:#b45309;background:#fffbeb;border-color:#fde68a}.customer-type-internal{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.gmail-recipients{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:2px;font-size:11px;display:flex;overflow:hidden}.gmail-cc{color:var(--brand);font-weight:500}.gmail-avatar-sm{color:#fff;letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.gmail-row-content{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.gmail-subject{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.gmail-row.unread .gmail-subject{font-weight:700}.gmail-snippet-sep{color:#cbd5e1;flex-shrink:0;margin:0 2px}.gmail-snippet{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.gmail-row-labels{flex-shrink:0;align-items:center;gap:4px;margin-right:8px;display:flex}.gmail-label{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.gmail-label-inbox{color:var(--brand);background:#4f8cff26}.gmail-label-important{color:var(--amber);background:#f4b74026}.gmail-label-alert{color:var(--rose);background:#ef444426}.gmail-label-sent,.gmail-label-resolved{color:var(--emerald);background:#22d3a626}.gmail-label-attachment{color:var(--muted);background:0 0;padding:0}.gmail-status-icon{flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.gmail-status-icon.replied,.gmail-status-icon.reply-all,.gmail-status-icon.forwarded{color:var(--muted)}.gmail-status-icon.awaiting{color:var(--amber)}.gmail-row.unread .gmail-status-icon{color:var(--text)}.gmail-row.unread .gmail-status-icon.awaiting{color:var(--amber)}.gmail-reply-status{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.gmail-reply-status.needs-reply{color:#e11d48;background:#fff0f3;border:1px solid #fecdd3}.gmail-reply-status.awaiting-customer{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.gmail-reply-status.replied{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.gmail-row.unread .gmail-reply-status.needs-reply{color:#e11d48;background:#fff0f3}.gmail-row-type{text-align:right;flex-shrink:0;width:70px}.gmail-row-date{text-align:right;white-space:nowrap;flex-shrink:0;width:90px}.gmail-date{color:#94a3b8;white-space:nowrap;font-size:12px;font-weight:400}.gmail-row.unread .gmail-date{color:#475569;font-weight:600}.gmail-row-actions{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:4px 6px;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 2px 12px #0000001a}.gmail-row:hover .gmail-row-actions{display:flex}.gmail-row:hover .gmail-row-date{visibility:hidden}.sidebar-filter-btn{cursor:pointer;color:#475569;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-filter-btn:hover{color:#334155;background:#2563eb14}.sidebar-filter-btn.active{color:#2563eb;background:#2563eb14;font-weight:600}.sidebar-filter-btn .filter-icon{color:#64748b;flex-shrink:0;display:flex}.sidebar-filter-btn.active .filter-icon{color:#2563eb}.sidebar-filter-badge{color:#64748b;text-align:center;background:#e2e8f0;border-radius:12px;min-width:22px;padding:1px 7px;font-size:11px;font-weight:600}.sidebar-filter-btn.active .sidebar-filter-badge{color:#fff;background:#2563eb}.sidebar-desk-btn{cursor:pointer;text-align:left;color:#475569;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:1px;padding:7px 10px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-desk-btn:hover{color:#334155;background:#2563eb12}.sidebar-desk-btn.active{color:#2563eb;background:#2563eb1a;font-weight:600}.sidebar-desk-btn .desk-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-desk-btn .desk-badge{color:#64748b;text-align:center;background:#e2e8f0;border-radius:10px;flex-shrink:0;min-width:18px;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-desk-btn.active .desk-badge{color:#fff;background:#2563eb}.gmail-action-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-action-btn:hover{background:var(--bg-3);color:var(--text)}.gmail-thread-count{min-width:20px;height:18px;color:var(--muted);background:var(--bg-3);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex}.gmail-toolbar{border-bottom:1px solid var(--line);background:var(--bg-1);align-items:center;gap:4px;padding:8px 16px;display:flex}.gmail-toolbar-btn{color:var(--muted);cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.gmail-toolbar-btn:hover{background:var(--bg-2);color:var(--text)}.gmail-toolbar-divider{background:var(--line);width:1px;height:24px;margin:0 4px}.gmail-pagination{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.gmail-pagination-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-pagination-btn:hover{background:var(--bg-2)}.gmail-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.gmail-compose-fab{color:#001d35;cursor:pointer;transition:all var(--transition);z-index:100;background:#c2e7ff;border:none;border-radius:16px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003,0 1px 3px #0000001a}.gmail-compose-fab:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000040}[data-theme=dark] .gmail-compose-fab{color:#fff;background:linear-gradient(135deg,#4f8cff,#3d78e6)}.gmail-search{background:var(--bg-2);border:1px solid var(--line);width:100%;max-width:720px;transition:all var(--transition);border-radius:24px;align-items:center;gap:8px;padding:8px 16px;display:flex}.gmail-search:focus-within{background:var(--bg-1);border-color:var(--brand);box-shadow:0 0 0 3px #4f8cff1f}.gmail-search-icon{color:var(--muted);flex-shrink:0}.gmail-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.gmail-search-input::placeholder{color:var(--muted-2)}.gmail-tabs{border-bottom:1px solid var(--line);background:var(--bg-1);gap:0;padding:0 16px;display:flex}.gmail-tab{color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 20px;font-size:13px;font-weight:500;display:flex;position:relative}.gmail-tab:hover{background:var(--bg-2);color:var(--text)}.gmail-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.gmail-tab-count{background:var(--bg-3);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex}.gmail-tab.active .gmail-tab-count{color:var(--brand);background:#4f8cff26}.gmail-thread{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.gmail-thread-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.gmail-thread-subject{color:var(--text);flex:1;font-size:22px;font-weight:400;line-height:1.3}.gmail-thread-labels{flex-shrink:0;gap:6px;margin-left:16px;display:flex}.gmail-thread-actions{gap:4px;display:flex}.email-flow-container{flex-direction:column;align-items:center;gap:6px;display:flex}.email-flow-section{background:var(--bg-2);border-radius:var(--radius);width:100%;padding:12px 14px}.email-flow-label{letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.email-flow-label.from{color:#f59e0b}.email-flow-label.to{color:#22d3a3}.email-flow-label.cc{color:#8b5cf6}.email-flow-label.bcc{color:#9ca3af}.email-flow-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.email-flow-participants{flex-wrap:wrap;gap:8px;display:flex}.email-flow-chip{background:var(--bg-1);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.email-flow-chip.customer{background:#22d3a314;border-color:#22d3a34d}.email-flow-chip.team{background:#4f8cff14;border-color:#4f8cff4d}.email-flow-chip.cc{opacity:.85;border-style:dashed}.email-flow-chip.bcc-chip{background:#9ca3af14;border-style:dotted;border-color:#9ca3af4d}.email-flow-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.email-flow-chip.customer .email-flow-avatar{background:linear-gradient(135deg,#22d3a3,#10b981)}.email-flow-chip.team .email-flow-avatar{background:linear-gradient(135deg,#4f8cff,#8b5cf6)}.email-flow-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.email-flow-arrow{opacity:.6;justify-content:center;display:flex}.email-flow-arrow.cc{opacity:.5}.email-flow-arrow.bcc{opacity:.4}.gmail-message{border-bottom:1px solid var(--line)}.gmail-message:last-child{border-bottom:none}.gmail-message-header{cursor:pointer;transition:background var(--transition);align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.gmail-message-header:hover{background:var(--bg-2)}.gmail-message-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.gmail-message-info{flex:1;min-width:0}.gmail-message-from{align-items:center;gap:8px;display:flex}.gmail-message-from-name{color:var(--text);font-size:15px;font-weight:600}.gmail-message-from-email{color:var(--muted);font-size:14px}.gmail-message-to{color:var(--muted-2);margin-top:2px;font-size:13px}.gmail-message-date{color:var(--muted);flex-shrink:0;font-size:13px}.gmail-message-body{color:var(--text);padding:0 20px 20px 72px;font-size:15px;line-height:1.65}.gmail-message-body.collapsed,.gmail-message.expanded .gmail-message-snippet{display:none}.gmail-message-snippet{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.gmail-message-actions{flex-shrink:0;gap:4px;display:flex}.gmail-direction{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:10px;display:inline-flex}.gmail-direction.inbound{color:var(--emerald);background:#22d3a626}.gmail-direction.outbound{color:var(--violet);background:#8b5cf626}.gmail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.gmail-empty-icon{opacity:.2;width:120px;height:120px;margin-bottom:16px}.gmail-empty-title{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:400}.gmail-empty-text{color:var(--muted);font-size:14px}.gmail-sidebar-section{padding:8px 0}.gmail-sidebar-label{cursor:pointer;transition:background var(--transition);color:var(--muted);align-items:center;gap:12px;padding:6px 24px;font-size:14px;display:flex}.gmail-sidebar-label:hover{background:var(--bg-2)}.gmail-sidebar-label.active{color:var(--brand);background:#4f8cff1f;border-radius:0 24px 24px 0;font-weight:500}.gmail-sidebar-label-icon{justify-content:flex-start;width:20px;display:flex}.gmail-sidebar-label-text{flex:1}.gmail-sidebar-label-count{font-size:12px;font-weight:500}.gmail-thread-modal{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gmail-thread-container{background:var(--bg-1);border-radius:var(--radius);flex-direction:column;width:95%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}.gmail-thread-head{border-bottom:1px solid var(--line);background:var(--bg-1);justify-content:space-between;align-items:flex-start;padding:16px 24px;display:flex}.gmail-thread-title{color:var(--text);margin:0;font-size:22px;font-weight:400;line-height:1.3}.gmail-thread-meta{color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.gmail-thread-controls{align-items:center;gap:8px;display:flex}.gmail-icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-icon-btn:hover{background:var(--bg-2);color:var(--text)}.gmail-close-btn{margin-left:8px}.gmail-thread-body{flex:1;display:flex;overflow:hidden}.gmail-thread-messages{flex:1;padding:16px 24px;overflow-y:auto}.gmail-thread-sidebar{border-left:1px solid var(--line);background:var(--bg-2);flex-shrink:0;width:300px;overflow-y:auto}.gmail-msg{border-radius:var(--radius-sm);background:var(--bg-1);border:1px solid var(--line);transition:all var(--transition);margin-bottom:2px;overflow:hidden}.gmail-msg:hover{box-shadow:0 2px 8px #0000001a}.gmail-msg.expanded{margin-bottom:16px;box-shadow:0 1px 4px #0000001a}.gmail-msg.has-alert{border-left:3px solid #dc2626}.gmail-msg.highlighted{background:#dc262614;box-shadow:0 0 0 2px #dc2626}.gmail-msg-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);transition:all var(--transition);overflow:hidden}.gmail-msg-card:hover{box-shadow:0 2px 8px #00000014}.gmail-msg-card.expanded{box-shadow:0 1px 4px #0000001a}.gmail-msg-card.has-alert{border-left:3px solid #dc2626}.gmail-msg-card.highlighted{background:#dc26260f;border-color:#dc2626}.gmail-msg-card-header{cursor:pointer;transition:background var(--transition);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.gmail-msg-card-header:hover{background:var(--bg-2)}.gmail-msg-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;position:relative}.gmail-msg-card-avatar.inbound{background:linear-gradient(135deg,#22c55e,#10b981)}.gmail-msg-card-avatar.outbound{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gmail-msg-card-info{flex:1;min-width:0}.gmail-msg-card-sender{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gmail-sender-name{color:var(--text);font-size:14px;font-weight:600}.gmail-sender-email{color:var(--muted-2);font-size:12px}.gmail-badge{border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.gmail-badge.team{color:#6366f1;background:#6366f126}.gmail-badge.alert{color:#dc2626;background:#dc26261f}.gmail-badge.reply{color:#16a34a;background:#22c55e1f}.gmail-badge.reply-all{color:#2563eb;background:#3b82f61f}.gmail-badge.forward{color:#9333ea;background:#a855f71f}.gmail-msg-type-icon{border:2px solid var(--bg-1);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.gmail-msg-type-icon.reply{color:#fff;background:#22c55e}.gmail-msg-type-icon.reply-all{color:#fff;background:#3b82f6}.gmail-msg-type-icon.forward{color:#fff;background:#a855f7}.gmail-msg-card-recipients{color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.gmail-to-label{color:var(--muted-2)}.gmail-to-value{color:var(--muted)}.gmail-cc-badge{background:#3b82f61a;border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;display:inline-flex}.gmail-cc-label{color:#3b82f6;font-weight:500}.gmail-cc-names{color:#2563eb}.gmail-bcc-badge{background:#f59e0b1a;border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;display:inline-flex}.gmail-bcc-label{color:#f59e0b;font-weight:500}.gmail-bcc-names{color:#d97706}.gmail-expand-details-btn{cursor:pointer;color:var(--muted);transition:all var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;margin-left:4px;padding:2px 4px;display:inline-flex}.gmail-expand-details-btn:hover{background:var(--bg-3);color:var(--text)}.gmail-msg-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.gmail-msg-card-date{color:var(--muted);white-space:nowrap;font-size:12px}.gmail-msg-card-actions{opacity:0;transition:opacity var(--transition);gap:2px;display:flex}.gmail-msg-card-header:hover .gmail-msg-card-actions{opacity:1}.gmail-action-btn-sm{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-action-btn-sm:hover{background:var(--bg-3);color:var(--text)}.gmail-email-details-box{background:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--line);margin:0 16px 12px 68px;padding:12px 16px}.gmail-details-table{border-collapse:collapse;width:100%;font-size:13px}.gmail-dt-label{color:var(--muted);white-space:nowrap;vertical-align:top;width:50px;padding:4px 12px 4px 0;font-weight:500}.gmail-dt-value{color:var(--text);word-break:break-word;padding:4px 0}.gmail-dt-cc{color:var(--brand)}.gmail-dt-bcc{color:var(--amber);font-style:italic}.gmail-msg-card-preview{color:var(--muted-2);cursor:pointer;padding:0 16px 12px 68px;font-size:13px;line-height:1.5}.gmail-msg-card-preview:hover{color:var(--muted)}.gmail-msg-card-body{padding:8px 16px 16px 68px}.gmail-alert-box{border-radius:var(--radius-sm);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.gmail-alert-tag{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:4px;padding:3px 8px;font-size:11px}.gmail-email-content{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.7}.formatted-email-content{color:var(--text);font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;line-height:1.65}.formatted-email-content .email-body-content{margin-bottom:16px}.formatted-email-content .email-body-content p{margin:0 0 1em}.formatted-email-content .email-body-content .email-line{min-height:1.5em;display:block}.formatted-email-content .email-body-content .email-line.empty{min-height:.8em}.formatted-email-content .email-forwarded-divider{border-radius:var(--radius-sm);color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:3px solid #4f46e5;align-items:center;gap:8px;margin:20px 0;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.formatted-email-content .email-reply-header{color:#64748b;background:#f8fafc;border-left:3px solid #94a3b8;border-radius:6px;margin:16px 0 10px;padding:10px 14px;font-size:12px;font-style:italic}.formatted-email-content .email-header-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:8px 0 16px;padding:12px 16px}.formatted-email-content .email-header-line{gap:8px;padding:4px 0;font-size:13px;display:flex}.formatted-email-content .email-header-label{color:var(--muted);flex-shrink:0;min-width:60px;font-weight:600}.formatted-email-content .email-header-value{color:var(--text);word-break:break-word}.formatted-email-content .email-quoted-content{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#64748b;background:#fafbfc;border-left:3px solid #cbd5e1;margin:16px 0;padding:12px 16px;font-size:13px}.formatted-email-content .email-quoted-content .email-line{min-height:1.4em;display:block}.formatted-email-content .email-signature{color:#64748b;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px;font-size:13px;line-height:1.5}.formatted-email-content .email-signature .email-line{min-height:1.3em}.formatted-email-content .email-signature a{color:#4f46e5;text-decoration:none}.formatted-email-content .email-signature a:hover{text-decoration:underline}.gmail-attachments-box{background:var(--bg-2);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.gmail-msg-header{cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.gmail-msg-header:hover{background:var(--bg-2)}.gmail-msg-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.gmail-msg-avatar.inbound{background:linear-gradient(135deg,#22c55e,#10b981)}.gmail-msg-avatar.outbound{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.gmail-msg-info{flex:1;min-width:0}.gmail-msg-from{align-items:center;gap:8px;display:flex}.gmail-msg-name{color:var(--text);font-size:14px;font-weight:500}.gmail-msg-email{color:var(--muted);font-size:13px}.gmail-msg-to{color:var(--muted-2);margin-top:2px;font-size:12px}.gmail-msg-date{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:12px}.gmail-msg-snippet{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.gmail-msg.expanded .gmail-msg-snippet{display:none}.gmail-msg-sender-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gmail-msg-recipients-row{align-items:center;gap:4px;margin-top:2px;display:flex}.gmail-recipient-summary{color:var(--muted-2);font-size:12px}.gmail-cc-indicator{color:var(--brand);font-weight:500}.gmail-bcc-indicator{color:var(--amber);font-weight:500}.gmail-details-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;align-items:center;margin-left:4px;padding:2px;display:flex}.gmail-details-toggle:hover{background:var(--bg-3);color:var(--text)}.gmail-replied-badge{color:var(--muted);align-items:center;margin-left:4px;display:inline-flex}.gmail-alert-badge{color:#dc2626;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:500;display:inline-flex}.gmail-msg-details-panel{background:var(--bg-2);border-radius:var(--radius-sm);margin-top:8px;padding:12px 16px;font-size:13px}.gmail-detail-row{gap:8px;margin-bottom:4px;line-height:1.5;display:flex}.gmail-detail-row:last-child{margin-bottom:0}.gmail-detail-label{color:var(--muted);flex-shrink:0;min-width:50px;font-weight:500}.gmail-detail-value{color:var(--text);word-break:break-all}.gmail-detail-cc{color:var(--brand)}.gmail-detail-bcc{color:var(--amber);font-style:italic}.gmail-msg-body{color:var(--text);padding:0 16px 16px 68px;font-size:14px;line-height:1.7}.gmail-msg-body.collapsed{display:none}.gmail-msg-actions{opacity:0;transition:opacity var(--transition);gap:4px;display:flex}.gmail-msg-header:hover .gmail-msg-actions{opacity:1}.gmail-msg-action{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-msg-action:hover{background:var(--bg-3);color:var(--text)}.gmail-sidebar-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 16px;font-size:11px;font-weight:600}.gmail-sidebar-item{border-bottom:1px solid var(--line);padding:12px 16px}.gmail-sidebar-item-label{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:11px}.gmail-sidebar-item-value{color:var(--text);font-size:13px}.gmail-participant{align-items:center;gap:10px;padding:8px 16px;display:flex}.gmail-participant-avatar{background:linear-gradient(135deg, var(--brand), var(--violet));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.gmail-participant-info{flex:1;min-width:0}.gmail-participant-name{color:var(--text);font-size:13px;font-weight:500}.gmail-participant-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gmail-participant-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.gmail-participant-badge.customer{color:#22c55e;background:#22d3a626}.gmail-participant-badge.team{color:var(--brand);background:#4f8cff26}.gmail-btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.gmail-btn-primary{color:#fff;background:#1a73e8}.gmail-btn-primary:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.gmail-btn-secondary{color:#1a73e8;background:0 0;border:1px solid #dadce0}.gmail-btn-secondary:hover{background:#1a73e80a;border-color:#1a73e8}.gmail-btn-danger{color:#fff;background:#d93025}.gmail-btn-danger:hover{background:#b3261e}.gmail-btn-success{color:#fff;background:#188038}.gmail-btn-success:hover{background:#137333}[data-theme=dark] .gmail-btn-primary{background:#4f8cff}[data-theme=dark] .gmail-btn-primary:hover{background:#3d78e6}[data-theme=dark] .gmail-btn-secondary{border-color:var(--line);color:var(--brand)}[data-theme=dark] .gmail-btn-secondary:hover{background:#4f8cff1a}.role-selector{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.role-selector{grid-template-columns:1fr}}.role-select-btn{background:var(--bg-2);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex}.role-select-btn:hover{border-color:var(--brand);background:#4f8cff0d}.role-select-btn.active{border-color:var(--brand);background:#4f8cff1a;box-shadow:0 0 0 3px #4f8cff26}.role-select-btn.admin{border-color:#f4b7404d}.role-select-btn.admin.active{border-color:var(--amber);background:#f4b7401a;box-shadow:0 0 0 3px #f4b74026}.role-select-header{justify-content:space-between;align-items:center;display:flex}.role-select-name{color:var(--text);font-size:15px;font-weight:700}.role-select-desc{color:var(--muted);font-size:12px;line-height:1.4}.role-select-count{color:var(--brand);margin-top:4px;font-size:11px;font-weight:600}.permission-category{margin-bottom:28px}.permission-category:last-child{margin-bottom:0}.permission-category-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:8px;font-size:13px;font-weight:700}.permission-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=800px){.permission-grid{grid-template-columns:1fr}}.permission-item{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;transition:all var(--transition);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.permission-item:hover{border-color:var(--brand);background:#4f8cff0d}.permission-item.enabled{background:#22d3a614;border-color:#22d3a640}.permission-item.enabled:hover{border-color:var(--emerald)}.permission-item.locked{cursor:not-allowed;opacity:.7}.permission-item.locked:hover{border-color:var(--line);background:var(--bg-2)}.permission-check{border:2px solid var(--line);width:22px;height:22px;transition:all var(--transition);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.permission-item.enabled .permission-check{background:var(--emerald);border-color:var(--emerald);color:#fff}.permission-item:hover:not(.locked) .permission-check{border-color:var(--brand)}.permission-info{min-width:0}.permission-label{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.permission-desc{color:var(--muted);font-size:12px;line-height:1.4;display:block}.mobile-menu-btn{z-index:1000;background:var(--bg-2);border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:10px;padding:10px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0000001f}.sidebar-close-btn{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:flex}.sidebar-close-btn:hover{background:var(--bg-3);color:var(--brand)}@media (width<=1024px){.page{padding:20px}.page-kanban{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr)}.wizone-col{width:260px}.settings-grid,.form-row{grid-template-columns:1fr}}@media (width<=768px){:root{--sidebar-w:100%;--sidebar-w-sm:100%}.mobile-menu-btn{display:flex}.app-layout{flex-direction:column}.sidebar{z-index:999;width:280px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{z-index:998;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.app-main{min-height:100vh;padding-top:56px;margin-left:0!important}.page{max-width:100%;padding:16px}.page-kanban{padding:12px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-title{font-size:18px}.page-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}.stats-grid,.stats-grid-3,.stats-grid-4{grid-template-columns:1fr;gap:10px}.stat-card{gap:12px;padding:14px}.stat-icon{width:36px;height:36px}.stat-value{font-size:20px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 12px;font-size:12px}.kanban-scroll{-webkit-overflow-scrolling:touch;padding-bottom:20px;overflow-x:auto}.wizone-kanban-cols{gap:10px;min-height:calc(100vh - 200px)}.wizone-col{width:260px;max-height:calc(100vh - 200px)}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.filter-tab{flex-shrink:0;padding:5px 12px;font-size:12px}.btn-primary-sm{padding:6px 12px;font-size:12px}.btn-secondary{padding:6px 14px;font-size:12px}.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding-bottom:8px;overflow-x:auto}.settings-tabs button{flex-shrink:0;padding:8px 12px!important;font-size:12px!important}.setting-row{flex-direction:column;align-items:flex-start;gap:8px}.search-input{width:100%;max-width:100%}.auth-card{margin:0 12px;padding:24px 20px}.auth-header h1{font-size:1.4rem}.modal-overlay{align-items:flex-end;padding:16px}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;padding:20px;overflow-y:auto}.section-card{padding:16px}.section-card-header{flex-direction:column;align-items:flex-start;gap:10px}.employee-cell{flex-direction:column;align-items:flex-start;gap:4px}.emp-avatar{display:none}.compliance-cell{flex-direction:column;align-items:flex-start;gap:4px}.mini-bar{width:60px}.reason-cell{max-width:200px;font-size:11px}.bar-chart{height:80px}.bar-col{min-width:6px;max-width:12px}}@media (width<=480px){.page{padding:12px}.page-title{font-size:16px}.page-sub{font-size:12px}.stat-card{padding:12px}.stat-value{font-size:18px}.stat-label{font-size:11px}.stat-icon{width:32px;height:32px}.wizone-col{width:240px}.commit-card{padding:10px}.commit-text{-webkit-line-clamp:2;font-size:12px}.commit-mailbox{font-size:10px}.btn{padding:8px 14px;font-size:13px}.btn-primary{padding:8px 14px;font-size:12px}.auth-card{padding:20px 16px}.auth-header h1{font-size:1.2rem}.modal{padding:16px}.form-group input,.form-group select{padding:8px 10px;font-size:14px}.filter-tab{padding:4px 10px;font-size:11px}.filter-count{padding:1px 5px;font-size:9px}}@media (height<=500px) and (orientation:landscape){.sidebar{height:100vh;overflow-y:auto}.wizone-col{max-height:60vh}.modal{max-height:90vh}}@media (hover:none) and (pointer:coarse){.stat-card:hover{transform:none}.stat-card-clickable:active{transform:scale(.98)}.commit-card:hover{border-color:var(--line);box-shadow:none}.commit-card:active{border-color:var(--brand)}.sidebar-link:hover{background:0 0}.sidebar-link:active{background:#ffffff0a}}@media print{.sidebar,.mobile-menu-btn,.page-actions{display:none!important}.app-main{margin-left:0!important}.page{max-width:100%;padding:0}.stat-card{break-inside:avoid}}