@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--lg-brand: #1b3a2a;--lg-brand-light: #245237;--lg-accent: #a0d911;--lg-accent-muted: #8bc312;--lg-white: #ffffff;--lg-off-white: #fafcfb;--lg-surface: #f4f7f5;--lg-text: #1b3a2a;--lg-text-secondary: #52776a;--lg-text-muted: #96b0a4;--lg-border: #e2ebe6;--lg-border-light: #eef3f0;--lg-shadow-sm: 0 1px 2px rgba(27, 58, 42, .04);--lg-shadow-md: 0 4px 16px rgba(27, 58, 42, .06);--lg-shadow-lg: 0 12px 40px rgba(27, 58, 42, .08)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--lg-white);padding:2rem;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--lg-text)}.bg-blur{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.blur-circle-1{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(160,217,17,.06) 0%,transparent 60%);top:-350px;right:-250px;filter:blur(100px);animation:floatOrb1 25s ease-in-out infinite}.blur-circle-2{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(27,58,42,.03) 0%,transparent 60%);bottom:-300px;left:-200px;filter:blur(100px);animation:floatOrb2 30s ease-in-out infinite}.login-container:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--lg-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--lg-border-light) 1px,transparent 1px);background-size:60px 60px;opacity:.4;z-index:1;mask-image:radial-gradient(ellipse at center,black 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 65%)}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.05)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.03)}}.login-card{background:var(--lg-white);border-radius:24px;border:1px solid var(--lg-border);padding:3rem 2.75rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;position:relative;z-index:10;box-shadow:var(--lg-shadow-lg);animation:cardSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.brand-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.login-logo{width:52px;height:52px;margin-bottom:1rem;filter:drop-shadow(0 2px 8px rgba(27,58,42,.1));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.brand-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:var(--lg-brand);letter-spacing:-.03em;margin-bottom:.3rem}.brand-tagline{font-size:.62rem;color:var(--lg-text-muted);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-title{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:700;color:var(--lg-brand);margin-bottom:.5rem;letter-spacing:-.025em}.welcome-text{font-size:.88rem;color:var(--lg-text-secondary);line-height:1.6;max-width:320px;margin:0 auto;font-weight:400}.google-btn{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--lg-white);border:1.5px solid var(--lg-border);border-radius:14px;color:var(--lg-text);font-weight:600;font-size:.92rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2rem;position:relative;overflow:hidden;letter-spacing:-.01em;box-shadow:var(--lg-shadow-sm)}.google-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a0d91100,#a0d9110a);border-radius:14px;opacity:0;transition:opacity .3s ease}.google-btn:hover{border-color:var(--lg-brand);background:var(--lg-off-white);transform:translateY(-2px);box-shadow:var(--lg-shadow-md)}.google-btn:hover:before{opacity:1}.google-btn:active{transform:translateY(0);box-shadow:var(--lg-shadow-sm)}.google-btn svg{position:relative;z-index:1}.feature-pills{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:0;animation:fadeInUp .6s .2s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feature-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--lg-surface);border:1px solid var(--lg-border-light);border-radius:100px;font-size:.7rem;color:var(--lg-text-secondary);font-weight:500;transition:all .25s ease}.feature-pill:hover{border-color:var(--lg-accent-muted);color:var(--lg-brand);background:#a0d91114}.feature-pill svg{color:var(--lg-accent-muted);opacity:.7}.feature-pill:hover svg{opacity:1}.status-msg,.error-msg{width:100%;padding:.85rem 1rem;border-radius:12px;font-size:.82rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.status-msg{background:#a0d91114;color:var(--lg-brand);border:1px solid rgba(160,217,17,.18)}.error-msg{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.loading-wrapper{height:3.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.spinner{width:2rem;height:2rem;border:2.5px solid var(--lg-border-light);border-top-color:var(--lg-brand);border-radius:50%;animation:spin .7s linear infinite}.login-footer{position:relative;margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:10;animation:cardSlideUp .6s .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.footer-links{display:flex;gap:1.75rem;font-size:.78rem;font-weight:500}.footer-links a{color:var(--lg-text-muted);text-decoration:none;transition:color .2s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--lg-accent-muted);transition:width .25s ease}.footer-links a:hover{color:var(--lg-brand)}.footer-links a:hover:after{width:100%}.copyright{font-size:.7rem;color:var(--lg-text-muted);font-weight:400;opacity:.5}@media(max-width:640px){.login-container{padding:1.25rem}.login-card{padding:2.5rem 2rem;border-radius:20px}.welcome-title{font-size:1.55rem}.feature-pills{gap:.35rem}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:18px}.brand-title{font-size:1.4rem}.welcome-title{font-size:1.35rem}.google-btn{height:3rem;font-size:.88rem}}.ob-spotlight-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;animation:obFadeIn .25s ease-out}@keyframes obFadeIn{0%{opacity:0}to{opacity:1}}.ob-spotlight-backdrop{position:fixed;z-index:10001;border-radius:12px;box-shadow:0 0 0 9999px #0000008c;transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.ob-spotlight-ring{position:fixed;z-index:10002;border:2px solid rgba(160,217,17,.7);border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none;animation:obPulse 2s ease-in-out infinite}@keyframes obPulse{0%,to{box-shadow:0 0 #a0d9114d}50%{box-shadow:0 0 0 6px #a0d91114}}.ob-tooltip{position:fixed;z-index:10003;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000002e,0 2px 8px #0000000f;border:1px solid #e2e8f0;pointer-events:auto;animation:obTooltipIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes obTooltipIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-tooltip-accent{height:3px;background:linear-gradient(90deg,#1b3a2a,#a0d911)}.ob-tooltip-body{padding:20px 22px 16px}.ob-tooltip-step{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;color:#1b3a2a;background:#a0d91126;padding:3px 10px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.ob-tooltip-title{font-size:1rem;font-weight:700;color:#1b3a2a;margin-bottom:6px;letter-spacing:-.01em}.ob-tooltip-desc{font-size:.82rem;color:#4a6a56;line-height:1.55;margin-bottom:0}.ob-tooltip-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 16px}.ob-tooltip-dots{display:flex;gap:5px}.ob-tooltip-dot{width:6px;height:6px;border-radius:50%;background:#dce8e1;transition:all .25s ease}.ob-tooltip-dot.active{background:#1b3a2a;width:18px;border-radius:3px}.ob-tooltip-actions{display:flex;align-items:center;gap:8px}.ob-btn-skip{background:none;border:none;color:#8fa99b;font-size:.78rem;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s;font-family:inherit}.ob-btn-skip:hover{color:#1b3a2a;background:#f7f9f8}.ob-btn-next{display:inline-flex;align-items:center;gap:5px;background:#1b3a2a;color:#fff;border:none;padding:8px 18px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1b3a2a1f;font-family:inherit}.ob-btn-next:hover{background:#122b1e;transform:translateY(-1px);box-shadow:0 4px 12px #1b3a2a2e}.ob-btn-next.finish{background:linear-gradient(135deg,#1b3a2a,#2d5a40)}.ob-click-blocker{position:fixed;inset:0;z-index:10000;pointer-events:auto;cursor:default}.ob-welcome-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10003;width:420px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #00000040;pointer-events:auto;animation:obWelcomeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes obWelcomeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ob-welcome-hero{background:linear-gradient(135deg,#1b3a2a,#2d5a40);padding:36px 32px 28px;text-align:center;position:relative;overflow:hidden}.ob-welcome-hero:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(160,217,17,.12) 0%,transparent 70%);top:-80px;right:-60px;filter:blur(30px)}.ob-welcome-logo{width:48px;height:48px;margin:0 auto 14px;position:relative;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.ob-welcome-title{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:4px;position:relative}.ob-welcome-sub{font-size:.85rem;color:#ffffffa6;position:relative}.ob-welcome-body{padding:24px 32px 28px;text-align:center}.ob-welcome-body p{font-size:.88rem;color:#4a6a56;line-height:1.6;margin-bottom:20px}.ob-welcome-start{display:inline-flex;align-items:center;gap:8px;background:#1b3a2a;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1b3a2a26;font-family:inherit;margin-bottom:10px}.ob-welcome-start:hover{background:#122b1e;transform:translateY(-2px);box-shadow:0 6px 20px #1b3a2a33}.ob-welcome-skip{display:block;background:none;border:none;color:#8fa99b;font-size:.8rem;font-weight:500;cursor:pointer;margin:0 auto;padding:6px 12px;font-family:inherit}.ob-welcome-skip:hover{color:#1b3a2a}.ob-goal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10003;width:520px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #00000040;pointer-events:auto;animation:obWelcomeIn .4s cubic-bezier(.16,1,.3,1)}.ob-goal-header{background:linear-gradient(135deg,#1b3a2a,#2d5a40);padding:32px 32px 24px;text-align:center;position:relative;overflow:hidden}.ob-goal-header:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(160,217,17,.12) 0%,transparent 70%);top:-80px;right:-60px;filter:blur(30px)}.ob-goal-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#a0d91133;color:#a0d911;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:16px;position:relative}.ob-goal-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:6px;position:relative;letter-spacing:-.3px}.ob-goal-sub{font-size:.85rem;color:#ffffffa6;position:relative;margin:0}.ob-goal-options{padding:24px 28px 8px;display:flex;flex-direction:column;gap:10px}.ob-goal-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:2px solid #e8eaed;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;text-align:left}.ob-goal-option:hover{border-color:var(--goal-color);background:var(--goal-bg);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ob-goal-option.selected{border-color:var(--goal-color);background:var(--goal-bg);box-shadow:0 4px 16px #00000014}.ob-goal-icon{width:44px;height:44px;border-radius:14px;background:var(--goal-bg);color:var(--goal-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.ob-goal-option.selected .ob-goal-icon{background:var(--goal-color);color:#fff}.ob-goal-text{flex:1;display:flex;flex-direction:column;gap:2px}.ob-goal-name{font-size:.92rem;font-weight:700;color:#202124}.ob-goal-desc{font-size:.78rem;color:#5f6368;font-weight:500;line-height:1.4}.ob-goal-check{width:28px;height:28px;border-radius:50%;background:transparent;border:2px solid #e8eaed;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);color:transparent}.ob-goal-check.visible{background:var(--goal-color, #1b3a2a);border-color:var(--goal-color, #1b3a2a);color:#fff;transform:scale(1.1)}.ob-goal-footer{padding:20px 28px 24px;text-align:center}.ob-goal-continue{display:inline-flex;align-items:center;gap:8px;background:#1b3a2a;color:#fff;border:none;padding:14px 36px;border-radius:14px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1b3a2a26;font-family:inherit;margin-bottom:10px;width:100%;justify-content:center}.ob-goal-continue:hover:not(:disabled){background:#122b1e;transform:translateY(-2px);box-shadow:0 6px 20px #1b3a2a33}.ob-goal-continue:disabled{opacity:.5;cursor:not-allowed}.ob-goal-skip{display:block;background:none;border:none;color:#8fa99b;font-size:.8rem;font-weight:500;cursor:pointer;margin:0 auto;padding:6px 12px;font-family:inherit}.ob-goal-skip:hover{color:#1b3a2a}@media(max-width:640px){.ob-tooltip{width:280px}.ob-welcome-card{width:calc(100% - 48px);max-width:400px}.ob-goal-card{width:calc(100% - 40px);max-width:480px}}.engagement-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInUp .3s ease-out}.engagement-card{background:#fff;border-radius:20px;overflow:visible;box-shadow:0 20px 60px #00000038;width:100%;position:relative;animation:fadeInUp .35s cubic-bezier(.16,1,.3,1)}.engagement-card>.engagement-header{border-radius:20px 20px 0 0}.engagement-header{padding:28px 32px 26px;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.close-popup-btn{position:absolute;top:14px;right:14px;z-index:20;background:#ffffffeb;border:none;color:#3c4043;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;box-shadow:0 1px 6px #0000002e;padding:0}.close-popup-btn:hover{background:#fff;color:#202124;box-shadow:0 2px 10px #00000038;transform:scale(1.08)}.header-accent-circle{position:absolute;bottom:-40px;left:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff12;pointer-events:none}.header-accent-circle-sm{position:absolute;top:-20px;right:60px;width:80px;height:80px;border-radius:50%;background:#ffffff0f;pointer-events:none}.header-icon-wrap{width:48px;height:48px;border-radius:14px;background:#fff3;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:14px}.day-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:800;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.header-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.3px}.header-subtitle{font-size:14px;color:#ffffffd9;font-weight:500;margin:0;line-height:1.5}.engagement-body{padding:24px 32px 28px}.tips-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.tip-item{display:flex;align-items:flex-start;gap:10px}.tip-num{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800;margin-top:1px}.tip-text{font-size:13px;color:#3c4043;font-weight:500;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-box{background:#f8f9fa;border-radius:14px;padding:16px 12px;text-align:center;border:1px solid #e8eaed}.stat-val{font-size:24px;font-weight:800;letter-spacing:-.5px}.stat-lab{font-size:10px;font-weight:700;color:#9aa0a6;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.cta-button{width:100%;padding:14px;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;letter-spacing:-.2px}.cta-button:disabled{opacity:.7;cursor:not-allowed}.cta-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.skip-link{background:none;border:none;color:#9aa0a6;font-size:12px;font-weight:600;cursor:pointer;display:block;margin:12px auto 0;padding:4px 8px;transition:color .2s}.skip-link:hover{color:#5f6368}.feedback-section{margin-bottom:24px}.section-label{display:block;font-size:10px;font-weight:800;color:#5f6368;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.stars-row{display:flex;gap:6px;margin-bottom:16px}.star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .15s}.star-btn:hover{transform:scale(1.2)}.feedback-textarea{width:100%;padding:12px 14px;border:2px solid #e8eaed;border-radius:14px;font-size:14px;font-weight:500;font-family:inherit;outline:none;background:#fff;box-sizing:border-box;transition:border-color .2s;resize:vertical;min-height:80px}.success-state{max-width:420px;text-align:center;padding:48px 40px}.success-icon-bg{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#245237}.action-dialog-header{padding:20px 24px;border-bottom:1px solid #f1f3f4;display:flex;align-items:center;justify-content:space-between}.header-info{display:flex;align-items:center;gap:12px}.action-icon-bg{padding:8px;border-radius:12px;display:flex}.header-label{font-size:16px;font-weight:800;color:#202124}.header-sub{font-size:12px;color:#5f6368;font-weight:600}.close-btn{background:#f1f3f4;border:none;color:#5f6368;cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:background .2s}.close-btn:hover{background:#e8eaed}.action-dialog-body{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.note-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8f9fa;border-radius:12px;border:1px solid #e8eaed}.note-toggle-info .title{font-size:13px;font-weight:700;color:#202124}.note-toggle-info .sub{font-size:11px;color:#5f6368}.toggle-pills{display:flex;gap:4px;background:#e8eaed;padding:3px;border-radius:10px}.pill-btn{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s;color:#5f6368;background:transparent}.pill-btn.active{background:#fff;color:#1a73e8;box-shadow:0 2px 4px #0000001a}.profile-url-section{background:#f8f9fa;padding:16px;border-radius:16px;border:1px solid #e8eaed}.section-label{font-size:10px;font-weight:900;color:#5f6368;margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.styled-select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #dadce0;font-size:13px;outline:none;background:#fff;font-weight:700;cursor:pointer}.info-text{font-size:10px;color:#70757a;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:4px}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.strategy-btn{padding:10px 6px;border-radius:12px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px}.review-alert{font-size:10px;color:#e37400;margin-top:8px;font-weight:600;padding:8px 12px;background:#fff7ed;border-radius:8px;border:1px solid #ffedd5;display:flex;align-items:center;gap:6px}.draft-column-selector{background:#f8f9fa;padding:16px;border-radius:12px;border:1px solid #e8eaed;margin-top:12px}.dropdown-wrapper{position:relative}.dropdown-trigger{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dadce0;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px;cursor:pointer;transition:all .2s}.trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px}.chevron{flex-shrink:0;color:#5f6368;transition:transform .2s}.chevron.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:50px;left:0;right:0;background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 10px 40px #0000001a;z-index:10;max-height:220px;overflow-y:auto;padding:6px 0}.menu-item{width:100%;text-align:left;padding:12px 16px;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:2px}.menu-item:hover,.menu-item.active{background:#f8f9fa}.item-header{display:flex;align-items:center;gap:8px}.item-name{font-size:13px;font-weight:700}.item-preview{font-size:11px;color:#9aa0a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-preview{margin-top:10px;padding:12px 16px;background:#f8f9fa;border-radius:12px;font-size:12px;color:#5f6368;line-height:1.6;max-height:100px;overflow-y:auto;white-space:pre-wrap;border:1px solid #e8eaed}.placeholder-check{margin-top:10px;padding:10px 14px;border-radius:10px;border:1px solid transparent}.placeholder-check.warning{background:#fffbeb;border-color:#fde68a}.placeholder-check.success{background:#f0fdf4;border-color:#bbf7d0}.check-title{font-size:10px;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px}.warning .check-title{color:#92400e}.success .check-title{color:#166534}.pills-container{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent}.pill.matched{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.pill.unmatched{background:#fef3c7;color:#b45309;border-color:#fde68a;cursor:help}.unmatched-warning{font-size:10px;color:#92400e;margin-top:8px;font-weight:600}.ai-context-section{padding:16px;background:#f5f3ff;border-radius:16px;border:1px solid #ddd6fe;margin-top:16px}.ai-label{font-size:10px;font-weight:900;color:#7c3aed;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:.8px}.columns-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:140px;overflow-y:auto}.column-pill{padding:6px 14px;border-radius:10px;font-size:11px;font-weight:700;background:#fff;color:#6b7280;border:1.5px solid #e5e7eb;cursor:pointer;transition:all .2s}.column-pill.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 10px #7c3aed33}.ai-info{font-size:10px;color:#6b21a8;margin-top:10px;font-weight:600;display:flex;align-items:center;gap:4px}.attachment-section{display:flex;flex-direction:column;gap:8px}.type-toggle{display:flex;gap:8px;margin-bottom:8px}.type-btn{flex:1;padding:8px;border-radius:8px;font-size:11px;font-weight:700;border:2px solid #e8eaed;background:#fff;color:#5f6368;cursor:pointer;transition:all .2s}.type-btn.active{cursor:default}.custom-attachment-inputs{display:flex;flex-direction:column;gap:8px}.url-input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9aa0a6}.url-input{width:100%;padding:10px 14px 10px 34px;border-radius:10px;border:1px solid #dadce0;font-size:13px;outline:none}.separator{display:flex;align-items:center;gap:10px;padding:4px 0}.separator .line{flex:1;height:1px;background:#e8eaed}.separator .text{font-size:10px;font-weight:800;color:#bdc1c6}.file-upload-wrapper{position:relative}.hidden-file-input{display:none}.file-label{width:100%;padding:10px 14px;border-radius:10px;border:1px dashed #dadce0;font-size:13px;display:flex;align-items:center;gap:8px;color:#5f6368;cursor:pointer;background:#fff;transition:all .2s}.file-label:hover{border-color:#1a73e8;background:#f8fbff}.file-name{font-weight:700}.action-dialog-footer{padding:16px 24px;border-top:1px solid #f1f3f4;display:flex;justify-content:flex-end;gap:10px;background:#f8f9fa}.cancel-btn{padding:9px 20px;border-radius:10px;border:1px solid #dadce0;background:#fff;font-size:13px;font-weight:700;color:#5f6368;cursor:pointer}.execute-btn{padding:9px 24px;border-radius:10px;border:none;font-size:13px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.execute-btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:none!important}.list-view-toolbar{display:flex;flex-direction:column;padding:10px 16px;gap:8px;background:#fff;border-bottom:1px solid rgb(232,234,237);flex-shrink:0}.toolbar-row{display:flex;align-items:center;gap:8px;width:100%}.toolbar-divider{width:1px;height:22px;background:#e0e0e0;margin:0 4px;flex-shrink:0}.toolbar-btn,.selection-badge,.action-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 14px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;font-family:inherit!important;line-height:1!important;letter-spacing:-.1px!important;white-space:nowrap!important;cursor:pointer;transition:all .18s ease;border:1px solid transparent;box-sizing:border-box;height:32px}.action-buttons-group .action-btn:disabled{opacity:.7!important}.toolbar-btn{background:#f8f9fa;border-color:#e0e0e0;color:#3c4043}.toolbar-btn:hover{background:#e8f0fe;border-color:#c5cae9;color:#1a73e8}.tab-switcher{color:#3c4043}.tab-switcher:hover{color:#1a73e8}.column-btn{color:#3c4043}.column-btn:hover{color:#1a73e8}.selection-badge{background:#e8f0fe;border-color:#c5cae9;color:#1a73e8;font-weight:700!important;animation:fadeInScale .2s ease-out}.selection-badge-placeholder{display:inline-flex;visibility:hidden;width:0;overflow:hidden;padding:0!important;margin:0;border:none!important;height:34px}.clear-selection{margin-left:2px;padding:2px!important;border:none!important;background:#0f9d5826!important;color:#0f9d58!important;border-radius:50%!important;cursor:pointer;display:flex;transition:background .2s;line-height:0;height:auto!important;width:auto!important}.clear-selection:hover{background:#0f9d5840!important}.action-buttons-group{display:flex;align-items:center;gap:8px}.action-buttons-group .action-btn{background-color:#fff!important;border:1px solid #dadce0!important;color:#80868b;opacity:.7;cursor:not-allowed}.action-buttons-group .action-btn.enabled{opacity:1!important;cursor:pointer}.action-buttons-group .action-btn.extract-leads{color:#0f9d58!important;border-color:#c4eed0!important;background-color:#f6fef9!important;opacity:1!important;cursor:pointer;font-weight:700!important}.action-buttons-group .action-btn.extract-leads:hover{background-color:#e6f4ea!important;border-color:#0f9d58!important;box-shadow:0 2px 8px #0f9d5826!important}.action-buttons-group .action-btn.extract-post.enabled{color:#fff!important;background-color:#0f9d58!important;border-color:#0f9d58!important}.action-buttons-group .action-btn.extract-post.enabled:hover{background-color:#0b8043!important;border-color:#0b8043!important;box-shadow:0 4px 12px #0f9d5840!important}.action-buttons-group .action-btn.connect-btn.enabled{color:#fff!important;background-color:#1a73e8!important;border-color:#1a73e8!important}.action-buttons-group .action-btn.connect-btn.enabled:hover{background-color:#1557b0!important;border-color:#1557b0!important;box-shadow:0 4px 12px #1a73e840!important}.action-buttons-group .action-btn.message-btn.enabled{color:#fff!important;background-color:#7c3aed!important;border-color:#7c3aed!important}.action-buttons-group .action-btn.message-btn.enabled:hover{background-color:#6d28d9!important;border-color:#6d28d9!important;box-shadow:0 4px 12px #7c3aed40!important}.action-buttons-group .action-btn.comment-btn.enabled{color:#fff!important;background-color:#ea580c!important;border-color:#ea580c!important}.action-buttons-group .action-btn.comment-btn.enabled:hover{background-color:#c2410c!important;border-color:#c2410c!important;box-shadow:0 4px 12px #ea580c40!important}.action-buttons-group .action-btn.visit-btn.enabled{color:#fff!important;background-color:#4f46e5!important;border-color:#4f46e5!important}.action-buttons-group .action-btn.visit-btn.enabled:hover{background-color:#4338ca!important;border-color:#4338ca!important;box-shadow:0 4px 12px #4f46e540!important}.tab-dropdown{position:absolute;top:38px;left:0;width:220px;background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50;padding:8px 0;overflow-y:auto;max-height:280px;font-size:12px}.dropdown-label{padding:8px 16px;font-size:10px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{width:100%;text-align:left;padding:8px 16px;font-size:11px;background:transparent;border:none;cursor:pointer;color:#444;font-weight:500;transition:all .15s ease}.dropdown-item:hover{background:#f5f5f5;color:#222}.dropdown-item.active{background:#e6f4ea;color:#0f9d58;font-weight:600}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.relative{position:relative}.flex-1{flex:1}.templates-container{display:flex;flex-direction:column;height:100%;background:#f8fafd;overflow:hidden;font-family:inherit}.templates-content{flex:1;overflow:auto;padding:32px 40px}.templates-top-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.templates-title{font-size:24px;font-weight:700;color:#202124}.template-filters-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-wrapper{position:relative;width:320px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa0a6}.search-input{width:100%;padding:10px 16px 10px 42px;height:40px;border:1px solid #e0e2e0;border-radius:20px;font-size:13px;background:#fff;outline:none;transition:all .2s;color:#202124}.search-input::placeholder{color:#9aa0a6;font-weight:500}.search-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.filter-buttons{display:flex;gap:8px;align-items:center}.filter-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid transparent;background:transparent;color:#5f6368;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-btn:hover{background:#eef2ff;color:#4f46e5}.filter-btn.active{background:#eef2ff;color:#4f46e5;font-weight:700}.btn-icon{font-size:12px}.template-list{display:flex;flex-direction:column;gap:12px}.template-list-header{display:grid;grid-template-columns:1fr 110px 120px 160px;padding:0 24px 12px;font-size:11px;font-weight:700;color:#80868b;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #e0e2e0;margin-bottom:8px}.template-item{display:grid;grid-template-columns:1fr 110px 120px 160px;background:#fff;border:1px solid transparent;border-radius:16px;padding:20px 24px;align-items:center;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d}.template-item:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#eef2ff}.template-name{font-size:15px;font-weight:700;color:#202124;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-item .template-preview{font-size:13px;color:#5f6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;background:transparent;padding:0;margin:0;border:none;max-height:none}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px}.category-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-badge.ai{background:#fdf4ff;color:#c026d3;border:1px solid #fae8ff}.category-badge.manual{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.template-actions{display:flex;gap:6px;justify-content:flex-end}.template-actions .action-btn{padding:8px;background:#f8f9fa;border:1px solid transparent;border-radius:10px;cursor:pointer;color:#5f6368;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.template-actions .action-btn:hover{background:#fff;border-color:#e0e2e0;color:#1a73e8;box-shadow:0 2px 6px #0000000d}.template-actions .action-btn.delete:hover{color:#d93025;background:#fce8e6;border-color:#fad2cf}.notification-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#202124;color:#fff;padding:14px 28px;border-radius:100px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #0003;z-index:2000;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.template-filters-container .divider{display:none}.settings-tabs-container{display:inline-flex;background:#fff;border-radius:16px;padding:4px;border:1px solid #e8eaed;margin-bottom:28px;box-shadow:0 1px 4px #0000000a}.settings-tab-btn{display:flex;align-items:center;gap:8px;padding:9px 22px;border-radius:12px;border:none;font-size:13px;font-weight:700;cursor:pointer;background:transparent;color:#5f6368;transition:all .2s;letter-spacing:-.2px}.settings-tab-btn.active{background:#1a73e8;color:#fff}.settings-section-container{display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border-radius:20px;border:1px solid #e8eaed;overflow:hidden;box-shadow:0 1px 4px #0000000a}.card-header{padding:22px 28px;border-bottom:1px solid #f1f3f4;display:flex;align-items:center;gap:14px}.card-header.border-none{border-bottom:none}.header-icon{padding:10px;border-radius:14px;display:flex}.header-icon.profile{background:#eef2ff;color:#4f46e5}.header-icon.legal{background:#fff7e6;color:#f59e0b}.header-icon.automation{background:#e8f0fe;color:#1a73e8}.header-icon.ai{background:#f3e8ff;color:#7c3aed}.card-header h3{font-size:15px;font-weight:800;color:#202124;margin:0 0 3px;letter-spacing:-.2px}.card-header p{font-size:12px;color:#5f6368;margin:0;font-weight:500}.card-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-column{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-size:10px;font-weight:800;color:#5f6368;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.settings-input{width:100%;padding:11px 14px;border:1.5px solid #e8eaed;border-radius:12px;font-size:13px;font-weight:500;background:#fff;box-sizing:border-box;transition:all .2s;font-family:inherit;outline:none;color:#202124}.settings-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.settings-input.readonly{background:#f8f9fa;cursor:not-allowed;color:#5f6368}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:13px;color:#9aa0a6}.input-icon.top-icon{top:13px}.icon-padding{padding-left:36px}.textarea{min-height:80px;padding-top:11px;resize:vertical}.textarea-small{min-height:80px;resize:vertical}.textarea-medium{min-height:100px;resize:vertical}.form-help{font-size:11px;color:#9aa0a6;margin:8px 0 0;font-weight:500}.max-w-320{max-width:320px}.toggle-switch{width:46px;height:26px;border-radius:13px;cursor:pointer;background:#dadce0;padding:3px;transition:background .3s;flex-shrink:0}.toggle-switch.active{background:#1a73e8}.toggle-handle{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transform:translate(0);transition:transform .3s}.toggle-handle.active{transform:translate(20px)}.card-body.disabled{opacity:.45;pointer-events:none}.range-display-banner{padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#e8f0fe,#f0f4ff);border:1px solid #d2e3fc;display:flex;align-items:center;gap:12px}.banner-icon{color:#1a73e8;flex-shrink:0}.banner-text{font-size:13px;font-weight:700;color:#1a73e8}.banner-subtext{font-size:11px;color:#1967d2;margin:3px 0 0;font-weight:500}.safety-tip-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border-radius:14px;border:1px solid #e8eaed}.tip-icon{color:#137333;flex-shrink:0}.safety-tip-banner span{font-size:12px;color:#5f6368;font-weight:500;line-height:1.5}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.provider-btn{padding:14px 12px;border-radius:14px;border:2px solid #e8eaed;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;text-align:center}.provider-btn:hover,.provider-btn.active{border-color:var(--provider-color);background:var(--provider-bg)}.provider-icon{font-size:20px;line-height:1}.provider-label{font-size:11px;font-weight:700;color:#3c4043;letter-spacing:-.2px}.provider-btn.active .provider-label{color:var(--provider-color)}.api-key-safety{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#e6f4ea;border-radius:10px}.api-key-safety span{font-size:11px;color:#137333;font-weight:600}.accordion-header{cursor:pointer;display:flex;justify-content:space-between;transition:background .2s}.accordion-header:hover{background:#fafbfc}.header-info{display:flex;align-items:center;gap:14px}.chevron{color:#9aa0a6;transition:transform .25s}.chevron.expanded{transform:rotate(180deg)}.accordion-body{border-top:1px solid #f1f3f4}.red-label{display:flex;align-items:center;gap:6px;color:#c5221f!important}.border-red{border-color:#fce8e6}.border-red:focus{border-color:#c5221f!important;box-shadow:0 0 0 3px #c5221f14!important}.save-wrapper{margin-top:28px;display:flex;align-items:center;gap:16px}.save-btn{padding:12px 36px;border:none;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #1a73e84d;transition:all .3s;letter-spacing:-.2px}.save-btn.saved{background:linear-gradient(135deg,#137333,#0f9d58);box-shadow:0 4px 14px #1373334d}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-success-msg{font-size:12px;color:#137333;font-weight:600;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flex-1{flex:1 1 0%;min-width:0}.gap-14{gap:14px}.pt-0{padding-top:0}.mb-20{margin-bottom:20px}.padding-28-32{padding:28px 32px}.bg-\[\#f8f9fa\]{background:#f8fafd!important;font-family:inherit}.team-summary-stats{background:#fff;border-radius:20px;padding:32px;border:1px solid transparent;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.team-summary-stats:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#eef2ff}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.stats-header h2{font-size:20px;font-weight:800;color:#202124;margin:0 0 6px}.stats-header p{font-size:13px;color:#5f6368;font-weight:500;margin:0}.stats-value-container{text-align:right}.stats-value{font-size:32px;font-weight:800;color:#1a73e8;line-height:1}.stats-max{font-size:16px;color:#9aa0a6;font-weight:600}.stats-label{font-size:11px;color:#9aa0a6;font-weight:700;text-transform:uppercase;margin-top:6px;letter-spacing:.5px}.progress-bar-container{width:100%;height:6px;background:#eef2ff;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#1a73e8,#4285f4);border-radius:6px;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-bar-fill.full{background:#ea580c}.add-member-card{background:#fff;border-radius:20px;padding:32px;border:1px solid transparent;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.add-member-card:hover{box-shadow:0 4px 16px #00000014;border-color:#eef2ff}.add-member-card h3{font-size:16px;font-weight:700;color:#202124;margin:0 0 20px}.add-member-form{display:flex;gap:16px}.input-wrapper{flex:1;position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9aa0a6}.member-input{width:100%;padding:14px 16px 14px 44px;border-radius:12px;border:1.5px solid #e0e2e0;font-size:14px;font-weight:500;outline:none;transition:all .2s ease;background:#f8fafd;color:#202124}.member-input::placeholder{color:#9aa0a6;font-weight:500}.member-input:focus{border-color:#1a73e8;background:#fff;box-shadow:0 0 0 3px #1a73e81a}.add-btn{display:flex;align-items:center;gap:8px;padding:0 28px;border-radius:12px;background:#1a73e8;color:#fff;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1a73e840}.add-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1a73e859}.add-btn.disabled{background:#f1f3f4;color:#9aa0a6;cursor:not-allowed;box-shadow:none}.msg-banner{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;padding:12px 16px;border-radius:10px}.msg-banner.error{background:#fce8e6;color:#d93025}.msg-banner.success{background:#e6f4ea;color:#137333}.members-list-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid transparent;box-shadow:0 1px 3px #0000000d}.members-list-card:hover{box-shadow:0 4px 16px #00000014}.members-list-card .card-header{padding:24px 32px;border-bottom:2px solid #f8fafd;display:flex;align-items:center;justify-content:space-between}.members-list-card .card-header h3{font-size:18px;font-weight:800;color:#202124;margin:0}.total-seats{font-size:12px;color:#5f6368;background:#f1f3f4;padding:6px 12px;border-radius:20px;font-weight:700;letter-spacing:.3px}.members-rows{display:flex;flex-direction:column}.member-row{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;transition:background .2s;border-bottom:1px solid #f8fafd}.member-row:last-child{border-bottom:none}.member-row.owner{background:#fdfdfd}.member-row:hover:not(.owner){background:#f8fafd}.member-info{display:flex;align-items:center;gap:16px}.avatar{width:44px;height:44px;border-radius:12px;background:#f1f3f4;color:#5f6368;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.avatar.owner{background:#eef2ff;color:#4f46e5}.member-email{font-size:15px;font-weight:700;color:#202124;margin-bottom:4px}.you-tag{color:#9aa0a6;font-weight:500;font-size:13px}.member-role.owner{font-size:12px;color:#4f46e5;font-weight:700;display:flex;align-items:center;gap:6px}.role-badge{font-size:11px;font-weight:800;color:#4f46e5;background:#eef2ff;padding:6px 14px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.member-date{font-size:12px;color:#9aa0a6;font-weight:500}.member-actions{display:flex;align-items:center;gap:8px}.assign-btn{background:#fff;border:1px solid #e0e2e0;color:#0a66c2;font-size:12px;font-weight:700;padding:8px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.assign-btn:hover{border-color:#0a66c2;background:#f3f8fd;color:#0a66c2;box-shadow:0 2px 6px #0a66c21a}.remove-btn{background:#f1f3f4;border:none;color:#80868b;cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{color:#d93025;background:#fce8e6}.loading-state{padding:60px 20px;text-align:center;color:#9aa0a6;font-weight:500}.spinner{width:28px;height:28px;border:3px solid #eef2ff;border-top-color:#1a73e8;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.empty-state{padding:60px 20px;text-align:center}.empty-icon{color:#e8eaed;margin-bottom:16px}.empty-state p{font-size:14px;color:#9aa0a6;font-weight:500;margin:0}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:440px;padding:32px;box-shadow:0 24px 80px #00000040;animation:fadeInUp .2s ease-out}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-header-icon{width:48px;height:48px;border-radius:14px;background:#f3f8fd;color:#0a66c2;display:flex;align-items:center;justify-content:center}.modal-header h3{font-size:18px;font-weight:800;margin:0 0 4px;color:#202124}.modal-header p{font-size:13px;color:#5f6368;margin:0;font-weight:500}.accounts-list{max-height:280px;overflow-y:auto;margin-bottom:28px;padding-right:8px}.accounts-list::-webkit-scrollbar{width:4px}.accounts-list::-webkit-scrollbar-track{background:transparent}.accounts-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.accounts-grid{display:flex;flex-direction:column;gap:10px}.account-item{padding:14px 18px;border-radius:12px;border:1.5px solid #e8eaed;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.account-item:hover{border-color:#d2e3fc;background:#f8fbff}.account-item.selected{border-color:#1a73e8;background:#f8fbff}.account-info{display:flex;align-items:center;gap:12px}.account-avatar{width:32px;height:32px;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.account-name{font-size:14px;font-weight:700;color:#202124}.account-item.selected .account-name{color:#1a73e8}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #dadce0;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.checkbox.selected{border-color:#1a73e8;background:#1a73e8}.no-accounts{text-align:center;padding:32px 0;color:#9aa0a6;font-size:13px}.modal-footer{display:flex;gap:12px}.cancel-btn{flex:1;padding:14px;border-radius:12px;border:1px solid #dadce0;background:#fff;color:#5f6368;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f8f9fa;color:#202124}.save-btn{flex:2;padding:14px;border-radius:12px;border:none;background:#1a73e8;color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #1a73e840;transition:all .2s}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px #1a73e859;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoices-page-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.inv-search-input{padding:12px 16px 12px 42px;border-radius:20px;border:1.5px solid #e0e2e0;width:280px;font-size:13px;font-weight:500;outline:none;transition:all .2s ease;background:#fff;color:#202124}.inv-search-input::placeholder{color:#9aa0a6}.inv-search-input:focus{border-color:#1a73e8!important;box-shadow:0 0 0 3px #1a73e81a!important}.summary-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.summary-card{background:#fff;border-radius:20px;padding:24px 28px;border:1px solid transparent;display:flex;align-items:center;gap:20px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.summary-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#eef2ff}.icon-wrapper{padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center}.card-label{font-size:11px;font-weight:800;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;margin:0}.card-value{font-size:28px;font-weight:800;color:#202124;letter-spacing:-.5px;line-height:1;margin:4px 0 0}.table-container{background:#fff;border-radius:20px;border:1px solid transparent;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-header{display:grid;grid-template-columns:1.2fr 1.5fr 1fr .8fr 80px;padding:24px 32px;font-size:11px;font-weight:700;color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f8fafd;background:#fff}.inv-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr .8fr 80px;padding:20px 32px;align-items:center;background:#fff;transition:all .2s ease;cursor:pointer;border-bottom:1px solid #f8fafd}.inv-row:last-child{border-bottom:none}.inv-row:hover{background:#f8fafd!important}.status-row{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-text{font-size:14px;font-weight:700;margin:0}.inv-view-btn{padding:10px;border-radius:12px;background:#f1f3f4;border:none;color:#80868b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;box-shadow:none}.inv-view-btn:hover{background:#1a73e8!important;color:#fff!important;box-shadow:0 4px 12px #1a73e840!important}button.shadow-sm{border-radius:20px!important;padding:10px 20px!important;border-color:#e0e2e0!important;transition:all .2s ease;box-shadow:none!important}button.shadow-sm:hover{background:#f8fafd!important;border-color:#d2e3fc!important;color:#1a73e8!important}.invoice-page-container{min-height:100vh;background-color:#f8f9fa;padding:40px 16px}.invoice-root *{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;margin:0;padding:0}.toolbar-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.toolbar-back{background:#fff;color:#5f6368;border:1px solid #e8eaed}.toolbar-back:hover{background:#f8f9fa;border-color:#1a73e8;color:#1a73e8}.toolbar-primary{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff}.toolbar-primary:hover{background:linear-gradient(135deg,#1557b0,#1a73e8)}.toolbar-container{max-width:820px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.invoice-paper{max-width:820px;margin:0 auto;background-color:#fff;padding:56px 64px;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 8px 30px #0000000a;min-height:1120px;position:relative;border:1px solid #e8eaed}.accent-bar{position:absolute;top:0;left:0;right:0;height:"4px";background:linear-gradient(90deg,#1a73e8,#4285f4,#1a73e8);border-radius:16px 16px 0 0}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;padding-top:8px}.company-logo{height:48px;width:auto}.title-meta{text-align:right}.title-meta h2{font-size:28px;font-weight:800;color:#202124;letter-spacing:-.5px;margin-bottom:8px;line-height:1}.payment-status{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;background:#e6f4ea;border:1px solid #ceead6;font-size:11px;font-weight:700;color:#137333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.status-dot{width:6px;height:6px;border-radius:50%;background:#137333;display:inline-block}.meta-details{display:flex;flex-direction:column;gap:5px;align-items:flex-end;margin-top:14px}.meta-row{display:flex;gap:12px;align-items:center}.meta-label{font-size:12px;font-weight:500;color:#9aa0a6}.meta-value{font-size:13px;font-weight:700;color:#202124}.billing-addresses{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px;padding:28px 32px;background:#f8f9fa;border-radius:14px;border:1px solid #f1f3f4}.section-label{font-size:10px;font-weight:700;color:#9aa0a6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #e8eaed;display:inline-block}.company-name{font-size:15px;font-weight:700;color:#202124;margin-bottom:6px}.address-details{font-size:13px;color:#5f6368;line-height:1.8}.bold-text{font-weight:600;color:#202124}.items-table-container{margin-bottom:32px}.items-table{width:100%;border-collapse:separate;border-spacing:0}.items-table th{padding:14px 16px;text-align:left;font-size:10px;font-weight:700;color:#9aa0a6;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #e8eaed}.items-table th.th-large{border-bottom-color:#1a73e8}.items-table th.th-center{text-align:center;border-bottom-color:#1a73e8}.items-table th.th-right{text-align:right;border-bottom-color:#1a73e8}.items-table td{padding:20px 16px;vertical-align:top;border-bottom:1px solid #f1f3f4}.items-table td.td-muted{font-size:13px;color:#9aa0a6}.items-table td.td-center{text-align:center;font-size:13px;font-weight:600;color:#202124}.items-table td.td-right{text-align:right;font-size:13px;font-weight:600;color:#202124}.items-table td.bold{font-weight:700}.item-title{font-size:14px;font-weight:700;color:#202124;margin-bottom:4px}.item-sub{font-size:11.5px;color:#9aa0a6;font-weight:500}.totals-container{display:flex;justify-content:flex-end;margin-bottom:48px}.totals-box{width:280px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.total-row .label{color:#5f6368;font-weight:500}.total-row .value{font-weight:600;color:#202124}.total-row.grand-total{margin-top:8px;padding-top:12px;border-top:2px solid #202124}.total-row.grand-total .label{font-size:14px;font-weight:700;color:#202124}.total-row.grand-total .value{font-size:16px;font-weight:800;color:#202124}.terms-payment-grid{margin-bottom:40px;padding-left:48px}.terms-payment-grid h4{font-size:13px;font-weight:700;color:#202124;margin-bottom:12px}.terms-list{font-size:12px;color:#5f6368;line-height:1.8}.payment-type{font-size:13px;color:#5f6368;margin-bottom:10px;font-weight:500}.payment-details{font-size:13px;color:#5f6368;line-height:1.8}.payment-details span{color:#9aa0a6}.invoice-notice{position:absolute;bottom:80px;left:64px;right:64px;text-align:center}.invoice-notice p{font-size:12px;color:#9aa0a6;line-height:1.6}.invoice-footer-meta{position:absolute;bottom:40px;left:64px;right:64px;border-top:1px solid #e8eaed;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:24px}.footer-links span{font-size:10px;font-weight:600;color:#9aa0a6;letter-spacing:.3px}.page-count{font-size:9px;font-weight:500;color:#dadce0}@media print{@page{size:A4;margin:0}html,body{background:#fff!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.invoice-page-container{background:#fff!important;padding:0!important;min-height:auto!important}.invoice-paper{box-shadow:none!important;border-radius:0!important;padding:50px 60px!important;margin:0!important;max-width:100%!important;width:100%!important;min-height:auto!important;border:none!important}}.partner-tabs{display:flex;gap:8px;align-items:center}.tab-btn{padding:10px 20px;border-radius:20px;border:1px solid transparent;background:transparent;color:#5f6368;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-btn:hover{background:#eef2ff;color:#4f46e5}.tab-btn.active{background:#eef2ff;color:#4f46e5;font-weight:700}.stats-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:20px;padding:24px 20px;border:1px solid transparent;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;cursor:default;display:flex;flex-direction:column}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#eef2ff}.stat-icon-wrapper{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-value{font-size:28px;font-weight:800;color:#202124;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;font-weight:700;color:#5f6368;margin-bottom:2px}.stat-sub{font-size:11px;color:#9aa0a6;font-weight:500}.referral-banner{background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:20px;padding:24px 32px;margin-bottom:32px;display:flex;align-items:center;gap:20px;color:#fff;box-shadow:0 10px 25px -5px #1a73e84d}.banner-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-content{flex:1}.banner-title{font-size:14px;font-weight:700;margin-bottom:6px;letter-spacing:.3px}.referral-code{font-size:15px;font-weight:500;color:#ffffffe6;word-break:break-all;display:block;letter-spacing:.2px}.copy-btn{padding:12px 24px;border-radius:12px;border:none;background:#fff;color:#1a73e8;cursor:pointer;font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #0000001a}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.copy-btn.copied{background:#e6f4ea;color:#137333}.insights-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.insight-card{background:#fff;padding:32px;border-radius:20px;border:1px solid transparent;box-shadow:0 1px 3px #0000000d}.insight-card:hover{box-shadow:0 4px 16px #00000014;border-color:#eef2ff}.insight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.insight-title{font-size:18px;font-weight:800;color:#202124;margin:0;display:flex;align-items:center;gap:10px}.commission-badge{padding:6px 14px;font-size:11px;font-weight:800;background:#e6f4ea;color:#137333;border-radius:20px;letter-spacing:.5px}.insight-desc{font-size:14px;color:#5f6368;line-height:1.6;margin-bottom:24px}.steps-list{display:grid;gap:12px}.step-item{display:flex;align-items:center;gap:14px;background:#f8fafd;padding:14px 18px;border-radius:12px;transition:all .2s}.step-item.highlight{background:#eef2ff}.step-num{background:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#5f6368;box-shadow:0 2px 4px #0000000d}.highlight .step-num{color:#4f46e5}.step-text{font-size:14px;color:#202124;font-weight:600}.highlight .step-text{color:#4f46e5;font-weight:700}.growth-card{background:linear-gradient(135deg,#f8fafd,#f1f3f4);padding:40px;border-radius:20px;border:1px solid #e8eaed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 1px 3px #0000000d}.piggy-icon-bg{background:#fff;padding:24px;border-radius:50%;margin-bottom:24px;box-shadow:0 10px 20px -5px #00000014;color:#137333}.growth-card h3{font-size:20px;font-weight:800;color:#202124;margin-bottom:12px}.growth-card p{font-size:14px;color:#5f6368;max-width:85%;line-height:1.6}.pipeline-container,.payout-container{background:#fff;border-radius:20px;border:1px solid transparent;display:flex;flex-direction:column;min-height:600px;box-shadow:0 1px 3px #0000000d}.pipeline-container:hover,.payout-container:hover{box-shadow:0 4px 16px #00000014}.container-header{padding:24px 32px;border-bottom:1px solid #f8fafd;display:flex;align-items:center;justify-content:space-between}.header-info{display:flex;align-items:center;gap:16px}.icon-bg{padding:12px;background:#eef2ff;border-radius:12px;color:#4f46e5}.icon-bg.green{background:#e6f4ea;color:#137333}.container-header h2{font-size:20px;font-weight:800;color:#202124;margin:0 0 4px;letter-spacing:-.3px}.container-header p{font-size:13px;color:#5f6368;margin:0}.total-badge{font-size:13px;color:#202124;font-weight:700;padding:8px 16px;background:#f8fafd;border-radius:20px}.table-scroll{overflow-y:auto;flex:1;padding-bottom:24px;padding-right:8px}.table-scroll::-webkit-scrollbar{width:4px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.pipeline-table,.payout-table{width:100%;border-collapse:collapse;font-size:14px}.pipeline-table thead,.payout-table thead{position:sticky;top:0;background:#fff;z-index:1}.pipeline-table th,.payout-table th{padding:16px 32px;text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#9aa0a6;border-bottom:2px solid #f8fafd}.pipeline-table td,.payout-table td{padding:20px 32px;border-bottom:1px solid #f8fafd;transition:background .2s}.pipeline-table tbody tr:hover,.payout-table tbody tr:hover{background:#f8fafd}.contact-name,.user-name{font-weight:700;color:#202124;font-size:15px;margin-bottom:4px}.contact-email,.user-email{font-size:12px;color:#5f6368}.date-cell{color:#5f6368;font-weight:500}.stage-badge,.payout-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:800}.stage-badge.paid,.payout-status.paid{background:#e6f4ea;color:#137333}.stage-badge.trial{background:#eef2ff;color:#4f46e5}.stage-badge.idle{background:#f8fafd;color:#5f6368}.payout-status.pending{background:#fff3e0;color:#e65100}.status-cell span{font-size:13px;color:#5f6368;font-weight:600}.status-cell .status-active{color:#137333}.commission-cell{font-weight:800;color:#137333;font-size:15px}.currency-label{font-size:11px;color:#9aa0a6;margin-top:2px;font-weight:600}.empty-pipeline,.empty-payouts{padding:100px 20px;text-align:center;color:#9aa0a6;font-size:14px;font-weight:500}.empty-icon{margin-bottom:20px;opacity:.5;color:#dadce0}.text-center{text-align:center!important}.text-right{text-align:right!important}:root{--bg-main: #ffffff;--bg-sidebar: #f8fafd;--bg-surface: #ffffff;--bg-surface-hover: #f3f6fc;--border-color: #747775;--border-light: #e0e2e0;--text-primary: #1f1f1f;--text-secondary: #444746;--text-muted: #747775;--accent-color: #0b57d0;--accent-hover: #0842a0;--accent-bg: #d3e3fd;--accent-text: #041e49;--success: #146c2e;--success-bg: #c4eed0;--danger: #b3261e;--warning: #8f4c00;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--shadow-1: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-2: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);--shadow-3: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--text-primary)}h1{font-size:2.25rem;font-weight:500}h2{font-size:1.75rem}h3{font-size:1.5rem}p{color:var(--text-secondary);line-height:1.5}.material-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px}.material-card-shadow{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.material-card input[type=text],.material-card input[type=password],.material-card select,.material-card textarea,.login-card input[type=text],.login-card input[type=password],.login-card select,.login-card textarea{width:100%;padding:12px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s}.material-card input:focus,.material-card select:focus,.material-card textarea:focus,.login-card input:focus,.login-card select:focus,.login-card textarea:focus{outline:none;border-color:var(--accent-color);border-width:2px;padding:11px 15px}input::placeholder{color:var(--text-muted)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-weight:500;font-size:.875rem;letter-spacing:.1px;font-family:inherit;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease}button.primary{background:var(--accent-color);color:#fff}button.primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-1)}button.tonal{background:var(--accent-bg);color:var(--accent-text)}button.tonal:hover{background:#c2d7fa}button.secondary{background:transparent;color:var(--accent-color);border:1px solid var(--border-light)}button.secondary:hover{background:var(--bg-surface-hover)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button.danger:hover{background:#f9dedc}button.text-button{background:transparent;color:var(--text-secondary);padding:8px 16px}button.text-button:hover{background:#1f1f1f14;color:var(--text-primary)}button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.sidebar{width:256px;min-width:256px;height:100vh;position:sticky;top:0;background:var(--bg-sidebar);display:flex;flex-direction:column}.main-content{flex-grow:1;background:var(--bg-main);padding:0;overflow:hidden;display:flex;flex-direction:column}.sidebar-wrapper{background:var(--bg-sidebar)}.nav-item{display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;color:var(--text-primary);text-decoration:none;font-weight:500;border-radius:var(--radius-full);margin:4px 16px;transition:all .2s ease}.nav-item:hover{background:#1f1f1f14}.nav-item.active{background:var(--accent-bg);color:var(--accent-text);font-weight:600}.google-search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;width:100%}.google-logo-text{font-family:Product Sans,Roboto,sans-serif;font-size:5.5rem;letter-spacing:-2px;margin-bottom:30px;font-weight:500}.g-blue{color:#4285f4}.g-red{color:#ea4335}.g-yellow{color:#fbbc05}.g-green{color:#34a853}.google-search-input-wrapper{width:100%;max-width:584px;position:relative;border-radius:24px;border:1px solid var(--border-light);transition:box-shadow .2s,border-color .2s;background:#fff;display:flex;align-items:center;padding:0 14px}.google-search-input-wrapper:hover,.google-search-input-wrapper:focus-within{box-shadow:var(--shadow-1);border-color:transparent}.google-search-input-wrapper input{flex-grow:1;border:none;background:transparent;padding:14px 12px;font-size:1rem;color:var(--text-primary);height:46px}.google-search-input-wrapper input:focus{outline:none;padding:14px 12px;border-width:0}.google-search-icon{color:var(--text-muted)}.google-action-icon{color:#4285f4;cursor:pointer;padding:8px;border-radius:50%}.google-action-icon:hover{background:#4285f414}.google-buttons{margin-top:30px;display:flex;gap:12px}.google-buttons button{background:#f8f9fa;color:#3c4043;border:1px solid #f8f9fa;border-radius:4px;padding:0 16px;height:36px;font-size:.875rem;font-weight:400}.google-buttons button:hover{box-shadow:0 1px 1px #0000001a;border:1px solid #dadce0;color:#202124}.sheets-toolbar{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-light);gap:16px;background:#fff}.sheets-table-container{width:100%;overflow:auto;flex-grow:1;background:#fff}.sheets-table{width:auto;min-width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.875rem;table-layout:auto}.sheets-table th,.sheets-table td{padding:6px 12px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);white-space:nowrap;background-color:#fff}.sheets-table th{background:#f8f9fa;color:var(--text-secondary);font-weight:500;position:sticky;top:0;z-index:20;-webkit-user-select:none;user-select:none;border-top:none;border-bottom:2px solid var(--border-light);padding:0}.overflow-auto::-webkit-scrollbar{width:8px;height:8px}.overflow-auto::-webkit-scrollbar-track{background:#f1f1f1}.overflow-auto::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.overflow-auto::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.sheets-table th:first-child{border-left:none}.sheets-table th:last-child{border-right:none}.sheets-table tr td:first-child{position:sticky;left:0;z-index:30;border-right:2px solid var(--border-light);background-color:#fff}.sheets-table th:first-child{position:sticky;left:0;z-index:30;border-right:2px solid var(--border-light);background-color:#f8f9fa}.sheets-table tr td:nth-child(2),.sheets-table th:nth-child(2){position:sticky;left:40px;z-index:30;border-right:2px solid var(--border-light);background-color:#f8f9fa}.sheets-table th:first-child,.sheets-table th:nth-child(2){z-index:40}.sheets-table tr:hover td{background:#f1f3f4}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.badge.success{background:#e6f4ea;color:#137333}.badge.warning{background:#fef7e0;color:#b06000}.badge.info{background:#e8f0fe;color:#1967d2}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}.material-tabs{display:flex;border-bottom:1px solid var(--border-light);gap:24px}.material-tab{padding:12px 16px;font-weight:500;font-size:.875rem;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.material-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.material-tab:hover:not(.active){background:#1f1f1f0a}.google-auth-btn{background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:4px;font-weight:500;padding:12px 24px;box-shadow:none}.google-auth-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.bg-circle{position:absolute;border-radius:50%;background:#baff0014;animation:float 20s ease-in-out infinite;z-index:0}.circle-1{width:400px;height:400px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;bottom:-80px;right:-80px;animation-delay:5s}.circle-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:10s}@keyframes spin{to{transform:rotate(360deg)}}