@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;max-width:400px;margin:0 auto}.loading-overlay .loading-container{position:static;transform:none}.loading-container.relative{position:relative;top:auto;left:auto;transform:none;min-height:200px}.loading-container.small{padding:1.25rem 1rem;gap:1rem}.loading-container.medium{padding:2.5rem 1rem;gap:1.5rem}.loading-container.large{padding:4rem 1rem;gap:2rem}.solar-wrap{position:relative;width:260px;height:260px}.loading-container.medium .solar-wrap{width:240px;height:240px}.loading-container.small .solar-wrap{width:120px;height:120px}.loading-container.large .solar-wrap{width:300px;height:300px}.sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,#1d6fb8,#1558a0);color:#fff;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;z-index:10;animation:sunPulse 2.4s ease-in-out infinite;box-shadow:0 2px 8px #1d6fb84d}.sun:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(29,111,184,.35) 0%,transparent 72%);animation:haloBreathe 2.4s ease-in-out infinite}.loading-container.medium .sun{width:76px;height:76px;font-size:28px;font-weight:700}.loading-container.small .sun{width:38px;height:38px;font-size:16px;font-weight:700}.loading-container.large .sun{width:100px;height:100px;font-size:40px;font-weight:800;letter-spacing:.02em}.orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px solid rgba(29,111,184,.25);transform:translate(-50%,-50%);pointer-events:none}.loading-container.medium .orbit-1{width:140px;height:140px;border-color:#1d6fb833}.loading-container.medium .orbit-2{width:190px;height:190px;border-color:#1d6fb82e}.loading-container.medium .orbit-3{width:240px;height:240px;border-color:#1d6fb826}.loading-container.small .orbit-1{width:70px;height:70px}.loading-container.small .orbit-2{width:95px;height:95px}.loading-container.small .orbit-3{width:120px;height:120px}.loading-container.large .orbit-1{width:180px;height:180px}.loading-container.large .orbit-2{width:240px;height:240px}.loading-container.large .orbit-3{width:300px;height:300px}.orbit-arm{position:absolute;top:50%;left:50%;width:0;height:0;animation:spin linear infinite}.body{position:absolute;border-radius:50%;background:#1d6fb8;transform:translate(-50%,-50%)}.body.planet-a{box-shadow:0 0 6px #1d6fb880}.body.planet-b{background:#3c8dd5;opacity:.65}.body.panel{border-radius:1px;clip-path:polygon(10% 0%,90% 0%,80% 100%,20% 100%);opacity:.78;box-shadow:none}.body.dim{opacity:.5;background:#3c8dd5}.loading-container.medium .arm-1a{animation-duration:4s}.loading-container.medium .arm-1a .body{width:12px;height:12px;top:-70px;background:#1d6fb8;box-shadow:0 0 6px #1d6fb880}.loading-container.medium .arm-1b{animation-duration:4.5s;animation-direction:reverse}.loading-container.medium .arm-1b .body{width:10px;height:10px;top:-70px;background:#3c8dd5}.loading-container.medium .arm-2a{animation-duration:6s}.loading-container.medium .arm-2a .body{width:11px;height:11px;top:-95px;background:#1d6fb8}.loading-container.medium .arm-3a{animation-duration:8s}.loading-container.medium .arm-3a .body{width:10px;height:10px;top:-120px;background:#1d6fb8}.loading-container.medium .arm-3b{animation-duration:9s;animation-delay:-4s}.loading-container.medium .arm-3b .body{width:9px;height:9px;top:-120px;background:#1d6fb8;opacity:.7}.loading-container.medium .arm-3c{animation-duration:10s;animation-delay:-2s}.loading-container.medium .arm-3c .body{width:8px;height:8px;top:-120px;background:#1d6fb8;opacity:.5}.loading-container.small .arm-1a{animation-duration:3.5s}.loading-container.small .arm-1a .body{width:8px;height:8px;top:-35px}.loading-container.small .arm-1b{animation-duration:4s;animation-direction:reverse}.loading-container.small .arm-1b .body{width:6px;height:6px;top:-35px}.loading-container.small .arm-2a{animation-duration:5.5s}.loading-container.small .arm-2a .body{width:7px;height:7px;top:-47.5px}.loading-container.small .arm-3a{animation-duration:7s}.loading-container.small .arm-3a .body{width:6px;height:6px;top:-60px}.loading-container.small .arm-3b{animation-duration:8s;animation-delay:-3.5s}.loading-container.small .arm-3b .body{width:5px;height:5px;top:-60px}.loading-container.small .arm-3c{animation-duration:9s;animation-delay:-2s}.loading-container.small .arm-3c .body{width:4px;height:4px;top:-60px}.loading-container.large .arm-1a{animation-duration:4.5s}.loading-container.large .arm-1a .body{width:16px;height:16px;top:-90px}.loading-container.large .arm-1b{animation-duration:5s;animation-direction:reverse}.loading-container.large .arm-1b .body{width:13px;height:13px;top:-90px}.loading-container.large .arm-2a{animation-duration:7s}.loading-container.large .arm-2a .body{width:14px;height:14px;top:-120px}.loading-container.large .arm-3a{animation-duration:9s}.loading-container.large .arm-3a .body{width:12px;height:12px;top:-150px}.loading-container.large .arm-3b{animation-duration:10s;animation-delay:-4.5s}.loading-container.large .arm-3b .body{width:11px;height:11px;top:-150px}.loading-container.large .arm-3c{animation-duration:11s;animation-delay:-3s}.loading-container.large .arm-3c .body{width:10px;height:10px;top:-150px}.loading-message{margin-top:2rem;color:#1d6fb8;font-weight:500;letter-spacing:.04em;animation:msgFade 2.4s ease-in-out infinite}.loading-container.small .loading-message{font-size:12px}.loading-container.medium .loading-message{font-size:14px}.loading-container.large .loading-message{font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 14px #1d6fb866,0 0 32px #1d6fb833}50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 28px #1d6fb8,0 0 55px #1d6fb866}}@keyframes haloBreathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.25)}}@keyframes msgFade{0%,to{opacity:.6}50%{opacity:1}}.loading-overlay{position:fixed;inset:0;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFade .3s ease}.loading-overlay .loading-container{position:static;transform:none;margin:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.orbit-arm,.sun,.sun:before,.loading-message{animation:none}.sun{box-shadow:0 0 14px #1d6fb866;transform:translate(-50%,-50%)}}.center-spinner{position:relative;min-height:400px}.center-spinner .loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.loading-container{max-width:320px}.loading-container.medium .solar-wrap{width:200px;height:200px}.loading-container.medium .orbit-1{width:120px;height:120px}.loading-container.medium .orbit-2{width:160px;height:160px}.loading-container.medium .orbit-3{width:200px;height:200px}.loading-container.medium .arm-1a .body,.loading-container.medium .arm-1b .body{top:-60px}.loading-container.medium .arm-2a .body{top:-80px}.loading-container.medium .arm-3a .body,.loading-container.medium .arm-3b .body,.loading-container.medium .arm-3c .body{top:-100px}}.all-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-container{position:relative;background:#fff;border-radius:20px;min-width:320px;max-width:450px;width:90%;overflow:visible;animation:slideUp .4s ease;box-shadow:0 20px 40px #0000004d;margin:20px}.modal-solar-effect{position:absolute;top:-50px;right:-50px;width:150px;height:150px;opacity:.1;pointer-events:none}.modal-sun{position:absolute;width:100px;height:100px;background:#1d6fb8;border-radius:50%;filter:blur(10px)}.modal-rays{position:absolute;top:50%;left:50%;width:150px;height:150px;background:conic-gradient(from 0deg,transparent,#1d6fb8,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:rayRotate 8s linear infinite}.modal-close-btn{position:absolute;top:15px;right:15px;background:#0000000d;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;width:32px;height:32px;box-sizing:border-box}.modal-close-btn:hover{background:#f8f9fa;color:#1d6fb8;transform:rotate(90deg)}.all-modal-content{padding:45px 30px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-icon{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPop .5s ease;flex-shrink:0}.modal-icon.success{color:#1d6fb8;background:#1d6fb81a}.modal-icon.error{color:#ef4444;background:#ef44441a}.modal-icon.warning{color:#f59e0b;background:#f59e0b1a}.modal-icon.info{color:#1d6fb8;background:#1d6fb81a}.modal-icon svg{width:30px;height:30px}.modal-title{font-size:20px;font-weight:600;color:#212529;margin-bottom:10px;text-align:center;width:100%}.modal-message{font-size:15px;color:#6c757d;line-height:1.6;margin-bottom:25px;text-align:center;width:100%}.modal-actions{display:flex;gap:12px;justify-content:center;width:100%;margin-top:10px}.modal-ok-btn{padding:12px 40px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;min-width:120px}.modal-ok-btn:hover{background:#3c8dd5;transform:translateY(-2px);box-shadow:0 5px 15px #1d6fb84d}.modal-energy-bar{position:relative;bottom:0;left:0;right:0;height:4px;background:#e9ecef;border-radius:0 0 20px 20px;overflow:hidden}.energy-fill{height:100%;width:100%;background:linear-gradient(90deg,#3c8dd5,#1d6fb8);transform-origin:left;animation:energyDrain 5s linear forwards}.redirect-container{margin:20px 0 15px;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.solar-panels{display:flex;flex-direction:column;gap:4px;margin-bottom:15px;justify-content:center;align-items:center;width:100%}.solar-panel-row{display:flex;gap:4px;justify-content:center}.solar-cell{width:30px;height:30px;background:#1d6fb8;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%);position:relative;animation:panelGlow 2s ease-in-out infinite;opacity:.7}.solar-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff4d,#fff0,#1d6fb84d);clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%);animation:panelShine 3s linear infinite}.power-indicator{display:flex;justify-content:center;gap:5px;margin:20px;height:30px;align-items:flex-end;width:100%}.power-wave{width:5px;background:#1d6fb8;border-radius:3px;animation:wavePulse 1.5s ease-in-out infinite}.power-wave:nth-child(1){height:15px;animation-delay:0s}.power-wave:nth-child(2){height:25px;animation-delay:.2s}.power-wave:nth-child(3){height:35px;animation-delay:.4s}.power-wave:nth-child(4){height:45px;animation-delay:.4s}.solar-progress{position:relative;height:12px;background:#1d6fb833;border-radius:6px;overflow:hidden;margin:15px 0 8px;border:1px solid rgba(29,111,184,.3);width:100%}.progress-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#3c8dd5,#1d6fb8,#3c8dd5);background-size:200% 100%;animation:progressShimmer 2s linear infinite;border-radius:6px;transition:width .1s linear}.progress-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:glowSweep 1.5s linear infinite}.progress-particles{position:absolute;top:-10px;left:0;right:0;height:30px;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#1d6fb8;border-radius:50%;transform:translate(-50%);animation:particleFloat 1s ease-out infinite;opacity:0}.redirect-status{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#3c8dd5;margin-top:10px;padding:5px 15px;background:#1d6fb81a;border-radius:20px;width:auto;min-width:200px}.status-text{font-weight:500;text-transform:uppercase;letter-spacing:1px}.status-percentage{margin-left:7px;font-weight:700;font-size:16px;color:#1d6fb8;text-shadow:0 0 10px rgba(29,111,184,.3)}.solar-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#1d6fb8;border-radius:50%;animation:sparkleFly 1.5s ease-out infinite;opacity:0}.modal-container.redirecting{border-top:4px solid #1d6fb8;box-shadow:0 10px 30px #1d6fb833}@keyframes iconPop{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes sunRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rayRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes energyDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes panelGlow{0%,to{opacity:.7;box-shadow:0 0 5px #1d6fb8}50%{opacity:1;box-shadow:0 0 15px #1d6fb8}}@keyframes panelShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wavePulse{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.2);opacity:1}}@keyframes progressShimmer{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes glowSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes particleFloat{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-30px) scale(0);opacity:0}}@keyframes sparkleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x, -50px),var(--y, -50px)) scale(0);opacity:0}}.modal-container.success{border-top:4px solid #1d6fb8;border-radius:20px}.modal-container.error{border-top:4px solid #ef4444;border-radius:20px}.modal-container.warning{border-top:4px solid #f59e0b;border-radius:20px}.modal-container.info{border-top:4px solid #1d6fb8;border-radius:20px}@media(max-width:480px){.modal-container{width:95%;min-width:auto;margin:10px}.all-modal-content{padding:45px 20px 25px}.modal-title{font-size:18px}.modal-message{font-size:14px}.modal-ok-btn{padding:10px 30px;font-size:14px}.redirect-status{padding:5px 10px;min-width:auto;width:90%}.status-text{font-size:11px}.status-percentage{font-size:14px}.solar-cell{width:25px;height:25px}}:root{--auth-primary: #1d6fb8;--auth-primary-dark: #1558a0;--auth-primary-light: #3c8dd5;--auth-primary-bg: rgba(29, 111, 184, .1);--auth-primary-glow: rgba(29, 111, 184, .28);--auth-success: #059669;--auth-success-bg: #ecfdf5;--auth-error: #dc2626;--auth-error-bg: #fef2f2;--auth-text: #0d1f38;--auth-text-secondary:#4a607a;--auth-border: #dde5f0;--auth-input-bg: #ffffff;--auth-card-shadow: 0 0 0 1px rgba(29,111,184,.07), 0 8px 24px rgba(10,22,40,.1), 0 32px 64px rgba(10,22,40,.13)}.auth-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:DM Sans,system-ui,sans-serif;box-sizing:border-box;position:relative;overflow:hidden;padding:40px 16px;background-color:#d4e8f8;background-image:radial-gradient(circle,rgba(29,111,184,.13) 1px,transparent 1px),radial-gradient(ellipse 70% 55% at 15% 20%,rgba(29,111,184,.2) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 88% 78%,rgba(60,141,213,.18) 0%,transparent 60%),radial-gradient(ellipse 45% 50% at 50% -8%,rgba(21,88,160,.16) 0%,transparent 55%),radial-gradient(ellipse 30% 25% at 92% 8%,rgba(29,111,184,.1) 0%,transparent 50%),linear-gradient(160deg,#eaf4ff,#dbeeff 28%,#c8e0f8 55%,#b6d2f0 78%,#a4c5e8);background-size:28px 28px,auto,auto,auto,auto,auto}.auth-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 70%,rgba(29,111,184,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 35% at 75% 25%,rgba(60,141,213,.1) 0%,transparent 55%);pointer-events:none;z-index:0;animation:driftOrbs 20s ease-in-out infinite alternate}@keyframes driftOrbs{0%{transform:translate(0) scale(1);opacity:1}33%{transform:translate(12px,-10px) scale(1.04);opacity:.88}66%{transform:translate(-8px,6px) scale(.97);opacity:.95}to{transform:translate(5px,-4px) scale(1.02);opacity:1}}.auth-wrapper:after{content:"";position:absolute;bottom:-180px;right:-180px;width:600px;height:600px;background:conic-gradient(from 200deg,transparent 0deg,rgba(29,111,184,.06) 5deg,transparent 10deg,rgba(29,111,184,.06) 15deg,transparent 20deg,rgba(29,111,184,.05) 25deg,transparent 30deg,rgba(29,111,184,.04) 35deg,transparent 40deg,transparent 360deg);border-radius:50%;pointer-events:none;z-index:0;animation:rotateSun 80s linear infinite}@keyframes rotateSun{to{transform:rotate(360deg)}}.auth-wrapper>*{position:relative;z-index:1}.auth-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:18px;z-index:2;width:100%;animation:logoReveal .65s cubic-bezier(.34,1.3,.64,1) both}@keyframes logoReveal{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.sl-logo{display:flex;align-items:center;gap:12px;text-decoration:none;-webkit-user-select:none;user-select:none;padding:10px 22px 10px 10px;background:#ffffffc7;border:1px solid rgba(29,111,184,.22);border-radius:100px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 18px #1d6fb821,inset 0 1px #ffffffd9;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.sl-logo:hover{background:#ffffffeb;box-shadow:0 6px 28px #1d6fb838,inset 0 1px #fffffff2;transform:translateY(-2px)}.sl-icon{width:40px;height:40px;flex-shrink:0;animation:logoSpin 18s linear infinite;transform-origin:center}.auth-logo-container .sl-icon line{stroke:#1d6fb8}.auth-logo-container .sl-icon circle{stroke:#1d6fb8}.auth-logo-container .sl-icon circle:first-of-type{fill:#1d6fb81a;stroke:none}.sl-words{display:flex;flex-direction:column;line-height:1;gap:2px}.sl-solar-logo{font-size:9px;font-weight:700;color:var(--auth-primary);letter-spacing:.24em;text-transform:uppercase;opacity:.8}.sl-ladder-logo{font-size:22px;font-weight:700;color:#0d1f38;letter-spacing:-.025em;line-height:1.1}.auth-card{background:#ffffffdb;width:460px;max-width:92vw;padding:16px 36px;border-radius:24px;box-shadow:var(--auth-card-shadow);z-index:2;box-sizing:border-box;position:relative;border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:cardReveal .55s cubic-bezier(.34,1.15,.64,1) .1s both}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;background:linear-gradient(90deg,transparent,rgba(29,111,184,.55) 25%,#3c8dd5 50%,rgba(29,111,184,.55) 75%,transparent);border-radius:0 0 3px 3px}.auth-title{font-size:26px;font-weight:700;margin-bottom:6px;color:var(--auth-text);text-align:center;letter-spacing:-.4px}.auth-helper-text,.auth-subtitle{text-align:center;color:var(--auth-text-secondary);font-size:14px;margin-bottom:26px;line-height:1.55}.auth-group{margin-bottom:18px;width:100%}.auth-group label{display:block;font-size:11px;font-weight:700;color:var(--auth-text-secondary);margin-bottom:7px;letter-spacing:.5px;text-transform:uppercase}.auth-group input:not(.password-input-wrapper input){width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--auth-border);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s;background:#ffffffd1;color:var(--auth-text)}.auth-group input:not(.password-input-wrapper input):focus{border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 3.5px var(--auth-primary-glow)}.auth-group input:not(.password-input-wrapper input)::placeholder{color:#a0b4c8}.auth-group input.error:not(.password-input-wrapper input){border-color:var(--auth-error);box-shadow:0 0 0 3px #dc26261f}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding:12px 46px 12px 16px;border-radius:12px;border:1.5px solid var(--auth-border);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s;background:#ffffffd1;color:var(--auth-text)}.password-input-wrapper input:focus{border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 3.5px var(--auth-primary-glow)}.password-input-wrapper input::placeholder{color:#a0b4c8}.password-input-wrapper input.error{border-color:var(--auth-error);box-shadow:0 0 0 3px #dc26261f}.eye-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);cursor:pointer;color:#a0b4c8;font-size:17px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;border-radius:6px;transition:color .2s,background .2s}.eye-icon:hover{color:var(--auth-primary);background:var(--auth-primary-bg)}.auth-btn{width:100%;margin-top:10px;margin-bottom:6px;padding:13px;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);border:none;border-radius:12px;font-size:14px;font-weight:700;font-family:inherit;color:#fff;cursor:pointer;transition:all .22s ease;letter-spacing:.3px;box-shadow:0 4px 14px var(--auth-primary-glow);position:relative;overflow:hidden}.auth-btn:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s ease}.auth-btn:hover:not(:disabled):after{left:160%}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1d6fb866;background:linear-gradient(135deg,var(--auth-primary-dark) 0%,var(--auth-primary) 100%)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{width:100%;margin-top:8px;padding:13px;background:transparent;border:1.5px solid var(--auth-border);border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;color:var(--auth-text-secondary);cursor:pointer;transition:all .2s}.auth-btn-secondary:hover:not(:disabled){background:var(--auth-primary-bg);border-color:var(--auth-primary);color:var(--auth-primary)}.auth-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.auth-button-group{display:flex;gap:12px;margin-top:4px}.auth-button-group .auth-btn,.auth-button-group .auth-btn-secondary{flex:1;margin:0}.auth-error{color:var(--auth-error);font-size:12px;font-weight:500;margin-top:6px;display:flex;align-items:center;gap:5px}.auth-error:before{content:"⚠";font-size:11px}.auth-error.general-error{padding:10px 14px;background:var(--auth-error-bg);border-radius:10px;border-left:3px solid var(--auth-error);margin-bottom:16px;font-size:13px}.auth-error.general-error:before{display:none}.auth-success,.auth-message.success{color:var(--auth-success);font-size:13px;font-weight:500;padding:11px 15px;background:var(--auth-success-bg);border-radius:10px;border-left:3px solid var(--auth-success);margin-bottom:18px;display:flex;align-items:center;gap:8px}.auth-message.error{color:var(--auth-error);background:var(--auth-error-bg);border-left-color:var(--auth-error);font-size:13px;font-weight:500;padding:11px 15px;border-radius:10px;margin-bottom:18px}.email-verified{display:flex;align-items:center;gap:10px;background:var(--auth-success-bg);color:var(--auth-success);padding:11px 15px;border-radius:10px;border-left:3px solid var(--auth-success);margin-bottom:18px;font-size:13px;font-weight:600}.auth-footer,.auth-forgot-link,.auth-links{margin-top:18px;text-align:center;font-size:13px;color:var(--auth-text-secondary);width:100%}.auth-footer a,.auth-forgot-link a,.auth-link{color:var(--auth-primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover,.auth-forgot-link a:hover,.auth-link:hover{color:var(--auth-primary-dark);text-decoration:underline}.auth-divider{height:1px;background:linear-gradient(90deg,transparent,var(--auth-border),transparent);margin:20px 0;width:100%}.forgot-password-note{background:#1d6fb80f;padding:12px 14px;border-radius:10px;margin-bottom:20px;font-size:13px;color:var(--auth-text-secondary);border-left:3px solid var(--auth-primary);line-height:1.55}.loading-overlay{position:fixed;inset:0;background:#dceeffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease}@media(max-width:767px){.auth-wrapper{padding:48px 16px 44px;justify-content:flex-start}.auth-logo-container{margin-bottom:22px}.sl-logo{padding:8px 16px 8px 8px;gap:10px}.sl-icon{width:34px;height:34px}.sl-ladder-logo{font-size:19px}.auth-card{width:100%;max-width:100%;padding:28px 22px 32px;border-radius:20px}.auth-title{font-size:22px}.auth-helper-text,.auth-subtitle{font-size:13px;margin-bottom:20px}.auth-group input:not(.password-input-wrapper input),.password-input-wrapper input{font-size:16px;padding:11px 14px}.password-input-wrapper input{padding-right:42px}}@media(min-width:768px)and (max-width:1024px){.auth-card{width:440px;padding:36px 40px}}@media(prefers-color-scheme:dark){:root{--auth-text: #e2eaf5;--auth-text-secondary: #8ea3bc;--auth-border: #1e3452;--auth-input-bg: #0a1a30;--auth-card-shadow: 0 0 0 1px rgba(29,111,184,.16), 0 8px 24px rgba(0,0,0,.4), 0 32px 64px rgba(0,0,0,.32)}.auth-wrapper{background-color:#06101e;background-image:radial-gradient(circle,rgba(29,111,184,.08) 1px,transparent 1px),radial-gradient(ellipse 70% 55% at 15% 20%,rgba(29,111,184,.22) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 88% 78%,rgba(60,141,213,.14) 0%,transparent 60%),radial-gradient(ellipse 45% 50% at 50% -8%,rgba(21,88,160,.18) 0%,transparent 55%),radial-gradient(ellipse 30% 25% at 92% 8%,rgba(29,111,184,.1) 0%,transparent 50%),linear-gradient(160deg,#06101e,#08162a,#0a1c38 60%,#081422);background-size:28px 28px,auto,auto,auto,auto,auto}.sl-logo{background:#060e1ccc;border-color:#1d6fb852;box-shadow:0 2px 18px #00000059,inset 0 1px #ffffff0a}.sl-ladder-logo{color:#e2eaf5}.auth-card{background:#071020d6;border-color:#1d6fb833}.auth-group input:not(.password-input-wrapper input),.password-input-wrapper input{background:#0a162ce0;border-color:var(--auth-border);color:var(--auth-text)}.auth-group input:not(.password-input-wrapper input):focus,.password-input-wrapper input:focus{background:#0a162c}.auth-group input::placeholder,.password-input-wrapper input::placeholder{color:#243e5c}.forgot-password-note{background:#1d6fb81a}.auth-btn-secondary{border-color:var(--auth-border);color:var(--auth-text-secondary)}}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--sidebar-bg: #ffffff;--sidebar-border: #e8edf3;--sidebar-active-bg: #1d6fb8;--sidebar-active-shadow: rgba(29, 111, 184, .22);--sidebar-hover-bg: #3c8dd5;--sidebar-text: #4a5568;--sidebar-text-active: #ffffff;--sidebar-icon-color: #657282;--sidebar-transition: .26s cubic-bezier(.4, 0, .2, 1);--header-height: 60px}.sidebar{position:fixed;top:var(--header-height);left:0;height:calc(100vh - var(--header-height));width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;transition:width var(--sidebar-transition);overflow:hidden;flex-shrink:0;z-index:40}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px 14px;gap:8px;flex-shrink:0;min-height:48px}.sidebar-username{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;animation:fadeLabel .2s ease}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--sidebar-border);background:#fff;color:#64748b;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:background .2s,color .2s,box-shadow .2s}.sidebar-collapse-btn:hover{background:var(--sidebar-active-bg);color:#fff;border-color:var(--sidebar-active-bg);box-shadow:0 4px 12px var(--sidebar-active-shadow)}.sidebar--collapsed .sidebar-header{justify-content:center;padding:12px 0 4px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 10px 16px;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:none;background:transparent;cursor:pointer;color:var(--sidebar-text);font-size:14px;font-weight:500;white-space:nowrap;text-align:left;width:100%;position:relative;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-item:hover:not(.sidebar-item--active){background:var(--sidebar-hover-bg);color:#fff}.sidebar-item--active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);box-shadow:0 4px 14px var(--sidebar-active-shadow)}.sidebar-item--active .sidebar-menu-icon,.sidebar-item--active .sidebar-item__icon{color:#fff}.sidebar-item:hover:not(.sidebar-item--active) .sidebar-item__icon{color:#fff}.sidebar-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--sidebar-icon-color);transition:color .18s}.sidebar-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;line-height:1.2;animation:fadeLabel .2s ease}@keyframes fadeLabel{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sidebar-item__indicator{width:6px;height:6px;border-radius:50%;background:#ffffffb3;flex-shrink:0}.sidebar--collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar--collapsed .sidebar-nav{align-items:center}.sidebar-mobile-toggle{display:none;position:fixed;top:11px;left:16px;z-index:300;width:38px;height:38px;border-radius:10px;border:1px solid var(--sidebar-border);background:#fff;color:#475569;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .2s}.sidebar-mobile-toggle:hover{background:var(--sidebar-active-bg);color:#fff;border-color:var(--sidebar-active-bg)}.sidebar-mobile-overlay{display:none;position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:38;animation:fadeIn .2s ease}@media(max-width:768px){.sidebar{top:0;height:100vh;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none;z-index:99}.sidebar--mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar--collapsed{width:var(--sidebar-width)}.sidebar--collapsed .sidebar-item{justify-content:flex-start;padding:10px 12px}.sidebar--collapsed .sidebar-item__label{display:block}.sidebar--collapsed .sidebar-header{justify-content:space-between;padding:12px 12px 4px 14px}.sidebar-collapse-btn{display:none}.sidebar-mobile-toggle{display:flex}.sidebar-mobile-overlay{display:block}}:root{--pb-blue: #1d6fb8;--pb-blue-dark: #1558a0;--pb-blue-light: #3c8dd5;--pb-blue-glow: rgba(29, 111, 184, .15);--pb-blue-bg: #e8f2fb;--pb-surface: #ffffff;--pb-bg: #f3f6fa;--pb-border: #e4eaf3;--pb-border-mid: #c8d6e8;--pb-text: #0d1f38;--pb-text-2: #4a607a;--pb-text-3: #8ea3bc;--pb-radius: 12px;--pb-radius-lg: 16px;--pb-shadow-sm: 0 1px 4px rgba(10,22,40,.06);--pb-shadow-md: 0 4px 16px rgba(10,22,40,.1);--pb-shadow-lg: 0 8px 32px rgba(10,22,40,.14);--transition: .2s cubic-bezier(.4, 0, .2, 1)}.project-board-container{display:flex;flex-direction:column;height:100%;min-height:0;padding:0 16px;overflow:hidden;background:var(--pb-bg)}.view-container{flex:1;overflow:hidden;position:relative;min-height:0}.dashboard-top-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;flex-shrink:0;flex-wrap:wrap;gap:12px}.dashboard-top-left{display:flex;align-items:center;flex-shrink:0}.dashboard-top-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;flex-wrap:wrap}.dashboard-top-subtab-switcher{display:flex;gap:2px;background:var(--pb-surface);padding:4px;border-radius:var(--pb-radius);border:1px solid var(--pb-border);box-shadow:var(--pb-shadow-sm)}.dashboard-top-subtab-switcher-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:none;background:transparent;border-radius:8px;color:var(--pb-text-2);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.dashboard-top-subtab-switcher-button svg{fill:currentColor}.dashboard-top-subtab-switcher-button:hover{background:var(--pb-blue-bg);color:var(--pb-blue)}.dashboard-top-subtab-switcher-button.active{background:var(--pb-blue);color:#fff;box-shadow:0 3px 10px var(--pb-blue-glow)}@media(max-width:768px){.dashboard-top-row{flex-direction:column;align-items:stretch}.dashboard-top-left,.dashboard-top-right{justify-content:center}.dashboard-top-subtab-switcher-button{padding:7px 10px;font-size:12px}.hideonsmall{display:none}}@media(max-width:480px){.dashboard-top-right{flex-wrap:wrap}.dashboard-top-subtab-switcher-button span:not(.MuiButton-icon){display:none}.dashboard-top-subtab-switcher-button{padding:7px 10px}}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin-bottom:12px;background:var(--pb-surface);border-radius:var(--pb-radius);border:1px solid var(--pb-border);box-shadow:var(--pb-shadow-sm);flex-shrink:0}.projects-header h2{font-size:14px;font-weight:600;color:var(--pb-text);margin:0;display:flex;align-items:center;gap:16px}.projects-header .stat-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--pb-blue-bg);color:var(--pb-blue);border-radius:100px;font-size:12px;font-weight:700}.filter-panel{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius-lg);padding:16px 20px;margin-bottom:12px;box-shadow:var(--pb-shadow-md);flex-shrink:0;animation:slideDown .22s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.filter-panel-header h3{font-size:13px;font-weight:700;color:var(--pb-text);margin:0;text-transform:uppercase;letter-spacing:.5px}.filter-panel-close{width:28px;height:28px;border:none;background:transparent;border-radius:8px;color:var(--pb-text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:16px}.filter-panel-close:hover{background:#fee2e2;color:#dc2626}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:14px}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:11px;font-weight:700;color:var(--pb-text-2);text-transform:uppercase;letter-spacing:.4px}.filter-item input,.filter-item select{padding:8px 10px;border:1.5px solid var(--pb-border);border-radius:8px;font-size:13px;color:var(--pb-text);background:var(--pb-bg);transition:var(--transition);font-family:inherit;box-sizing:border-box;width:100%}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:var(--pb-blue);background:#fff;box-shadow:0 0 0 3px var(--pb-blue-glow)}.filter-actions{display:flex;gap:8px;justify-content:flex-end}.filter-apply-btn{padding:8px 20px;background:linear-gradient(135deg,var(--pb-blue) 0%,var(--pb-blue-light) 100%);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px var(--pb-blue-glow)}.filter-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--pb-blue-glow)}.filter-reset-btn{padding:8px 16px;background:transparent;border:1.5px solid var(--pb-border);border-radius:8px;color:var(--pb-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.filter-reset-btn:hover{border-color:var(--pb-blue-dark);color:var(--pb-blue);background:var(--pb-blue-bg)}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--pb-blue-bg);border:1px solid rgba(29,111,184,.2);border-radius:100px;font-size:11px;font-weight:600;color:var(--pb-blue)}.filter-chip button{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--pb-blue);padding:0;font-size:14px;line-height:1;opacity:.7}.filter-chip button:hover{opacity:1}.MuiIconButton-root{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--pb-border);background:var(--pb-surface);border-radius:10px;color:var(--pb-text-2);cursor:pointer;transition:var(--transition)}.MuiIconButton-root svg{fill:currentColor}.MuiIconButton-root:hover{background:var(--pb-blue-bg);color:var(--pb-blue);border-color:var(--pb-blue)}.MuiButton-outlinedPrimary{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1.5px solid var(--pb-blue);background:transparent;border-radius:10px;color:var(--pb-blue);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.MuiButton-outlinedPrimary:hover{background:var(--pb-blue-bg)}.MuiButton-outlinedPrimary svg{fill:currentColor}.MuiButton-containedPrimary{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:none;background:linear-gradient(135deg,var(--pb-blue) 0%,var(--pb-blue-light) 100%);border-radius:10px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px var(--pb-blue-glow)}.MuiButton-containedPrimary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--pb-blue-glow)}.MuiButton-containedPrimary svg{fill:currentColor}.Plus-MuiButton-icon,.Quick-MuiButton-icon{display:flex;align-items:center;font-size:17px}.crm-optionbutton{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--pb-border);background:var(--pb-surface);border-radius:10px;color:var(--pb-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.crm-optionbutton:hover{background:var(--pb-blue-bg);border-color:var(--pb-blue);color:var(--pb-blue)}.crm-optionbutton svg{fill:currentColor;font-size:16px}.more-options-wrapper{position:relative;display:inline-block}.more-options-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:196px;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow-lg);z-index:1000;overflow:hidden;animation:dropFadeIn .16s ease}@keyframes dropFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.more-options-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--pb-text);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.more-options-item:hover{background:var(--pb-blue-bg);color:var(--pb-blue)}.more-options-item svg{flex-shrink:0;fill:var(--pb-text-2)}.more-options-item:hover svg{fill:var(--pb-blue)}.more-options-item+.more-options-item{border-top:1px solid var(--pb-border)}.board-wrapper{display:flex;gap:12px;overflow-x:auto;height:calc(100vh - 220px);width:100%;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--pb-border-mid) transparent}.board-wrapper::-webkit-scrollbar{height:5px}.board-wrapper::-webkit-scrollbar-thumb{background:var(--pb-border-mid);border-radius:3px}.board-column{min-width:300px;width:320px;background:var(--pb-surface);border-radius:var(--pb-radius-lg);display:flex;flex-direction:column;height:100%;max-height:100%;box-shadow:var(--pb-shadow-sm);border:1px solid var(--pb-border);flex-shrink:0;transition:box-shadow var(--transition)}.board-column:hover{box-shadow:var(--pb-shadow-md)}.column-header{padding:12px 16px;font-weight:700;color:var(--pb-text);font-size:13px;flex-shrink:0;background:var(--pb-bg);border-radius:var(--pb-radius-lg) var(--pb-radius-lg) 0 0;border-bottom:1px solid var(--pb-border);display:flex;align-items:center;justify-content:space-between;letter-spacing:.2px}.column-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--pb-blue);color:#fff;border-radius:100px;font-size:11px;font-weight:700}.column-body{padding:10px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--pb-border) transparent}.column-body::-webkit-scrollbar{width:4px}.column-body::-webkit-scrollbar-thumb{background:var(--pb-border);border-radius:2px}.empty-column{font-size:13px;color:var(--pb-text-3);text-align:center;padding:32px 12px;border:2px dashed var(--pb-border);border-radius:var(--pb-radius);margin-top:4px}.crm-projectcard{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:14px;margin-bottom:9px;transition:all var(--transition);box-shadow:var(--pb-shadow-sm);cursor:pointer;position:relative;overflow:hidden}.crm-projectcard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pb-blue);border-radius:3px 0 0 3px;opacity:0;transition:opacity var(--transition)}.crm-projectcard:hover:before{opacity:1}.crm-projectcard:hover{border-color:#1d6fb84d;box-shadow:var(--pb-shadow-md);transform:translateY(-2px)}.crm-projectcard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.crm-projectcard-top-title{flex:1;min-width:0}.crm-projectcard-top-title-source{font-size:10px;color:var(--pb-text-3);margin-bottom:3px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.crm-projectcard-top-title-maintitle{font-weight:700;color:var(--pb-text);font-size:14px;line-height:1.3;word-break:break-word}.crm-projectcard-top-label{flex-shrink:0}.crm-projectcard-top-label-date{font-size:11px;margin:2px 0;color:var(--pb-text-2);font-weight:600}.crm-projectcard-top-label-additionalinfo-enquirytype{display:inline-block;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700}.badge-hot{background:#fee2e2;color:#dc2626}.badge-warm{background:#fef3c7;color:#b45309}.badge-cold{background:#dbeafe;color:#1e40af}.crm-projectcard-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.card-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--pb-text-2);font-weight:500}.card-meta-chip svg{fill:var(--pb-text-3)}.card-meta-dot{width:3px;height:3px;background:var(--pb-border-mid);border-radius:50%}.crm-projectcard-others{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--pb-border)}.crm-projectcard-others-desc{font-size:12px;color:var(--pb-text-2);font-weight:500}.crm-projectcard-others-size{display:flex;align-items:center;gap:8px}.assigneeimage-container{display:flex;align-items:center}.assigneeimage-alt{width:26px;height:26px;background:var(--pb-blue-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--pb-blue);border:1px solid rgba(29,111,184,.2)}.sizecircle{background:var(--pb-blue-bg);padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;color:var(--pb-blue);border:1px solid rgba(29,111,184,.15)}.table-view-container{background:var(--pb-surface);border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);display:flex;flex-direction:column;position:absolute;inset:0;overflow:hidden;box-shadow:var(--pb-shadow-sm)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pb-border);background:var(--pb-bg);flex-shrink:0}.table-search{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--pb-surface);border:1.5px solid var(--pb-border);border-radius:8px;width:260px;transition:var(--transition)}.table-search:focus-within{border-color:var(--pb-blue);box-shadow:0 0 0 3px var(--pb-blue-glow)}.table-search svg{fill:var(--pb-text-3);flex-shrink:0}.table-search input{border:none;background:none;font-size:13px;color:var(--pb-text);outline:none;flex:1;font-family:inherit}.table-search input::placeholder{color:var(--pb-text-3)}.table-toolbar-right{display:flex;align-items:center;gap:8px}.table-count{font-size:12px;color:var(--pb-text-2);font-weight:600;padding:4px 10px;background:var(--pb-blue-bg);border-radius:100px;color:var(--pb-blue)}.table-responsive{flex:1;overflow:auto;min-height:0}.projects-table{width:100%;border-collapse:collapse;font-size:13px}.projects-table thead{position:sticky;top:0;z-index:5}.projects-table th{text-align:left;padding:11px 14px;background:var(--pb-bg);color:#1e293b;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--pb-border);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition)}.projects-table th.sorted{color:var(--pb-blue)}.projects-table td{padding:12px 14px;border-bottom:1px solid var(--pb-border);color:var(--pb-text);vertical-align:middle}.projects-table tbody tr{transition:background var(--transition)}.projects-table tbody tr:hover{background:#f8faff}.projects-table tbody tr:hover td{border-bottom-color:var(--pb-border-mid)}.projects-table tbody tr.selected{background:var(--pb-blue-bg)}.projects-table tbody tr:last-child td{border-bottom:none}.checkbox-col{width:40px;text-align:center}.project-id{font-family:Courier New,monospace;font-size:12px;color:var(--pb-text-3);font-weight:600}.project-name{font-weight:600;color:var(--pb-blue)!important;font-size:14px;cursor:pointer;transition:color var(--transition)}.project-name:hover{color:var(--pb-blue-dark)!important;text-decoration:underline}.lane-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap}.lane-enquiry{background:#dbeafe;color:#1e40af}.lane-site-visit{background:#fef3c7;color:#b45309}.lane-design-not-done{background:#ffe4e6;color:#be123c}.lane-design-done{background:#dcfce7;color:#166534}.lane-proposal{background:#ede9fe;color:#6d28d9}.lane-won{background:#d1fae5;color:#065f46}.lane-lost{background:#fee2e2;color:#dc2626}.lane-govt{background:#fef9c3;color:#854d0e}.lane-material{background:#e0f2fe;color:#0369a1}.lane-installation{background:#f3e8ff;color:#7c3aed}.lane-completed{background:#dcfce7;color:#166534}.lane-delayed{background:#fff7ed;color:#c2410c}.assignee-cell{display:flex;align-items:center;gap:8px}.assignee-initials{width:28px;height:28px;background:var(--pb-blue-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--pb-blue);border:1px solid rgba(29,111,184,.15);flex-shrink:0}.assignee-name{color:var(--pb-text-2);font-size:13px;font-weight:500}.project-size{font-weight:700;color:var(--pb-text);display:inline-flex;align-items:center;padding:3px 9px;background:var(--pb-blue-bg);border-radius:100px;font-size:11px;color:var(--pb-blue)}.project-type-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700}.project-type-badge.residential{background:#e0f2fe;color:#0369a1}.project-type-badge.commercial{background:#ede9fe;color:#6d28d9}.project-type-badge.industrial{background:#ffe4e6;color:#be123c}.project-type-badge.badge-hot{background:#fee2e2;color:#dc2626}.project-type-badge.badge-warm{background:#fef3c7;color:#b45309}.project-type-badge.badge-cold{background:#dbeafe;color:#1e40af}.project-location{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pb-text-2);font-size:12px}.project-amount{font-weight:700;color:var(--pb-text);font-size:13px}.action-btn{padding:5px;border:none;background:transparent;border-radius:6px;color:var(--pb-text-3);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--pb-blue-bg);color:var(--pb-blue)}.action-btn svg{fill:currentColor}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--pb-text-3)}.table-empty svg{fill:var(--pb-border-mid);margin-bottom:12px}.table-empty p{font-size:14px;font-weight:500;margin:0}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--pb-border);background:var(--pb-bg);flex-shrink:0}.pagination-info{color:var(--pb-text-2);font-size:12px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:3px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--pb-border);background:var(--pb-surface);border-radius:8px;color:var(--pb-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.pagination-btn svg{fill:currentColor}.pagination-btn:hover:not(:disabled){background:var(--pb-blue-bg);border-color:var(--pb-blue);color:var(--pb-blue)}.pagination-btn.active{background:var(--pb-blue);border-color:var(--pb-blue);color:#fff;box-shadow:0 2px 8px var(--pb-blue-glow)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.rows-per-page select{padding:6px 10px;border:1px solid var(--pb-border);border-radius:8px;background:var(--pb-surface);color:var(--pb-text-2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.map-view-container{display:flex;gap:0;position:absolute;inset:0;background:var(--pb-surface);border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border);overflow:hidden;box-shadow:var(--pb-shadow-sm)}.map-filters-sidebar{width:272px;padding:16px;background:var(--pb-bg);border-right:1px solid var(--pb-border);overflow-y:auto;flex-shrink:0}.map-container{flex:1;position:relative;background:#e8eef5;overflow:hidden}.filter-section{margin-bottom:16px}.filter-section h3{font-size:11px;font-weight:700;color:var(--pb-text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{width:100%;padding:8px 10px;border:1.5px solid var(--pb-border);border-radius:8px;background:var(--pb-surface);font-size:13px;color:var(--pb-text);box-sizing:border-box;font-family:inherit}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--pb-blue);box-shadow:0 0 0 3px var(--pb-blue-glow)}.filter-input.small{width:80px}.size-inputs,.filter-section.checkbox{display:flex;align-items:center;gap:8px}.filter-section.checkbox label{font-size:13px;color:var(--pb-text);font-weight:500}.filter-actions{display:flex;gap:10px;margin:18px 0}.reset-btn,.fetch-btn{flex:1;padding:9px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:inherit}.reset-btn{background:var(--pb-surface);border:1.5px solid var(--pb-border);color:var(--pb-text-2)}.reset-btn:hover{border-color:var(--pb-blue);color:var(--pb-blue);background:var(--pb-blue-bg)}.fetch-btn{background:linear-gradient(135deg,var(--pb-blue) 0%,var(--pb-blue-light) 100%);color:#fff;box-shadow:0 3px 10px var(--pb-blue-glow)}.fetch-btn:hover{transform:translateY(-1px)}.region-filters{margin-top:18px;padding-top:18px;border-top:1px solid var(--pb-border)}.filter-section h4{font-size:13px;font-weight:700;color:var(--pb-text);margin-bottom:10px}.region-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.region-list label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pb-text);font-weight:500}.heatmap-toggle{padding-top:14px;border-top:1px solid var(--pb-border)}.heatmap-toggle label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--pb-text)}.map-placeholder{position:absolute;inset:16px;background:var(--pb-surface);border-radius:var(--pb-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--pb-shadow-sm)}.map-attribution,.osm-attribution{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--pb-surface);border-radius:8px;box-shadow:var(--pb-shadow-sm);margin-bottom:10px;font-size:12px;color:var(--pb-text-2)}.improve-map{padding:4px 10px;border:1px solid var(--pb-border);background:var(--pb-surface);border-radius:6px;font-size:11px;color:var(--pb-text-2);cursor:pointer}.improve-map:hover{background:var(--pb-blue-bg);color:var(--pb-blue);border-color:var(--pb-blue)}.map-message{margin-top:20px;padding:10px 22px;background:var(--pb-bg);border-radius:100px;color:var(--pb-text-2);font-size:13px;font-weight:500}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--pb-border-mid) transparent}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--pb-border-mid);border-radius:3px}.flex-col{flex-direction:column}.items-end{align-items:flex-end}@media(max-width:768px){.hideonsmall{display:none!important}.board-column{min-width:272px}.map-view-container{flex-direction:column}.map-filters-sidebar{width:100%;max-height:260px}.filter-grid{grid-template-columns:1fr 1fr}.table-search{width:180px}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;gap:8px;align-items:stretch}.table-search{width:100%}}.filter-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;border:1px solid #eef2f6;animation:slideDown .3s ease}.filter-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef2f6}.filter-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1e24}.filter-card-header .close-btn{background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.filter-card-header .close-btn:hover{background:#f1f5f9;color:#1a1e24}.filter-card-content{padding:20px}.filter-card-row{display:flex;gap:16px;margin-bottom:16px}.filter-card-row:last-child{margin-bottom:0}.filter-card-group{flex:1;min-width:0}.filter-card-group label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.filter-card-group input,.filter-card-group select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;transition:all .2s}.filter-card-group input:focus,.filter-card-group select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.filter-card-group input::placeholder{color:#94a3b8;font-size:12px}.filter-card-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.quick-proposal-group{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:0 12px;border-radius:6px;border:1px solid #eef2f6}.quick-proposal-group span{font-size:13px;font-weight:500;color:#1e293b}.quick-proposal-badge{padding:2px 8px;background:#f0fdf9;color:#1d6fb8;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.actions-group{display:flex;gap:8px}.reset-btn,.apply-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;height:38px}.reset-btn{background:#fff;color:#64748b;border:1px solid #e2e8f0}.reset-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#475569}.apply-btn{background:#1d6fb8;color:#fff}.apply-btn:hover{background:#3c8dd5}.reset-btn svg,.apply-btn svg{font-size:14px}@media(max-width:1024px){.filter-card-row{flex-wrap:wrap}.filter-card-group{min-width:calc(50% - 8px)}.quick-proposal-group{min-width:100%;order:1}.actions-group{min-width:100%;order:2}}@media(max-width:768px){.filter-card-group{min-width:100%}.quick-proposal-group{flex-wrap:wrap;padding:12px}.actions-group{flex-direction:column}.reset-btn,.apply-btn{width:100%}}.projectcreator-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.projectcreator-overlay{position:absolute;inset:0;background:#00000080}.projectcreator{position:relative;width:90%;max-width:1100px;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;z-index:1001}.projectcreator-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eef2f6}.projectcreator-top h3{margin:0;font-size:16px;font-weight:700;color:#1a1e24;letter-spacing:.3px}.projectcreator-form{padding:20px 24px;max-height:calc(90vh - 70px);overflow-y:auto}.form-row{display:flex;gap:16px;margin-bottom:16px;width:100%;align-items:flex-start}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group{min-width:0}.form-group label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.4px}.badge-new{display:inline-block;padding:1px 6px;background:#ecfdf5;color:#059669;font-size:10px;font-weight:600;border-radius:4px;margin-left:4px;border:1px solid #a7f3d0}.form-group input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-group input::placeholder{color:#bec8d2}.size-group .size-input{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.size-group .size-input input{border:none;border-radius:0;flex:1;box-shadow:none!important}.size-group .size-input:focus-within{border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.kw-badge{display:flex;align-items:center;padding:0 12px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:500;border-left:1px solid #e2e8f0;white-space:nowrap}.amount-group .amount-input{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.amount-group .amount-input input{border:none;border-radius:0;flex:1;box-shadow:none!important}.amount-group .amount-input:focus-within{border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.rupee-symbol{display:flex;align-items:center;padding:0 12px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;border-right:1px solid #e2e8f0;white-space:nowrap}.phone-input{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.phone-input input{border:none;border-radius:0;flex:1;box-shadow:none!important}.phone-input:focus-within{border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.phone-flag{display:flex;align-items:center;gap:4px;padding:0 10px;background:#f8fafc;border-right:1px solid #e2e8f0;cursor:pointer}.phone-flag img{width:20px;height:14px;object-fit:cover;border-radius:2px}.optional-section{margin:4px 0 16px;border:1px solid #eef2f6;border-radius:8px;background:#fafbfc}.optional-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.optional-header span{font-size:13px;font-weight:500;color:#475569}.dropdown-arrow{transition:transform .2s ease;color:#64748b}.dropdown-arrow.open{transform:rotate(180deg)}.optional-content{padding:16px;border-top:1px solid #eef2f6;background:#fff;border-radius:0 0 8px 8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #eef2f6}.btn-add,.btn-reset{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:140px}.btn-add{background:#1d6fb8;color:#fff}.btn-add:hover{background:#3c8dd5}.btn-reset{background:#fff;color:#e53e3e;border:1px solid #e2e8f0}.btn-reset:hover{background:#fff5f5;border-color:#fc8181}@media(max-width:900px){.form-row-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.form-row-4,.form-row-3,.form-row-2{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-add,.btn-reset{width:100%}}:root{--pdv-blue: #1d6fb8;--pdv-blue-dark: #1558a0;--pdv-blue-light: #3c8dd5;--pdv-blue-glow: rgba(29,111,184,.18);--pdv-blue-bg: #e8f2fb;--pdv-navy: #0a1628;--pdv-navy-mid: #0f2040;--pdv-surface: #ffffff;--pdv-surface-1: #fafbfc;--pdv-surface-2: #f3f6fa;--pdv-surface-3: #eaeff6;--pdv-border: #e4eaf3;--pdv-border-mid: #c8d6e8;--pdv-text: #0d1f38;--pdv-text-2: #4a607a;--pdv-text-3: #8ea3bc;--pdv-radius: 12px;--pdv-radius-lg: 18px;--pdv-radius-xl: 24px;--pdv-shadow-xs: 0 1px 3px rgba(10,22,40,.06);--pdv-shadow-sm: 0 2px 8px rgba(10,22,40,.08);--pdv-shadow-md: 0 4px 16px rgba(10,22,40,.1);--pdv-shadow-lg: 0 8px 32px rgba(10,22,40,.14);--pdv-shadow-xl: 0 20px 60px rgba(10,22,40,.22);--pdv-shadow-blue: 0 4px 20px rgba(29,111,184,.22);--transition: .22s cubic-bezier(.4,0,.2,1);--project-sidebar-width: 220px}.projectviewer-container{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.projectviewer-overlay{position:fixed;inset:0;background:#081224b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:pvFadeIn .25s ease-out}@keyframes pvFadeIn{0%{opacity:0}to{opacity:1}}.projectviewer{position:relative;width:96%;max-width:1600px;height:90vh;max-height:90vh;background:var(--pdv-surface-1);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);z-index:1001;overflow:hidden;animation:pvSlideUp .32s cubic-bezier(.34,1.2,.64,1)}@keyframes pvSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.projectviewer-layout{display:flex;height:100%;overflow:hidden}.project-sidebar{width:var(--project-sidebar-width);min-width:var(--project-sidebar-width);background:var(--pdv-surface);border-right:1px solid var(--pdv-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;height:100%}.project-sidebar-header{padding:20px 16px;border-bottom:1px solid var(--pdv-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.project-sidebar-header h3{margin:0;font-size:14px;font-weight:700;color:var(--pdv-text);letter-spacing:.3px}.mobile-close-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--pdv-text-2);border-radius:6px;transition:var(--transition)}.mobile-close-btn:hover{background:var(--pdv-surface-2);color:var(--pdv-text)}.project-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.project-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--pdv-text-2);text-decoration:none;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.project-sidebar-item .sidebar-icon{flex-shrink:0;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center}.project-sidebar-item .sidebar-icon svg{width:20px;height:20px}.project-sidebar-item .sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-sidebar-item:hover{background:var(--pdv-surface-2);color:var(--pdv-text)}.project-sidebar-item:hover .sidebar-icon{opacity:1}.project-sidebar-item.active{background:var(--pdv-blue-bg);color:var(--pdv-blue);font-weight:600}.project-sidebar-item.active .sidebar-icon{opacity:1;color:var(--pdv-blue)}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1002;background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:8px;padding:8px 12px;gap:8px;align-items:center;cursor:pointer;font-size:14px;font-weight:500;color:var(--pdv-text);box-shadow:var(--pdv-shadow-sm)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:1003;animation:pvFadeIn .2s ease-out}@media(max-width:768px){.project-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1004;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--pdv-shadow-lg)}.project-sidebar.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:flex}.projectviewer-layout{padding-top:56px}}.projectviewer-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--pdv-surface-1);min-height:0}.projectviewer-header{padding:16px 24px;background:var(--pdv-surface);border-bottom:1px solid var(--pdv-border);flex-shrink:0}.projectviewer-header.compact{padding:12px 24px}.projectviewer-header-top{margin-bottom:12px}.projectviewer-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.projectviewer-title-group{display:flex;flex-direction:column;gap:4px}.projectviewer-title{font-size:22px;font-weight:700;color:var(--pdv-navy);margin:0;letter-spacing:-.3px}.projectviewer-subtitle{font-size:12px;color:var(--pdv-blue-dark);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.close-btn{width:36px;height:36px;border:1px solid rgba(29,111,184,.25);background:#1d6fb814;border-radius:var(--pdv-radius);color:var(--pdv-blue-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.close-btn:hover{background:#ef444426;border-color:#ef444466;color:#dc2626;transform:rotate(90deg)}.close-btn svg{fill:currentColor}.top-row-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:0}.top-row-item{display:flex;align-items:center;gap:12px;background:var(--pdv-surface-1);padding:6px 14px;border-radius:40px;border:1px solid var(--pdv-border)}.info-label-compact{font-size:11px;font-weight:600;color:var(--pdv-text-3);text-transform:uppercase;letter-spacing:.5px}.lane-select-compact{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.lane-select-compact span{font-size:13px;font-weight:600;color:var(--pdv-blue)}.assignee-select-compact{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.assignee-select-compact span{font-size:13px;font-weight:500;color:var(--pdv-text)}.current-user-badge{background:#1d6fb81f;color:var(--pdv-blue-dark);padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid rgba(29,111,184,.2)}.assign-partner-btn-compact{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:40px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #1d6fb84d;white-space:nowrap}.assign-partner-btn-compact svg{stroke:currentColor;fill:none}.assign-partner-btn-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb866}.full-header-content{margin-top:16px;border-top:1px solid var(--pdv-border);padding-top:16px}.customer-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.customer-info-item{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#1d6fb80f;border:1px solid rgba(29,111,184,.12);border-radius:var(--pdv-radius);transition:var(--transition)}.customer-info-item:hover{background:#1d6fb81a;transform:translateY(-1px)}.customer-info-item svg{fill:var(--pdv-blue);flex-shrink:0}.customer-info-item span{font-size:13px;color:var(--pdv-navy);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;gap:10px;padding-top:4px}.action-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:1px solid rgba(29,111,184,.25);border-radius:100px;background:#1d6fb814;color:var(--pdv-blue-dark);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.action-btn:hover{background:#1d6fb826;border-color:var(--pdv-blue);color:var(--pdv-blue);transform:translateY(-1px)}.whatsapp-btn svg{fill:#4ade80}.call-btn svg{fill:#93c5fd}.projectviewer-content-area{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.projectviewer-content-area::-webkit-scrollbar{width:6px}.projectviewer-content-area::-webkit-scrollbar-track{background:var(--pdv-surface-2);border-radius:3px}.projectviewer-content-area::-webkit-scrollbar-thumb{background:var(--pdv-border-mid);border-radius:3px}.projectviewer-content-area::-webkit-scrollbar-thumb:hover{background:var(--pdv-blue)}.tab-full-content{height:100%;overflow-y:auto}.content-section{background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--pdv-shadow-xs);transition:box-shadow var(--transition)}.content-section:hover{box-shadow:var(--pdv-shadow-sm)}.pdv-section-header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:var(--pdv-surface-1);border-bottom:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition)}.pdv-section-header:hover{background:var(--pdv-blue-bg)}.content-section:has(.section-content) .pdv-section-header{border-bottom-color:var(--pdv-border)}.pdv-section-header h3{margin:0;font-size:11px;font-weight:700;color:var(--pdv-text-2);letter-spacing:.7px;text-transform:uppercase}.pdv-section-header svg{fill:var(--pdv-text-3)}.toggle-icon{transition:transform .28s ease}.toggle-icon.expanded{transform:rotate(180deg)}.section-content{padding:16px}textarea,input[type=text],.form-type-select{width:100%;padding:10px 13px;border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:13px;font-family:inherit;color:var(--pdv-text);background:var(--pdv-surface-1);transition:var(--transition);box-sizing:border-box}textarea:focus,input[type=text]:focus,.form-type-select:focus{outline:none;border-color:var(--pdv-blue);background:var(--pdv-surface);box-shadow:0 0 0 3px var(--pdv-blue-glow)}.char-counter{text-align:right;font-size:11px;color:var(--pdv-text-3);margin-top:4px;font-weight:500}.update-status-btn,.update-notes-btn,.common-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);color:#fff;border:none;border-radius:var(--pdv-radius);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px var(--pdv-blue-glow);margin:10px 0 0}.update-status-btn:hover:not(:disabled),.update-notes-btn:hover:not(:disabled),.common-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px var(--pdv-blue-glow)}.update-status-btn:disabled,.update-notes-btn:disabled,.common-upload-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center}.dropzone p{font-size:13px;color:var(--pdv-text-2);margin-bottom:8px;font-weight:500}.dropzone-area{border:2px dashed var(--pdv-border-mid);border-radius:var(--pdv-radius);padding:28px;text-align:center;background:var(--pdv-surface-1);cursor:pointer;transition:var(--transition)}.dropzone-area:hover{border-color:var(--pdv-blue);background:var(--pdv-blue-bg)}.dropzone-area.small{padding:18px}.dropzone-area svg{fill:var(--pdv-text-3);margin-bottom:8px}.dropzone-area p{margin:0;color:var(--pdv-text-3);font-size:13px}.maps-buttons{display:flex;flex-direction:column;gap:10px}.map-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:none;border-radius:var(--pdv-radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.map-btn.primary{background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);color:#fff;box-shadow:0 3px 10px var(--pdv-blue-glow)}.map-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.map-btn.secondary{background:var(--pdv-surface-2);color:var(--pdv-text-2);border:1px solid var(--pdv-border)}.map-btn.secondary:hover{background:var(--pdv-surface-3);color:var(--pdv-text)}.map-btn svg{fill:currentColor}.video-tutorial{background:var(--pdv-surface-2);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);padding:14px;margin-bottom:14px}.video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.video-header span{font-weight:700;color:var(--pdv-text);font-size:13px}.share-btn{padding:4px 12px;background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:100px;font-size:11px;color:var(--pdv-text-2);cursor:pointer;font-weight:600;transition:var(--transition)}.share-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue)}.tutorial-text{font-size:13px;color:var(--pdv-blue);font-weight:600;margin:6px 0 3px}.youtube-link{font-size:12px;color:var(--pdv-text-3)}.form-type{display:flex;align-items:center;gap:12px;margin-bottom:12px}.form-type span{font-size:13px;color:var(--pdv-text-2);font-weight:600;min-width:80px}.add-form-btn{width:100%;padding:11px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px var(--pdv-blue-glow)}.add-form-btn:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.looking-financing{margin-top:16px;padding:18px;background:linear-gradient(135deg,var(--pdv-navy) 0%,var(--pdv-navy-mid) 100%);border-radius:var(--pdv-radius);text-align:center;position:relative;overflow:hidden}.looking-financing:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(29,111,184,.25) 0%,transparent 70%);border-radius:50%}.looking-financing p{margin:3px 0;font-size:13px;color:#ffffffb3;position:relative}.looking-financing p:first-child{font-weight:700;color:#93c5fd;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.looking-financing .discover{font-size:17px;font-weight:700;color:#fff}.learn-more{margin-top:12px;padding:8px 22px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:100px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);position:relative;box-shadow:0 3px 12px var(--pdv-blue-glow)}.learn-more:hover{transform:translateY(-2px) scale(1.04)}.update-item{padding:12px 14px;background:var(--pdv-surface-1);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);border-left:3px solid var(--pdv-blue);margin-bottom:10px;font-size:13px;color:var(--pdv-text-2);transition:var(--transition)}.update-item:hover{background:var(--pdv-blue-bg);border-left-color:var(--pdv-blue-light)}.project-created{text-align:center;font-size:12px;color:var(--pdv-text-3);padding:12px;border-top:1px solid var(--pdv-border);font-weight:500}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.right-view-header{padding-bottom:0;margin-bottom:18px}.view-toggles{display:flex;background:var(--pdv-surface-2);border:1px solid var(--pdv-border);border-radius:100px;padding:4px;gap:0;width:fit-content}.view-toggle-btn{padding:7px 18px;background:transparent;border:none;border-radius:100px;font-size:13px;font-weight:600;color:var(--pdv-text-3);cursor:pointer;transition:var(--transition);white-space:nowrap}.view-toggle-btn:hover{color:var(--pdv-text)}.view-toggle-btn.active{background:var(--pdv-surface);color:var(--pdv-blue);box-shadow:var(--pdv-shadow-sm)}.updates-view{padding-bottom:20px}.no-updates-message{text-align:center;padding:48px 20px;color:var(--pdv-text-3);font-size:14px;font-weight:500;background:var(--pdv-surface-1);border-radius:var(--pdv-radius);margin-bottom:20px;border:2px dashed var(--pdv-border)}.update-input-area{background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);padding:16px;box-shadow:var(--pdv-shadow-xs)}.update-input-area textarea{width:100%;padding:11px;border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:13px;margin-bottom:12px;background:var(--pdv-surface-1);resize:vertical}.update-input-area textarea:focus{border-color:var(--pdv-blue);background:var(--pdv-surface);box-shadow:0 0 0 3px var(--pdv-blue-glow)}.send-update-btn{width:100%;padding:11px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px var(--pdv-blue-glow)}.send-update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--pdv-shadow-blue)}.send-update-btn:disabled{opacity:.55;cursor:not-allowed}.customer-dash-view{padding-bottom:20px}.valuepropositions-heading{font-size:18px;font-weight:700;color:var(--pdv-text);margin-bottom:18px;text-align:center;line-height:1.4}.text-#1d6fb8-600{color:var(--pdv-blue)}.initialize-dash-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 24px;padding:11px 26px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px var(--pdv-blue-glow)}.initialize-dash-btn svg{fill:currentColor}.initialize-dash-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--pdv-blue-glow)}.initialize-dash-btn-outlined{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:12px;background:transparent;border:1.5px solid var(--pdv-blue);border-radius:100px;color:var(--pdv-blue);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.initialize-dash-btn-outlined svg{fill:currentColor}.initialize-dash-btn-outlined:hover{background:var(--pdv-blue-bg);transform:translateY(-1px)}.valuepropositions-list{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}.valuepropositions-list-item{display:flex;flex-direction:column;background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);overflow:hidden;transition:all .28s ease;box-shadow:var(--pdv-shadow-xs)}.valuepropositions-list-item:hover{border-color:var(--pdv-blue);box-shadow:0 8px 28px var(--pdv-blue-glow);transform:translateY(-3px)}.valuepropositions-list-item-image-container{width:100%;height:190px;overflow:hidden;background:var(--pdv-surface-2);border-top:1px solid var(--pdv-border)}.valuepropositions-list-item-image{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .5s ease}.valuepropositions-list-item:hover .valuepropositions-list-item-image{transform:scale(1.04)}.valuepropositions-list-item-content{padding:18px 20px 14px}.valuepropositions-list-item-title{font-size:15px;font-weight:700;color:var(--pdv-text);margin-bottom:6px}.valuepropositions-list-item-desc{font-size:13px;color:var(--pdv-text-2);line-height:1.65}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.progress-bar-container{margin:8px 0;background:var(--pdv-surface-3);border-radius:100px;overflow:hidden;height:4px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--pdv-blue),var(--pdv-blue-light));transition:width .3s ease}.lightbox{position:fixed;inset:0;z-index:9998;background:#000000e0;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.lightbox-close:hover{background:#ef44444d}.lightbox-media{max-width:90vw;max-height:85vh;border-radius:var(--pdv-radius)}.lightbox-media.image{object-fit:contain}.activity-logs-view,.archive-view{padding:20px}@media(min-width:768px){.valuepropositions-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.two-column-layout{grid-template-columns:1fr}.customer-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projectviewer{width:100%;height:100%;max-height:100vh;border-radius:0}.projectviewer-layout{flex-direction:column}.project-sidebar{width:280px;min-width:280px;position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .3s ease;z-index:1004;box-shadow:var(--pdv-shadow-lg)}.project-sidebar.mobile-open{transform:translate(0)}.project-sidebar-header{display:flex}.project-sidebar-nav{padding:8px 12px}.projectviewer-header{padding:12px 16px}.top-row-grid{flex-wrap:wrap;gap:10px}.customer-info-grid{grid-template-columns:1fr 1fr}.action-buttons{flex-wrap:wrap}.view-toggles{width:100%}.view-toggle-btn{flex:1;text-align:center}.projectviewer-content-area{padding:16px}.two-column-layout{gap:14px}}@media(max-width:480px){.customer-info-grid,.valuepropositions-list{grid-template-columns:1fr}.projectviewer-title{font-size:17px}}.task-empty{display:flex;flex-direction:column;align-items:center;padding:32px 16px 24px;gap:24px}.task-empty-cards{display:flex;gap:16px;width:100%;justify-content:center}.task-empty-card{flex:1;max-width:220px;border:2px solid #d1fae5;border-radius:16px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.task-empty-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0aa6a61f}.task-empty-card-img{width:100%;height:140px;background:#f0fdf4;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d1fae5;overflow:hidden}.task-empty-card-img img{width:100%;height:100%;object-fit:cover}.task-empty-card-body{padding:14px 16px 16px}.task-empty-card-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:4px}.task-empty-card-desc{font-size:12px;color:#64748b;line-height:1.5}.task-validation-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.task-create-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:#1d6fb8;color:#fff;border:none;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 12px #0aa6a640}.task-create-btn:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 6px 16px #0aa6a64d}.task-create-btn svg{flex-shrink:0}.task-dots{display:flex;gap:8px;justify-content:center;padding:8px 0 4px}.task-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.task-dot.active{background:#1d6fb8;transform:scale(1.25)}.task-list-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid #eef2f6;margin-bottom:14px}.task-list-title{font-size:14px;font-weight:700;color:#0f172a}.task-count-badge{background:#e6f7f7;color:#1d6fb8;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.task-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-height:320px;overflow-y:auto;padding-right:2px}.task-items::-webkit-scrollbar{width:4px}.task-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #eef2f6;border-radius:12px;background:#fafcff;transition:border-color .2s,background .2s}.task-item:hover{border-color:#1d6fb8;background:#fff}.task-item.completed{background:#f0fdf4;border-color:#bbf7d0}.task-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:1px;padding:0}.task-checkbox:hover:not(:disabled){border-color:#1d6fb8;transform:scale(1.05)}.task-checkbox.checked{background:#1d6fb8;border-color:#1d6fb8}.task-checkbox.checked svg{display:block}.task-checkbox svg{display:none}.task-checkbox:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.task-checkbox:disabled:hover{transform:none;border-color:#e2e8f0}.task-checkbox.checked:disabled{opacity:1;background:#1d6fb8;border-color:#1d6fb8;cursor:not-allowed}.task-checkbox.checked:disabled:hover{transform:none;border-color:#1d6fb8;opacity:1}.task-checkbox.checked:disabled svg{display:block;fill:#fff;opacity:1}.task-checkbox:active:not(:disabled){transform:scale(.95)}.task-checkbox.checking{opacity:.7;cursor:wait;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.4}to{opacity:.7}}.task-body{flex:1;min-width:0}.task-title{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item.completed .task-title{color:#94a3b8;text-decoration:line-through}.task-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:20px}.task-meta-chip svg{flex-shrink:0}.task-assigned{font-size:11px;color:#1d6fb8;font-weight:600}.task-action-btns{display:flex;align-items:center;gap:4px;flex-shrink:0}.task-edit-btn{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.task-edit-btn:hover{background:#eff6ff;color:#1d6fb8}.task-edit-btn:disabled{opacity:.4;cursor:not-allowed}.task-delete-btn{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.task-delete-btn:hover{background:#fef2f2;color:#ef4444}.task-modal-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:taskFadeIn .15s ease}@keyframes taskFadeIn{0%{opacity:0}to{opacity:1}}.task-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003;animation:taskSlideUp .2s ease;overflow:hidden}@keyframes taskSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #eef2f6}.task-modal-title{font-size:16px;font-weight:700;color:#0f172a}.task-modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}.task-modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.task-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.task-field{display:flex;flex-direction:column;gap:6px}.task-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.task-input{width:100%;padding:11px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;color:#0f172a;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.task-input:focus{outline:none;border-color:#1d6fb8;background:#fff;box-shadow:0 0 0 3px #0aa6a61a}.task-input::placeholder{color:#94a3b8}.task-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-select{width:100%;padding:11px 36px 11px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;color:#0f172a;background:#f8fafc;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%2364748b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.task-select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.task-submit-btn{width:100%;padding:13px;background:#1d6fb8;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;margin-top:4px}.task-submit-btn:hover:not(:disabled){background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 12px #0aa6a64d}.task-submit-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal{max-width:400px}.confirmation-message{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.warning-icon{font-size:20px;line-height:1;flex-shrink:0}.message-text{font-size:14px;color:#1e293b;line-height:1.5;margin:0}.confirmation-actions{display:flex;gap:12px;margin-top:20px}.confirmation-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover{background:#e2e8f0;color:#1e293b}.confirm-btn{background:#1d6fb8;color:#fff}.confirm-btn:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 8px #0aa6a633}.confirm-btn.delete{background:#ef4444}.confirm-btn.delete:hover{background:#dc2626}.task-loading{padding:40px;text-align:center;color:#94a3b8}.spinner{animation:spin .7s linear infinite;display:inline-block}.task-error{padding:24px;text-align:center;color:#ef4444;font-size:13px}.task-retry-btn{margin-left:8px;color:#1d6fb8;background:none;border:none;cursor:pointer;font-size:13px;text-decoration:underline}.task-header-actions{display:flex;align-items:center;gap:10px}.task-create-btn.small{padding:7px 16px;font-size:12px}.task-extra-details{font-size:11px;color:#94a3b8;margin-top:4px}.completed-header{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;margin-top:16px}@media(max-width:640px){.task-empty-cards{flex-direction:column;align-items:center}.task-empty-card{max-width:100%}.task-input-row{grid-template-columns:1fr}.task-modal{margin:0 12px}}.edit-customer-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden;padding:1.5rem}.edit-customer-form{display:flex;flex-direction:column;height:100%}.edit-customer-content{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;flex:1;overflow:hidden}.form-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;overflow-y:auto;padding-right:.5rem;align-content:start}.form-field{display:flex;flex-direction:column;gap:.5rem;position:relative;margin-bottom:0}.form-field.full-width{grid-column:span 2}.form-field label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}.input-wrapper{position:relative;width:100%}.edit-input,.edit-select,.edit-textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;background:#f8fafc;transition:all .2s}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{outline:none;border-color:#1d6fb8;background:#fff;box-shadow:0 0 0 3px #0aa6a61a}.edit-textarea{resize:vertical;min-height:60px}.edit-input.error,.edit-select.error,.edit-textarea.error{border-color:#ef4444;background:#fef2f2}.edit-input.error:focus,.edit-select.error:focus,.edit-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{display:block;font-size:.7rem;color:#ef4444;margin-top:.25rem;margin-bottom:0;line-height:1.2;word-break:break-word}.form-field:has(.field-error){margin-bottom:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;word-break:break-word}.field-note{display:block;font-size:.7rem;color:#94a3b8;margin-top:.25rem}.tags-input-container{border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;overflow:hidden}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:40px}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#e2e8f0;color:#475569;font-size:.813rem;border-radius:4px}.tag-remove{border:none;background:none;color:#94a3b8;cursor:pointer;padding:0 .25rem;font-size:1rem;line-height:1;display:flex;align-items:center}.tag-remove:hover{color:#ef4444}.tag-add{display:flex;border-top:1px solid #e2e8f0}.tag-input{flex:1;padding:.5rem;border:none;background:transparent;font-size:.875rem}.tag-input:focus{outline:none}.tag-add-btn{padding:.5rem 1rem;border:none;background:#f1f5f9;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tag-add-btn:hover{background:#1d6fb8;color:#fff}.content-quick-stats{display:flex;flex-direction:column;gap:1rem}.stats-card{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;padding:1.25rem}.stat-item{margin-bottom:1rem}.stat-item:last-child{margin-bottom:0}.stat-label{display:block;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{display:block;font-size:.95rem;font-weight:500;color:#1e293b;word-break:break-word}.archive-project-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.archive-project-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.archive-project-btn:active:not(:disabled){transform:translateY(0)}.archive-project-btn:disabled{opacity:.6;cursor:not-allowed}.archive-project-btn svg{fill:#fff}.form-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.update-project-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#1d6fb8;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;min-width:140px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.update-project-btn:hover:not(:disabled){background:#3c8dd5;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.update-project-btn:active:not(:disabled){background:#0a9494;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.update-project-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.update-project-btn.saving{background:#94a3b8}.update-project-btn.success{background:#1d6fb8}.update-project-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;font-size:1.125rem}.update-project-btn svg{font-size:1.125rem;transition:transform .2s}.update-project-btn:hover:not(:disabled) svg{transform:translate(4px)}.spinner-icon{animation:spin .8s linear infinite}.form-fields-grid::-webkit-scrollbar{width:6px}.form-fields-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-fields-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-fields-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.edit-customer-content{grid-template-columns:1fr 240px}}@media(max-width:768px){.edit-customer-container{padding:1rem}.edit-customer-content{grid-template-columns:1fr;gap:1rem}.form-fields-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}}.costing-tab{min-height:100vh;background-color:#f9fafb}.projectviewer-content-tabcontainer{width:100%}.projectviewer-content-padded-wrapper{padding:12px}.costing-fixedcontainer{max-width:1200px;margin:0 auto}.costing-valuepropositions{padding:48px 32px;background:#fff;border-radius:16px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.valuepropositions-heading{text-align:center;font-size:32px;font-weight:700;color:#1f2937;margin-bottom:48px}.text-#1d6fb8-600{color:#1d6fb8}.valuepropositions-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px}.valuepropositions-list-item{text-align:center;padding:2px;transition:all .3s ease;border-radius:12px}.valuepropositions-list-item-image-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.resimage{width:200px;height:200px;object-fit:contain}.valuepropositions-list-item-title{font-size:18px;font-weight:600;margin:16px 0 12px;color:#1f2937}.valuepropositions-list-item-desc{font-size:14px;color:#6b7280;line-height:1.6}.text-gray-800{color:#1f2937}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.text-md{font-size:14px}.mt-2{margin-top:8px}.pb-2{padding-bottom:8px}.justify-center{justify-content:center}.MuiButtonBase-root{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;text-decoration:none;color:inherit;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.MuiButton-root{color:#000000de}.MuiButton-contained{color:#fff;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;background:linear-gradient(135deg,#1d6fb8,#3c8dd5)}.MuiButton-containedPrimary{color:#fff;background:linear-gradient(135deg,#1d6fb8,#3c8dd5);box-shadow:0 4px 6px -1px #0000001a}.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#3c8dd5,#1558a0);box-shadow:0 6px 8px -1px #0003;transform:translateY(-1px)}.MuiButton-containedPrimary:active{transform:translateY(0)}.MuiButton-sizeLarge{padding:12px 28px;font-size:1rem;font-weight:600}.MuiButton-containedSizeLarge{padding:12px 28px;font-size:1rem}.Cost-MuiButton-icon{display:inherit;margin-left:-4px;margin-right:8px}.MuiButton-endIcon{display:inherit;margin-left:8px;margin-right:-4px}.react-icon{-webkit-user-select:none;user-select:none;width:1.2em;height:1.2em;display:inline-block;fill:currentColor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.25rem}.MuiButton-outlined{background:transparent;border:2px solid #1d6fb8;color:#1d6fb8}.MuiButton-outlined:hover{background:#0d94880a;border-color:#3c8dd5;color:#3c8dd5}.MuiButton-text{color:#1d6fb8}.MuiButton-text:hover{background:#0d94880a}.MuiButton-containedPrimary.Mui-disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:1024px){.valuepropositions-list{grid-template-columns:repeat(2,1fr);gap:24px}.valuepropositions{padding:32px 24px}.valuepropositions-heading{font-size:28px;margin-bottom:32px}}@media(max-width:768px){.projectviewer-content-padded-wrapper{padding:16px}.valuepropositions{padding:24px 16px}.valuepropositions-heading{font-size:24px;margin-bottom:28px}.valuepropositions-list{grid-template-columns:1fr;gap:24px}.valuepropositions-list-item{padding:20px}.valuepropositions-list-item:hover{transform:translateY(-2px)}.resimage{width:64px;height:64px}.valuepropositions-list-item-title{font-size:16px}.MuiButton-sizeLarge{padding:10px 20px;font-size:.875rem}.MuiButton-containedSizeLarge{padding:10px 20px}}@media(max-width:480px){.valuepropositions-heading{font-size:20px}.valuepropositions-list-item-title{font-size:15px}.valuepropositions-list-item-desc{font-size:13px}.MuiButton-root{padding:8px 16px;font-size:.75rem}.MuiButton-sizeLarge{padding:8px 16px}}.costing-content-wrapper{max-width:1400px;margin:0 auto}.costing-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.add-row-btn{background:#1d6fb8;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.add-row-btn:hover{background:#3c8dd5}.section-footer{display:flex;justify-content:flex-end;gap:24px;padding:10px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:13px;color:#374151}.table-wrapper{overflow-x:auto}.costing-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1100px}.costing-table th{background:#f9fafb;padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.costing-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.col-no{width:40px;text-align:center;color:#6b7280;font-size:12px}.col-computed{text-align:right;color:#374151;white-space:nowrap}.col-final{text-align:right;font-weight:600;color:#1d6fb8;white-space:nowrap}.row-active{background:#fefce8;border-left:3px solid #eab308}.row-active td{background:#fefce8}.empty-row{text-align:center!important;color:#9ca3af;padding:36px!important;font-size:13px}.cell-input-wrap{position:relative}.table-input,.table-select{width:100%;padding:5px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;text-align:left;background:#fff;color:#111827;transition:border-color .15s;box-sizing:border-box}.table-input:focus,.table-select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 2px #10b98126}.table-input:disabled,.table-select:disabled{background:transparent;border-color:transparent;color:#1f2937;cursor:default;padding-left:2px}.error-input{border-color:#ef4444!important}.error-message{display:block;font-size:10px;color:#ef4444;margin-top:2px;line-height:1.2}.action-cell{display:flex;gap:4px;justify-content:center;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background .15s,transform .1s}.icon-btn:hover{transform:scale(1.08)}.edit-btn{background:#eff6ff;color:#3b82f6}.edit-btn:hover{background:#dbeafe}.save-btn{background:#d1fae5;color:#1d6fb8}.save-btn:hover{background:#a7f3d0}.cancel-btn{background:#fef9c3;color:#ca8a04}.cancel-btn:hover{background:#fef08a}.delete-btn{background:#fee2e2;color:#ef4444}.delete-btn:hover{background:#fecaca}.total-costing{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px}.total-costing-left{display:flex;flex-direction:column;gap:6px}.total-main{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.total-cost-label{font-size:14px;color:#6b7280;font-weight:500}.total-cost-value{font-size:22px;font-weight:700;color:#1d6fb8}.cost-per-kw{font-size:13px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:20px}.profit-loss-info{display:flex;align-items:center;gap:12px;font-size:13px}.profit-loss{font-weight:600;padding:2px 10px;border-radius:20px}.profit-loss.profit{background:#d1fae5;color:#059669}.profit-loss.loss{background:#fee2e2;color:#dc2626}.margin-info{color:#6b7280}.saving-indicator{font-size:12px;color:#6b7280;align-self:center;font-style:italic}.costing-action-buttons{display:flex;gap:10px;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.export-btn{background:#1d6fb8;color:#fff}.export-btn:hover{background:#3c8dd5;color:#fff}.profit-btn{background:#1d6fb8;color:#fff}.profit-btn:hover{background:#3c8dd5;color:#fff}.export-dropup-container{position:relative}.export-dropup{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px -5px #0000001f;min-width:210px;overflow:hidden;z-index:200}.export-dropup button{display:block;width:100%;padding:11px 16px;text-align:left;background:none;border:none;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}.export-dropup button:hover{background:#f3f4f6}.costing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 32px;background:#fff;border-radius:12px;color:#6b7280}.costing-loading-spinner{width:72px;height:72px;border:3px solid #e5e7eb;border-top-color:#1d6fb8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}.profit-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.profit-modal{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px -12px #00000040}.profit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e5e7eb}.profit-modal-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:26px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 4px}.close-btn:hover{color:#374151}.profit-modal-body{padding:20px 24px 24px}.profit-subtitle{font-size:13px;color:#6b7280;text-align:center;margin-bottom:20px}.profit-summary{background:#f9fafb;border-radius:10px;padding:14px 16px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6}.summary-row:last-child{border-bottom:none}.summary-row.highlight{font-weight:700;color:#111827;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:10px}.profit-inputs{margin-bottom:20px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.input-group input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#1d6fb8}.disabled-input{background:#f9fafb!important;color:#6b7280!important}.gst-buttons{display:flex;flex-wrap:wrap;gap:6px}.gst-btn{padding:5px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:20px;font-size:12px;cursor:pointer;transition:all .15s}.gst-btn:hover{border-color:#1d6fb8;color:#1d6fb8}.gst-btn.active{background:#1d6fb8;border-color:#1d6fb8;color:#fff}.profit-results{background:#f0fdf4;border-radius:10px;padding:14px 16px}.result-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#374151}.amount{font-weight:600}.profit-positive{color:#059669}.profit-negative{color:#dc2626}@media(max-width:768px){.total-costing{flex-direction:column;align-items:flex-start}.costing-action-buttons{width:100%}.action-btn{flex:1;justify-content:center}.icon-btn{width:26px;height:26px;font-size:13px}.total-cost-value{font-size:18px}.section-footer{flex-direction:column;align-items:flex-end;gap:4px}}.documents-container{max-width:900px;margin:0 auto;padding:0}.documents-info-section{background:linear-gradient(135deg,#f0fdfa,#e6f7f5);border-radius:16px;padding:40px 32px;margin-bottom:32px;text-align:center;border:1px solid #d1fae5}.info-content{max-width:600px;margin:0 auto}.bills-info-icon{width:180px;height:180px;margin-bottom:20px}.info-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px}.info-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.upload-box-wrapper{margin-bottom:20px}.upload-box{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;padding:48px 32px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-box:hover{border-color:#1d6fb8;background:#f0fdfa}.upload-box.dragging{border-color:#1d6fb8;background:#f0fdfa;transform:scale(.99)}.upload-box-content{max-width:400px;margin:0 auto}.upload-add-icon{width:64px;height:64px;margin-bottom:20px;display:inline-block;animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.upload-instruction{font-size:14px;color:#6b7280;margin:0;font-weight:500}.upload-button-wrapper{display:flex;justify-content:center;margin-bottom:40px}.upload-documents-btn{background:#1d6fb8;color:#fff;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.upload-documents-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background:#3c8dd5}.upload-documents-btn:active{transform:translateY(0)}.documents-list-section{margin-top:32px}.documents-list-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.documents-list-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.document-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:20px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.document-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#1d6fb8}.document-icon{flex-shrink:0}.file-icon-large{font-size:32px;display:block}.document-info{flex:1;min-width:0}.document-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{display:flex;gap:12px;font-size:11px;color:#9ca3af}.document-type{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:500}.document-size,.document-date{color:#9ca3af}.document-actions{display:flex;gap:8px;flex-shrink:0}.doc-action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#f9fafb}.doc-action-btn:hover{background:#00a600;transform:scale(1.05)}.download-btn{color:#1d6fb8}.download-btn:hover{background:#f0fdfa;transform:scale(1.05)}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fef2f2;transform:scale(1.05)}.empty-documents{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;margin-top:20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-title{font-size:18px;font-weight:500;color:#374151;margin:0 0 8px}.empty-subtext{font-size:14px;color:#9ca3af;max-width:400px;margin:0 auto}@media(max-width:768px){.documents-info-section{padding:32px 24px}.bills-info-icon{width:60px;height:60px}.info-title{font-size:18px}.info-description{font-size:13px}.upload-box{padding:36px 24px}.upload-add-icon{width:48px;height:48px}.upload-instruction{font-size:13px}.upload-documents-btn{padding:10px 28px;font-size:13px}.documents-grid{grid-template-columns:1fr;gap:12px}.document-card{padding:12px}.document-name{font-size:13px}.document-meta{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.documents-info-section{padding:24px 16px}.bills-info-icon{width:50px;height:50px}.info-title{font-size:16px}.upload-box{padding:28px 16px}.upload-add-icon{width:40px;height:40px}.upload-instruction{font-size:12px}.upload-documents-btn{padding:8px 24px;font-size:12px}.document-card{flex-wrap:wrap}.document-actions{width:100%;justify-content:flex-end;margin-top:8px}}.dispatch-container{max-width:1400px;margin:0 auto}.dispatch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dispatch-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.add-dispatch-btn{background:#1d6fb8;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500}.add-dispatch-btn:hover{background:#059669}.add-dispatch-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dispatch-modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-body{padding:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#374151}.form-group input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px}.dispatch-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:10px;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{padding:8px 20px;border-radius:8px;cursor:pointer;border:none}.cancel-btn{background:#f3f4f6}.submit-btn{background:#1d6fb8;color:#fff}.dispatch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.dispatch-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.dispatch-table{width:100%;border-collapse:collapse}.dispatch-table th{padding:16px;text-align:left;background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.dispatch-table td{padding:16px;border-bottom:1px solid #f3f4f6}.dispatch-no{font-weight:600;color:#1d6fb8}.tracking-no{font-family:monospace;font-size:12px}.dispatch-status-select{padding:6px 2px;border-radius:5px;border:none;font-size:12px;font-weight:600;cursor:pointer}.dispatch-status-select.status-delivered{background:#d1fae5;color:#059669}.dispatch-status-select.status-transit{background:#fef3c7;color:#d97706}.dispatch-status-select.status-pending{background:#fee2e2;color:#dc2626}.empty-dispatch{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.settings-container{max-width:900px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.settings-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.edit-settings-btn{background:#1d6fb8;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500}.settings-actions{display:flex;gap:12px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.settings-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting-field{display:flex;flex-direction:column;gap:8px}.setting-field label{font-size:14px;font-weight:500;color:#374151}.setting-field p{font-size:14px;color:#1f2937;margin:0;padding:8px 0}.setting-field input,.setting-field select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.toggle-field{flex-direction:row;justify-content:space-between;align-items:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider:before{transform:translate(26px)}.danger-zone{border-color:#fecaca;background:#fff5f5}.danger-zone h3{color:#dc2626;border-bottom-color:#fecaca}.danger-actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.danger-btn{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;border:none}.reset-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.archive-btn{background:#fef3c7;color:#d97706}.delete-btn{background:#fee2e2;color:#dc2626}.danger-note{font-size:12px;color:#9ca3af;margin:0}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.danger-actions{flex-direction:column}}.costing-main-container{background:#f9fafb;min-height:100vh}.costing-header-tabs{display:flex;gap:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;box-shadow:0 1px 2px #0000000d}.costing-tab-btn{padding:16px 24px;background:none;border:none;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.costing-tab-btn:hover,.costing-tab-btn.active{color:#1d6fb8}.costing-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d6fb8,#3c8dd5);border-radius:3px 3px 0 0}.costing-tab-content{padding:24px}@media(max-width:768px){.costing-header-tabs{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.costing-tab-btn{padding:12px 16px;font-size:14px;white-space:nowrap}.costing-tab-content{padding:16px}}.designs-container{display:flex;flex-direction:column;gap:20px;padding:4px}.designs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.designs-card{background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);overflow:hidden;transition:box-shadow var(--transition)}.designs-card:hover{box-shadow:var(--pdv-shadow-sm)}.designs-card-header{padding:14px 18px;background:var(--pdv-surface-1);border-bottom:1px solid var(--pdv-border)}.designs-card-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--pdv-text);letter-spacing:.3px}.designs-card-title svg{color:var(--pdv-blue)}.designs-card-content{padding:18px}.video-tutorial-card{background:var(--pdv-surface-2);border-radius:var(--pdv-radius);padding:16px;border:1px solid var(--pdv-border)}.video-tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.video-tutorial-title{font-weight:700;font-size:14px;color:var(--pdv-text)}.share-btn{padding:5px 14px;background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:100px;font-size:11px;font-weight:600;color:var(--pdv-text-2);cursor:pointer;transition:var(--transition)}.share-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.video-tutorial-text{font-size:13px;color:var(--pdv-blue);font-weight:600;margin:8px 0 6px}.video-tutorial-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pdv-text-3);margin-top:8px;cursor:pointer;transition:color var(--transition)}.video-tutorial-link:hover{color:var(--pdv-blue)}.location-card{background:var(--pdv-surface-2);border-radius:var(--pdv-radius);border:1px solid var(--pdv-border);overflow:hidden}.location-card-content{padding:18px;display:flex;flex-direction:column;gap:12px}.location-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--pdv-radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.location-btn.primary{background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;color:#fff;box-shadow:0 2px 8px var(--pdv-blue-glow)}.location-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--pdv-blue-glow)}.location-btn.secondary{background:var(--pdv-surface);border:1.5px solid var(--pdv-border);color:var(--pdv-text-2)}.location-btn.secondary:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.pd-modal-content{background:var(--pdv-surface);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);width:90%;max-width:750px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.location-modal{max-width:800px}.share-modal{max-width:550px}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--pdv-text)}.detect-location-btn{width:100%;padding:12px;background:var(--pdv-surface);border:2px solid var(--pdv-border);border-radius:var(--pdv-radius);color:var(--pdv-text);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.detect-location-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.search-box-container{margin-bottom:16px}.search-input-group{display:flex;gap:10px}.search-input{flex:1;padding:12px 16px;border:2px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:14px;font-family:inherit;color:var(--pdv-text);background:var(--pdv-surface-1);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--pdv-blue);box-shadow:0 0 0 3px var(--pdv-blue-glow)}.go-btn{padding:12px 24px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}.go-btn:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.map-instructions{padding:12px 16px;background:var(--pdv-blue-bg);border-radius:var(--pdv-radius);font-size:12px;color:var(--pdv-text-2);margin-bottom:20px;border-left:3px solid var(--pdv-blue)}.map-instructions p{margin:0}.map-container{margin-bottom:20px}.map-image-container{position:relative;border-radius:var(--pdv-radius);overflow:hidden;border:1px solid var(--pdv-border);margin-bottom:16px}.map-preview{width:100%;height:250px;object-fit:cover;display:block}.map-marker-info{position:absolute;bottom:12px;left:12px;right:12px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px}.marker-icon{font-size:18px}.marker-address{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-places{border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);overflow:hidden}.nearby-places-header{padding:12px 16px;background:var(--pdv-surface-1);font-weight:700;font-size:13px;color:var(--pdv-text);border-bottom:1px solid var(--pdv-border)}.nearby-places-list{max-height:200px;overflow-y:auto}.nearby-place-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--pdv-border)}.nearby-place-item:last-child{border-bottom:none}.nearby-place-item:hover{background:var(--pdv-blue-bg)}.nearby-place-item.active{background:var(--pdv-blue-bg);border-left:3px solid var(--pdv-blue)}.place-marker{width:10px;height:10px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #ef44444d;flex-shrink:0}.place-info{flex:1}.place-name{font-size:13px;font-weight:600;color:var(--pdv-text);margin-bottom:2px}.place-hindi-name{font-size:11px;color:var(--pdv-text-3)}.google-attribution{text-align:right;font-size:11px;color:var(--pdv-text-3);margin-bottom:20px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-action-btn{flex:1;padding:14px;border-radius:var(--pdv-radius);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.modal-action-btn.primary{background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;color:#fff}.modal-action-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.modal-action-btn.secondary{background:var(--pdv-surface);border:2px solid var(--pdv-border);color:var(--pdv-text-2)}.modal-action-btn.secondary:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.share-link-container{padding:8px 0}.share-link-label{font-size:14px;color:var(--pdv-text-2);margin-bottom:16px}.share-link-input-group{display:flex;gap:12px;margin-bottom:16px}.share-link-input{flex:1;padding:12px 16px;border:2px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:13px;font-family:monospace;color:var(--pdv-text);background:var(--pdv-surface-1)}.copy-link-btn{padding:12px 24px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;white-space:nowrap}.copy-link-btn:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.share-link-note{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--pdv-blue-bg);border-radius:var(--pdv-radius);font-size:12px;color:var(--pdv-text-2)}@media(max-width:768px){.designs-grid{grid-template-columns:1fr;gap:16px}.designs-card-header{padding:12px 14px}.designs-card-title{font-size:12px}.designs-card-content{padding:14px}.pd-modal-content{width:95%;max-height:90vh}.modal-body{padding:16px}.modal-actions,.share-link-input-group{flex-direction:column}.copy-link-btn{justify-content:center}.nearby-places-list{max-height:150px}.map-preview{height:180px}}.proposals-container{display:flex;flex-direction:column;gap:24px;padding:4px}.proposals-section{background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);overflow:hidden}.proposals-section-header{padding:16px 20px;background:var(--pdv-surface-1);border-bottom:1px solid var(--pdv-border)}.proposals-section-header h3{margin:0;font-size:13px;font-weight:700;color:var(--pdv-text-2);letter-spacing:.7px;text-transform:uppercase}.custom-proposals-list{padding:8px 0}.proposal-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--pdv-border);transition:background var(--transition);gap:16px;flex-wrap:wrap}.proposal-item:hover{background:var(--pdv-surface-2)}.proposal-info{display:flex;align-items:center;gap:20px;flex:1;flex-wrap:wrap}.proposal-name-wrapper{position:relative;display:inline-block}.proposal-name-input{font-size:14px;font-weight:600;color:var(--pdv-text);background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 10px;transition:var(--transition);width:auto;min-width:220px}.proposal-name-input:hover{border-color:var(--pdv-border);background:var(--pdv-surface-1)}.proposal-name-input:focus{outline:none;border-color:var(--pdv-blue);background:var(--pdv-surface);box-shadow:0 0 0 2px var(--pdv-blue-glow)}.rename-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--pdv-navy);color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:8px;z-index:10}.proposal-name-wrapper:hover .rename-tooltip{opacity:1}.proposal-size-badge{font-size:13px;color:var(--pdv-text-3);font-weight:500;background:var(--pdv-surface-2);padding:4px 12px;border-radius:20px;white-space:nowrap}.proposal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.action-icon-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--pdv-text-2);width:34px;height:34px}.action-icon-btn:hover{background:var(--pdv-blue-bg);color:var(--pdv-blue)}.primary-toggle-wrapper{display:inline-flex;align-items:center}.primary-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:600;color:var(--pdv-text-2);padding:4px 8px;border-radius:20px;transition:var(--transition);white-space:nowrap;position:relative}.primary-toggle:hover{background:var(--pdv-blue-bg)}.primary-toggle input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.proposal-toggle-slider{position:relative;display:inline-block;width:36px;height:20px;background-color:var(--pdv-border-mid);border-radius:34px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.proposal-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.primary-toggle input:checked+.proposal-toggle-slider{background-color:var(--pdv-blue)}.primary-toggle input:checked+.proposal-toggle-slider:before{transform:translate(16px)}.primary-toggle input:focus+.proposal-toggle-slider{box-shadow:0 0 0 2px var(--pdv-blue-glow)}.proposal-toggle-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.create-proposal-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px var(--pdv-blue-glow)}.create-proposal-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--pdv-blue-glow)}.financing-banner{margin:0 20px 20px;padding:20px;background:linear-gradient(135deg,var(--pdv-navy) 0%,var(--pdv-navy-mid) 100%);border-radius:var(--pdv-radius);text-align:center;position:relative;overflow:hidden}.financing-banner:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(29,111,184,.25) 0%,transparent 70%);border-radius:50%}.financing-banner p{margin:4px 0;font-size:13px;color:#ffffffb3;position:relative}.financing-banner p:first-child{font-weight:700;color:#93c5fd;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.discover-text{font-size:18px!important;font-weight:700;color:#fff!important}.learn-more-btn{margin-top:12px;padding:8px 24px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:100px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition)}.learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--pdv-blue-glow)}.trackable-content{padding:20px}.trackable-description{font-size:13px;color:var(--pdv-text-2);line-height:1.5;margin-bottom:20px}.upload-area{text-align:center}.upload-pdf-btn{width:100%;padding:14px;background:var(--pdv-surface-2);border:2px dashed var(--pdv-border-mid);border-radius:var(--pdv-radius);color:var(--pdv-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.upload-pdf-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.uploaded-file-info{margin-top:12px;padding:10px 14px;background:var(--pdv-blue-bg);border-radius:var(--pdv-radius);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--pdv-blue)}.uploaded-file-info button{background:none;border:none;cursor:pointer;color:var(--pdv-text-3);font-size:16px;padding:0 4px}.uploaded-file-info button:hover{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.proposal-modal{background:var(--pdv-surface);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);width:90%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.share-modal{background:var(--pdv-surface);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);width:90%;max-width:450px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.delete-modal{background:var(--pdv-surface);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);width:90%;max-width:400px;overflow:hidden;animation:slideUp .3s ease}.edit-modal{background:var(--pdv-surface);border-radius:var(--pdv-radius-xl);box-shadow:var(--pdv-shadow-xl);width:90%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--pdv-border);background:var(--pdv-surface-1)}.modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--pdv-text);letter-spacing:.5px}.modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pdv-text-3);transition:var(--transition)}.modal-close:hover{background:#ef44441a;color:#dc2626}.edit-modal-body{padding:24px;overflow-y:auto;flex:1;background:var(--pdv-surface-1)}.delete-modal-body{text-align:center;padding:32px 24px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--pdv-text);margin-bottom:8px}.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:13px;font-family:inherit;color:var(--pdv-text);background:var(--pdv-surface);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--pdv-blue);box-shadow:0 0 0 3px var(--pdv-blue-glow)}.form-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);font-size:13px;font-family:inherit;color:var(--pdv-text);background:var(--pdv-surface);transition:var(--transition);resize:vertical}.form-textarea:focus{outline:none;border-color:var(--pdv-blue);box-shadow:0 0 0 3px var(--pdv-blue-glow)}.form-section{margin-bottom:24px;padding:20px;background:var(--pdv-surface);border-radius:var(--pdv-radius);border:1px solid var(--pdv-border)}.form-section h4{font-size:14px;font-weight:700;color:var(--pdv-blue);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--pdv-border)}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.form-group.full-width{grid-column:1 / -1}.create-proposal-submit{width:100%;padding:12px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);margin-bottom:16px}.create-proposal-submit:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.save-changes-btn{flex:1;padding:12px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.save-changes-btn:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.edit-modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-edit-btn{flex:1;padding:12px;background:var(--pdv-surface);border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);color:var(--pdv-text-2);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.cancel-edit-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.proposal-note{text-align:center;margin-bottom:16px}.proposal-note p{margin:0;font-size:12px;color:var(--pdv-text-3);font-weight:600}.financing-banner-small{padding:16px;background:linear-gradient(135deg,var(--pdv-navy) 0%,var(--pdv-navy-mid) 100%);border-radius:var(--pdv-radius);text-align:center;margin-bottom:20px}.financing-banner-small p{margin:4px 0;font-size:12px;color:#ffffffb3}.financing-banner-small p:first-child{font-weight:700;color:#93c5fd;font-size:10px;letter-spacing:.8px;text-transform:uppercase}.discover-text-small{font-size:16px!important;font-weight:700;color:#fff!important}.learn-more-btn-small{margin-top:8px;padding:6px 20px;background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:100px;color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition)}.learn-more-btn-small:hover{transform:translateY(-1px)}.share-pdf-section{display:flex;align-items:center;gap:16px;padding:20px;background:var(--pdv-surface-2);border-radius:var(--pdv-radius);margin-bottom:20px;flex-wrap:wrap}.share-pdf-icon svg{width:48px;height:48px}.share-pdf-info{flex:1}.share-pdf-title{font-size:14px;font-weight:700;color:var(--pdv-text);margin-bottom:4px}.share-pdf-status{font-size:11px;color:var(--pdv-text-3)}.generate-pdf-btn{background:linear-gradient(135deg,var(--pdv-blue) 0%,var(--pdv-blue-light) 100%);border:none;border-radius:var(--pdv-radius);color:#fff;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:2px}.generate-pdf-btn:hover{transform:translateY(-1px);box-shadow:var(--pdv-shadow-blue)}.generate-subtitle{font-size:9px;opacity:.8;font-weight:400}.share-divider{text-align:center;margin:16px 0;position:relative}.share-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--pdv-border)}.share-divider span{background:var(--pdv-surface);padding:0 12px;position:relative;font-size:11px;color:var(--pdv-text-3);text-transform:uppercase;font-weight:600}.share-options{display:flex;flex-direction:column;gap:10px}.share-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--pdv-border);border-radius:var(--pdv-radius);background:var(--pdv-surface);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600;color:var(--pdv-text)}.share-option-btn span{font-size:11px;font-weight:400;color:var(--pdv-text-3);margin-left:auto}.share-option-btn:hover{border-color:var(--pdv-blue);background:var(--pdv-blue-bg)}.share-option-btn.whatsapp:hover svg{color:#25d366}.share-option-btn.email:hover svg{color:#ea4335}.share-option-btn.copy:hover svg{color:var(--pdv-blue)}.delete-icon{margin-bottom:20px}.delete-message{font-size:14px;color:var(--pdv-text-2);margin-bottom:24px;line-height:1.5}.delete-actions{display:flex;gap:12px;justify-content:center}.delete-cancel-btn{padding:10px 20px;background:transparent;border:1.5px solid var(--pdv-border);border-radius:var(--pdv-radius);color:var(--pdv-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.delete-cancel-btn:hover{border-color:var(--pdv-blue);color:var(--pdv-blue);background:var(--pdv-blue-bg)}.delete-confirm-btn{padding:10px 20px;background:#dc2626;border:none;border-radius:var(--pdv-radius);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.delete-confirm-btn:hover{background:#b91c1c;transform:translateY(-1px)}@media(max-width:768px){.proposals-container{gap:16px}.proposal-item{flex-direction:column;align-items:flex-start}.proposal-info{width:100%;justify-content:space-between}.proposal-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.create-proposal-btn{width:calc(100% - 32px);margin:0 16px 16px;font-size:12px}.financing-banner{margin:0 16px 16px}.proposal-modal,.share-modal,.delete-modal,.edit-modal{width:95%}.modal-body,.edit-modal-body{padding:20px}.share-pdf-section{flex-direction:column;text-align:center}.generate-pdf-btn{width:100%}.share-option-btn{font-size:13px}.form-row{grid-template-columns:1fr}.edit-modal-actions{flex-direction:column}.form-section{padding:16px}}@media(max-width:480px){.proposal-name-input{min-width:160px;font-size:13px}.proposal-size-badge{font-size:11px}.discover-text{font-size:16px!important}.trackable-description{font-size:12px}.upload-pdf-btn{font-size:12px;padding:12px}.action-icon-btn{padding:6px;width:30px;height:30px}.proposal-toggle-label{display:none}.primary-toggle{padding:4px}}.invoice-po-container{max-width:1200px;margin:0 auto;padding:32px 24px;background:var(--pdv-surface);border-radius:var(--pdv-radius)}.docs-header{margin-bottom:40px;text-align:center}.docs-title{font-size:24px;font-weight:600;color:var(--pdv-text);margin-bottom:24px;letter-spacing:-.3px}.header-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.docs-dropdown-wrapper{position:relative;display:inline-block;min-width:280px}.docs-dropdown{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--pdv-surface);border:2px solid var(--pdv-border);border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:500;color:var(--pdv-text)}.docs-dropdown:hover{border-color:var(--pdv-blue);background:var(--pdv-blue-bg)}.dropdown-selected{flex:1;text-align:left}.dropdown-arrow{transition:transform .2s ease;color:var(--pdv-text-3)}.dropdown-arrow.rotated{transform:rotate(180deg)}.docs-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:12px;box-shadow:var(--pdv-shadow-lg);z-index:200;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:var(--pdv-blue-bg)}.dropdown-item.active{background:var(--pdv-blue-bg);color:var(--pdv-blue);font-weight:500}.dropdown-label{font-size:14px}.add-document-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#1d6fb8;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-document-btn:hover{transform:translateY(-2px);background:#3c8dd5;box-shadow:0 4px 8px #0003}.docs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.doc-card{background:var(--pdv-surface);border:1px solid var(--pdv-border);border-radius:16px;padding:28px 24px;transition:all .3s ease}.doc-card:hover{transform:translateY(-4px);box-shadow:var(--pdv-shadow-lg);border-color:var(--pdv-blue-light)}.card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.card-title{font-size:20px;font-weight:700;color:var(--pdv-text);margin-bottom:12px}.card-description{font-size:14px;line-height:1.5;color:var(--pdv-text-2);margin:0}.inv-rupee-icon{width:42px;height:42px}.docs-info-banner{display:flex;align-items:center;gap:12px;background:var(--pdv-blue-bg);border:1px solid var(--pdv-blue-light);border-radius:12px;padding:16px 24px;margin-bottom:32px}.info-icon{color:var(--pdv-blue);flex-shrink:0}.info-text{font-size:14px;color:var(--pdv-text);line-height:1.5;margin:0}.docs-tutorial{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;cursor:pointer;transition:all .3s ease;overflow:hidden}.docs-tutorial:hover{transform:translateY(-2px);box-shadow:var(--pdv-shadow-lg)}.tutorial-thumbnail{position:relative;width:200px;flex-shrink:0;border-radius:12px;overflow:hidden;cursor:pointer}.tutorial-thumbnail img{width:100%;height:auto;display:block;transition:transform .3s ease}.docs-tutorial:hover .tutorial-thumbnail img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ff0000d9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tutorial-thumbnail:hover .play-button{background:red;transform:translate(-50%,-50%) scale(1.1)}.tutorial-content{display:flex;align-items:center;gap:12px;flex:1}.tutorial-text{font-size:16px;color:#fff;margin:0}.tutorial-text strong{font-weight:600;color:#f44}.po-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:24px 16px;overflow-y:auto}.create-document-modal{background:#fff;border-radius:16px;width:100%;max-width:860px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.doc-modal-topbar{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fafbfc}.doc-company-logo{flex-shrink:0;margin-top:4px}.doc-company-info{flex:1;display:flex;flex-direction:column;gap:2px}.ef-text{display:inline-flex;align-items:center;gap:4px;cursor:text;color:#374151;font-size:13px;border-bottom:1px dashed transparent;transition:border-color .2s;word-break:break-all}.ef-text:hover{border-color:#9ca3af}.ef-pencil{color:#9ca3af;flex-shrink:0;opacity:0;transition:opacity .2s}.ef-text:hover .ef-pencil{opacity:1}.ef-input{border:1px solid #1d6fb8;border-radius:4px;padding:2px 6px;font-size:13px;color:#374151;outline:none;width:100%;background:#fff}.company-name-ef{font-size:15px!important;font-weight:700;color:#111827!important}.company-meta-ef{font-size:12px!important;color:#6b7280!important}.company-gstin-row{display:flex;align-items:center;gap:6px;margin-top:4px}.gstin-label{font-size:12px;font-weight:600;color:#374151}.link-btn{background:none;border:none;padding:0;color:#1d6fb8;font-size:11px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s}.link-btn:hover{color:#1559a0}.doc-meta-right{display:flex;flex-direction:column;gap:8px;min-width:240px;align-items:flex-end}.modal-doc-dropdown-wrapper{position:relative;width:200px}.modal-doc-dropdown{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border:1.5px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#374151;background:#fff;transition:border-color .2s}.modal-doc-dropdown:hover{border-color:#1d6fb8}.modal-doc-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:300;overflow:hidden;animation:dropdownSlide .15s ease}.modal-dropdown-item{padding:10px 14px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}.modal-dropdown-item:hover{background:#eff6ff}.modal-dropdown-item.active{background:#eff6ff;color:#1d6fb8;font-weight:600}.doc-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#374151}.meta-label{font-weight:600;white-space:nowrap;color:#6b7280}.meta-value{color:#374151}.doc-number{font-weight:700;color:#111827;font-size:13px}.meta-input{border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:12px;color:#374151;outline:none;width:150px;transition:border-color .2s}.meta-input:focus{border-color:#1d6fb8}.doc-modal-body{padding:20px 24px;overflow-y:auto;max-height:calc(85vh - 130px);display:flex;flex-direction:column;gap:20px}.address-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.address-block-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.address-block-title{font-size:12px;font-weight:600;color:#374151}.address-text{font-size:12px;color:#6b7280;line-height:1.6;margin:0;white-space:pre-line}.placeholder-text{color:#d1d5db}.items-section{display:flex;flex-direction:column;gap:0}.items-table-wrapper{border:1px solid #e5e7eb;border-radius:8px 8px 0 0;overflow:hidden}.items-table-head{display:grid;grid-template-columns:3fr 1fr 1.2fr 1.2fr 1fr 36px;background:#f9fafb;padding:10px 12px;font-size:12px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;gap:8px}.col-qty{text-align:center}.col-rate,.col-tax,.col-amt{text-align:right}.item-row{display:grid;grid-template-columns:3fr 1fr 1.2fr 1.2fr 1fr 36px;padding:10px 12px;gap:8px;align-items:center;border-bottom:1px solid #f3f4f6;background:#fff}.item-row:last-child{border-bottom:none}.item-row:hover{background:#fafbfc}.item-desc-cell{display:flex;flex-direction:column;gap:4px}.item-input{border:1px solid #e5e7eb!important;border-radius:6px!important;padding:5px 8px!important;font-size:12px!important;transition:border-color .2s!important}.item-input:focus{border-color:#1d6fb8!important;outline:none!important}.item-tags{display:flex;align-items:center;gap:4px}.tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;cursor:default}.tag-green{background:#d1fae5;color:#065f46}.tag-grey{background:#f3f4f6;color:#6b7280}.tag-icon-btn{background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;border-radius:3px;transition:background .15s,color .15s}.tag-icon-btn:hover{background:#f3f4f6;color:#374151}.rate-cell,.amount-cell{display:flex;align-items:center;gap:4px;justify-content:flex-end}.tax-cell{display:flex;justify-content:flex-end}.rupee-prefix{font-size:12px;color:#6b7280}.remove-item-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.6;transition:opacity .15s,background .15s}.remove-item-btn:hover{opacity:1;background:#fee2e2}.add-another-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#1d6fb8;color:#fff;border:none;border-radius:0 0 8px 8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s;letter-spacing:.5px}.add-another-item-btn:hover{background:#1559a0}.totals-area{display:flex;justify-content:flex-end}.totals-table{width:380px;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6}.totals-row:last-child{border-bottom:none}.totals-input-wrap{display:flex;align-items:center;gap:4px}.totals-input{border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px;width:90px;text-align:right;outline:none;transition:border-color .2s}.totals-input:focus{border-color:#1d6fb8}.tds-row{flex-direction:column;align-items:flex-start;gap:8px}.tds-type-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}.form-select{border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px;color:#374151;background:#fff;outline:none;transition:border-color .2s;cursor:pointer}.form-select:focus{border-color:#1d6fb8}.tds-select{min-width:160px}.other-charges-row{gap:8px}.other-charges-input{flex:1;border:1px solid #e5e7eb;border-radius:6px;padding:5px 10px;font-size:12px;color:#374151;outline:none}.other-charges-input:focus{border-color:#1d6fb8}.grand-total-row{background:#f9fafb;font-weight:700;padding:12px 14px}.grand-total-label,.grand-total-value{font-size:14px;color:#111827}.terms-notes-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:#374151}.form-input{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:13px;color:#374151;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.form-input:focus{border-color:#1d6fb8}.form-textarea{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:13px;color:#374151;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box;font-family:inherit}.form-textarea:focus{border-color:#1d6fb8}.bank-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.bank-title{font-size:13px;font-weight:700;color:#111827;margin-bottom:4px}.bank-subtitle{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.bank-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.bank-row{display:flex;gap:16px;font-size:12px;color:#374151;line-height:1.6}.update-payment-btn{font-size:12px}.comment-stamp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.comment-block{flex:1;display:flex;flex-direction:column;gap:8px}.small-link{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.small-link:hover{color:#1d6fb8}.comment-textarea{min-height:60px}.stamp-block{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stamp-label{font-size:11px;color:#6b7280}.stamp-upload-row{display:flex;align-items:center;gap:8px}.choose-file-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:5px 12px;font-size:12px;color:#374151;cursor:pointer;transition:background .2s;white-space:nowrap}.choose-file-btn:hover{background:#e5e7eb}.stamp-filename{font-size:11px;color:#9ca3af}.preview-link-row{display:flex;justify-content:center}.preview-link-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#6b7280;font-size:13px;transition:color .2s}.preview-link-btn:hover{color:#1d6fb8}.doc-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid #f3f4f6}.action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.4px;white-space:nowrap;min-width:120px}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}.share-btn{background:#25d366;color:#fff}.share-btn:hover{background:#128c7e;transform:translateY(-1px)}.email-btn{background:#ea4335;color:#fff}.email-btn:hover{background:#c5221f;transform:translateY(-1px)}.cancel-btn{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.cancel-btn:hover{border-color:#dc2626;color:#dc2626}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#374151}.checkbox-label input{width:14px;height:14px;cursor:pointer}@media(max-width:768px){.invoice-po-container{padding:20px 16px}.docs-title{font-size:20px}.docs-dropdown-wrapper{width:100%;min-width:auto}.docs-dropdown{font-size:14px;padding:10px 16px}.header-actions{flex-direction:column;width:100%}.add-document-btn{width:100%;justify-content:center}.docs-cards{grid-template-columns:1fr;gap:16px}.doc-card{padding:20px}.card-title{font-size:18px}.docs-info-banner{flex-direction:column;text-align:center;padding:16px}.docs-tutorial{flex-direction:column;text-align:center}.tutorial-thumbnail{width:100%;max-width:300px}.tutorial-content{flex-direction:column}.po-modal-overlay{padding:12px}.create-document-modal{max-width:100%;border-radius:12px}.doc-modal-topbar{flex-direction:column;gap:12px}.doc-meta-right{width:100%;align-items:flex-start}.modal-doc-dropdown-wrapper,.modal-doc-dropdown{width:100%}.address-row,.terms-notes-row{grid-template-columns:1fr}.totals-area{justify-content:stretch}.totals-table{width:100%}.items-table-head,.item-row{grid-template-columns:2fr 1fr 1fr 1fr 36px}.col-tax,.tax-cell{display:none}.doc-bottom-actions{flex-direction:column}.action-btn{width:100%}.comment-stamp-row{flex-direction:column}.stamp-block{align-items:flex-start}}@media(max-width:480px){.docs-title{font-size:18px}.dropdown-item{padding:10px 16px}.items-table-head,.item-row{grid-template-columns:2fr 1fr 1fr 36px}.col-tax,.tax-cell,.col-rate,.rate-cell{display:none}}.modal-close-x{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;font-weight:400;cursor:pointer;color:#9ca3af;z-index:10;transition:color .2s}.modal-close-x:hover{color:#dc2626}.email-modal{background:#fff;border-radius:16px;width:100%;max-width:450px;overflow:hidden;animation:slideUp .3s ease}.email-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.email-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.close-modal-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-modal-btn:hover{background:#f3f4f6;color:#dc2626}.email-modal-body{padding:24px}.email-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.email-input{width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;outline:none}.email-input:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81a}.email-error{color:#dc2626;font-size:12px;margin-top:6px;display:block}.email-info{font-size:12px;color:#6b7280;margin-top:12px;padding-top:8px;border-top:1px solid #f3f4f6}.email-modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.email-cancel-btn{flex:1;padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#6b7280;transition:all .2s}.email-cancel-btn:hover{background:#e5e7eb}.email-send-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#4a5568;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s}.email-send-btn:hover{background:#2d3748}.saved-docs-section{margin:32px 0}.saved-docs-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.saved-docs-empty{text-align:center;padding:48px 24px;background:#f9fafb;border-radius:16px;border:1px dashed #e5e7eb}.saved-docs-empty svg{margin-bottom:12px}.saved-docs-empty p{font-size:16px;font-weight:500;color:#374151;margin:0 0 4px}.saved-docs-empty span{font-size:13px;color:#9ca3af}.saved-docs-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb}.saved-docs-table{width:100%;border-collapse:collapse;font-size:13px}.saved-docs-table th{text-align:left;padding:14px 16px;background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.saved-docs-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#4b5563}.saved-docs-table tr:last-child td{border-bottom:none}.saved-docs-table tr:hover{background:#fafbfc}.doc-type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.doc-type-badge.invoice{background:#dbeafe;color:#1e40af}.doc-type-badge.proformaInvoice{background:#fed7aa;color:#92400e}.doc-type-badge.purchaseOrder{background:#d1fae5;color:#065f46}.doc-type-badge.deliveryChallan{background:#fef3c7;color:#92400e}.view-doc-btn,.delete-doc-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;margin:0 2px}.view-doc-btn{color:#1d6fb8}.view-doc-btn:hover{background:#eff6ff}.delete-doc-btn{color:#dc2626}.delete-doc-btn:hover{background:#fee2e2}.preview-modal{background:#fff;border-radius:16px;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.preview-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.preview-modal-body{flex:1;overflow-y:auto;padding:24px;background:#f3f4f6}.preview-content{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:800px;margin:0 auto}.preview-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.preview-close-btn{padding:8px 20px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#6b7280;transition:all .2s}.preview-close-btn:hover{background:#e5e7eb}.preview-company-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.preview-company-header h2{margin:0 0 4px;font-size:20px;color:#111827}.preview-company-header p{margin:2px 0;font-size:12px;color:#6b7280}.preview-doc-title{text-align:center;margin-bottom:24px}.preview-doc-title h1{margin:0 0 8px;font-size:24px;color:#1d6fb8}.preview-doc-title p{margin:4px 0;font-size:13px}.preview-addresses{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.preview-addresses h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151}.preview-addresses p{margin:0;font-size:12px;color:#6b7280;white-space:pre-line}.preview-items-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:12px}.preview-items-table th,.preview-items-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left}.preview-items-table th{background:#f9fafb;font-weight:600;color:#374151}.preview-totals{width:300px;margin-left:auto;margin-bottom:24px}.preview-totals-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px;border-bottom:1px solid #f3f4f6}.preview-totals-row.grand-total{font-weight:700;font-size:14px;border-top:2px solid #e5e7eb;margin-top:4px;padding-top:8px}.preview-terms,.preview-bank{margin-bottom:24px;padding:12px;background:#f9fafb;border-radius:8px;font-size:11px}.preview-bank h4{margin:0 0 8px;font-size:12px}.preview-footer{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb;font-size:11px;color:#9ca3af}.preview-toggle-row{display:flex;justify-content:center;margin:16px 0}.preview-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:all .2s}.preview-toggle-btn:hover{background:#e5e7eb;border-color:#1d6fb8;color:#1d6fb8}.save-btn{background:#1d6fb8!important;color:#fff!important}.save-btn:hover{background:#3c8dd5!important;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb859}.share-btn{background:#fff!important;color:#1d6fb8!important;border:1.5px solid #1d6fb8!important}.share-btn:hover{background:#eff6ff!important;transform:translateY(-1px)}.email-btn{background:#4a5568!important;color:#fff!important}.email-btn:hover{background:#2d3748!important;transform:translateY(-1px)}@media(max-width:768px){.preview-addresses{grid-template-columns:1fr;gap:16px}.preview-totals{width:100%}.saved-docs-table th,.saved-docs-table td{padding:8px 10px;font-size:11px}.email-modal{margin:16px;width:calc(100% - 32px)}}.payments-container{padding:24px;background:#f8fafc;min-height:100vh}.payments-header{margin-bottom:32px}.total-amount-card{background:#1d6fb8;border-radius:20px;padding:32px;text-align:center;color:#fff;box-shadow:0 10px 40px #0000001a}.total-amount-label{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;opacity:.9}.total-amount-value{font-size:48px;font-weight:700;margin-bottom:24px}.amount-breakdown{display:flex;justify-content:center;gap:32px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.breakdown-item{display:flex;gap:8px;font-size:14px}.breakdown-label{opacity:.8}.breakdown-value{font-weight:600}.initialize-payments-btn{background:#3c8dd5;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:12px 32px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s}.initialize-payments-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.main-action-section{margin-bottom:32px;text-align:center}.add-payment-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.add-payment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.no-payments-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px dashed #e5e7eb;margin-bottom:32px}.no-payments-icon{margin-bottom:16px}.no-payments-text{font-size:16px;color:#6b7280;margin:0}.payments-list{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:40px}.payments-list-title{padding:20px 24px;margin:0;font-size:18px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.payments-table-wrapper{overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table th{text-align:left;padding:14px 16px;background:#f9fafb;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.payments-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#4b5563}.payments-table tr:last-child td{border-bottom:none}.amount-cell{font-weight:600;color:#111827}.amount-cell.discount-amount{color:#dc2626}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.status-completed{background:#d1fae5;color:#065f46}.status-discount{background:#fee2e2;color:#991b1b}.features-section{margin-bottom:40px}.features-title{font-size:20px;font-weight:700;color:#111827;text-align:center;margin-bottom:32px;letter-spacing:.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:#fff;border-radius:20px;padding:28px;text-align:center;transition:all .3s;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-image-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;padding:40px 20px;margin-bottom:20px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-note{font-size:12px;color:#9ca3af;margin:0}.feature-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:12px}.feature-description{font-size:14px;line-height:1.6;color:#6b7280;margin-bottom:20px}.feature-btn{background:none;border:none;font-size:13px;font-weight:600;color:#1d6fb8;cursor:pointer;transition:color .2s}.feature-btn:hover{color:#1559a0}.tutorial-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s}.tutorial-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.tutorial-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.tutorial-thumbnail{width:120px;height:80px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center}.tutorial-text{flex:1;display:flex;flex-direction:column;gap:4px}.tutorial-text strong{font-size:16px;color:#fff}.tutorial-text span{font-size:13px;color:#9ca3af}.watch-tutorial-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#f44;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.watch-tutorial-btn:hover{background:#c00;transform:scale(1.05)}.initialize-modal,.create-payment-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;overflow:hidden;animation:slideUp .3s ease}.modal-body{padding:24px}.form-label-upper,.pay-form-group label{display:block;font-size:12px;font-weight:500;color:#475569;text-transform:uppercase;letter-spacing:.3px}.amt-form-group label{display:block;font-size:14px;margin:8px;font-weight:500;color:#475569;text-transform:uppercase;letter-spacing:.3px}.field-note{font-size:11px;color:#6b7280;margin-top:6px}.currency-input-row{padding:1px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.currency-input-row:focus-within{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81a}.currency-prefix{flex-shrink:0;padding:10px 10px 16px 14px;font-size:18px;font-weight:600;color:#6b7280;background:#fff;line-height:1;-webkit-user-select:none;user-select:none}.form-input .currency-field{border:none!important;border-radius:0!important;box-shadow:none!important;padding-left:4px;flex:1;min-width:0}.form-input.currency-field:focus{outline:none;border:none!important;box-shadow:none!important}.form-input,.form-select{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;box-sizing:border-box}.form-select{cursor:pointer}.payment-type-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0}.payment-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid #1d6fb8;flex-shrink:0;position:relative;cursor:default}.payment-radio-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#1d6fb8}.payment-type-label{font-size:13px;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.discount-label{cursor:pointer}.discount-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1d6fb8;flex-shrink:0;margin:0}.discount-label:hover{color:#1d6fb8}.payment-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.cancel-btn,.reset-btn,.create-btn,.create-payment-submit{flex:1;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn,.reset-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.cancel-btn:hover,.reset-btn:hover{background:#e5e7eb}.create-btn,.create-payment-submit{background:#1d6fb8;border:none;color:#fff}.create-btn:hover,.create-payment-submit:hover{background:#1559a0}.auto-rupee-icon,.track-rupee-icon,.customer-rupee-icon{width:180px;height:180px}@media(max-width:768px){.payments-container{padding:16px}.total-amount-value{font-size:32px}.amount-breakdown{flex-direction:column;gap:8px;align-items:center}.features-grid{grid-template-columns:1fr;gap:16px}.tutorial-content{flex-direction:column;text-align:center}.initialize-modal,.create-payment-modal{max-width:95%;margin:16px}.payments-table{font-size:12px}.payments-table th,.payments-table td{padding:8px 12px}.payment-type-row{flex-wrap:wrap;gap:12px}}.support-container{padding:24px;background:#f8fafc;min-height:100vh}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.support-title{font-size:20px;font-weight:700;color:#111827;margin:0;letter-spacing:.5px}.header-actions{display:flex;gap:12px}.filter-toggle-btn,.create-ticket-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.filter-toggle-btn{background:#fff;border:1px solid #e5e7eb;color:#374151}.filter-toggle-btn:hover{background:#f9fafb;border-color:#1d6fb8;color:#1d6fb8}.create-ticket-btn{background:#1d6fb8;border:none;color:#fff}.create-ticket-btn:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb838}.filters-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px;margin-bottom:24px;animation:slideDown .3s ease}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.filter-pst-group{display:flex;flex-direction:column;gap:6px}.filter-pst-group.full-width{grid-column:span 2}.filter-pst-group label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;outline:none;transition:all .2s;background:#fff}.filter-input:focus,.filter-select:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81a}.filter-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.reset-filters-btn,.apply-filters-btn{padding:8px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.reset-filters-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.reset-filters-btn:hover{background:#e5e7eb}.apply-filters-btn{background:#1d6fb8;border:none;color:#fff}.apply-filters-btn:hover{background:#3c8dd5}.tickets-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.table-container{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 250px)}.tickets-table{width:100%;border-collapse:collapse;min-width:1400px}.tickets-table th{text-align:left;padding:14px 12px;font-size:12px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#f9fafb;z-index:10}.tickets-table td{padding:12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#4b5563}.tickets-table tr:hover{background:#fafbfc}.description-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;padding:2px 8px;background:#f3f4f6;border-radius:12px;font-size:11px;color:#6b7280}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-active{background:#dbeafe;color:#1e40af}.status-pending{background:#fed7aa;color:#92400e}.status-onhold{background:#fef3c7;color:#92400e}.status-solved{background:#d1fae5;color:#065f46}.priority-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#d1fae5;color:#065f46}.view-ticket-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#1d6fb8;transition:all .2s}.view-ticket-btn:hover{background:#eff6ff}.no-data{text-align:center;padding:60px 20px}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:12px}.no-data-content p{font-size:16px;color:#6b7280;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-ticket-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{font-size:18px;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;transition:color .2s;line-height:1}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 120px)}.form-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.field-error{display:block;font-size:11px;color:#dc2626;margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;outline:none;transition:all .2s;background:#fff;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81a}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:400;text-transform:none}.radio-label input{width:16px;height:16px;cursor:pointer}.upload-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.upload-btn:hover{background:#e5e7eb}.file-name{font-size:12px;color:#6b7280}.ticket-modal-footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb}.submit-ticket-btn{width:20%;padding:8px 12px;background:#1d6fb8;border:none;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.submit-ticket-btn:hover{background:#3c8dd5;transform:translateY(-1px)}@media(max-width:768px){.support-container{padding:16px}.support-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.filter-toggle-btn,.create-ticket-btn{flex:1;justify-content:center}.filters-grid{grid-template-columns:1fr}.filter-pst-group.full-width{grid-column:span 1}.filter-actions{flex-direction:column}.reset-filters-btn,.apply-filters-btn{width:100%}.create-ticket-modal{max-width:95%;margin:16px}.radio-group{flex-direction:column;gap:12px}}.pal-container{--sidebar-bg: #ffffff;--sidebar-border: #e8edf3;--sidebar-active-bg: #1d6fb8;--sidebar-active-shadow: rgba(29, 111, 184, .22);--sidebar-hover-bg: #3c8dd5;--sidebar-text: #4a5568;--sidebar-text-active: #ffffff;--sidebar-icon-color: #657282;--sidebar-transition: .26s cubic-bezier(.4, 0, .2, 1);--pal-surface: #f5f8fb;--pal-bg: var(--sidebar-bg);--pal-border: var(--sidebar-border);--pal-border-row: #edf1f6;--pal-label: var(--sidebar-text);--pal-label-muted: var(--sidebar-icon-color);--pal-input-text: #2d3748;--pal-input-border: #d2d8e2;--pal-focus-ring: rgba(29, 111, 184, .18);--pal-btn-bg: var(--sidebar-active-bg);--pal-btn-hover: var(--sidebar-hover-bg);--pal-btn-shadow: var(--sidebar-active-shadow);--pal-btn-text: var(--sidebar-text-active);--pal-reset-bg: #edf2f7;--pal-reset-border: var(--sidebar-border);--pal-reset-text: var(--sidebar-icon-color);--pal-log-text: #2d3748;--pal-log-strong: #1a202c;--pal-log-time: #a0aec0;--pal-log-hover: #f0f6ff;--pal-empty-icon: #c8d3de;--pal-empty-text: var(--sidebar-icon-color);--pal-spinner-track: #dde3eb;--pal-spinner-head: var(--sidebar-active-bg);--pal-card-shadow: rgba(29, 111, 184, .06)}.pal-container{padding:28px 32px;background:var(--pal-surface);min-height:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.pal-filters{background:var(--pal-bg);border-radius:12px;border:1px solid var(--pal-border);padding:8px 0;margin-bottom:24px;box-shadow:0 1px 4px var(--pal-card-shadow)}.pal-filter-row{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:14px 28px;border-bottom:1px solid var(--pal-border-row);gap:24px;transition:background var(--sidebar-transition)}.pal-filter-row:last-of-type{border-bottom:none}.pal-filter-row:hover{background:#f8fafd}.pal-filter-label{font-size:14px;font-weight:500;color:var(--pal-label);-webkit-user-select:none;user-select:none}.pal-filter-control{position:relative;width:100%}.pal-select{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--pal-input-border);border-radius:8px;font-size:14px;color:var(--pal-input-text);background:var(--pal-bg);appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color var(--sidebar-transition),box-shadow var(--sidebar-transition)}.pal-select:hover{border-color:var(--pal-btn-hover)}.pal-select:focus{border-color:var(--pal-btn-bg);box-shadow:0 0 0 3px var(--pal-focus-ring)}.pal-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--pal-label-muted);transition:color var(--sidebar-transition)}.pal-filter-control:focus-within .pal-select-arrow{color:var(--pal-btn-bg)}.pal-input{width:100%;padding:10px 14px;border:1px solid var(--pal-input-border);border-radius:8px;font-size:14px;color:var(--pal-input-text);background:var(--pal-bg);outline:none;transition:border-color var(--sidebar-transition),box-shadow var(--sidebar-transition);box-sizing:border-box}.pal-input:hover{border-color:var(--pal-btn-hover)}.pal-input:focus{border-color:var(--pal-btn-bg);box-shadow:0 0 0 3px var(--pal-focus-ring)}.pal-date-input{cursor:pointer}.pal-actions{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 28px 16px}.pal-get-logs-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 40px;background:var(--pal-btn-bg);border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.8px;color:var(--pal-btn-text);cursor:pointer;min-width:140px;justify-content:center;box-shadow:0 2px 8px var(--pal-btn-shadow);transition:background var(--sidebar-transition),transform var(--sidebar-transition),box-shadow var(--sidebar-transition)}.pal-get-logs-btn:hover:not(:disabled){background:var(--pal-btn-hover);transform:translateY(-1px);box-shadow:0 6px 18px var(--pal-btn-shadow)}.pal-get-logs-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--pal-btn-shadow)}.pal-get-logs-btn:disabled{opacity:.72;cursor:not-allowed}.pal-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pal-spin .7s linear infinite}@keyframes pal-spin{to{transform:rotate(360deg)}}.pal-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--pal-reset-bg);border:1px solid var(--pal-reset-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--pal-reset-text);cursor:pointer;transition:all var(--sidebar-transition)}.pal-reset-btn:hover{background:#dde6ef;border-color:var(--pal-btn-bg);color:var(--pal-btn-bg)}.pal-logs-card{background:var(--pal-bg);border-radius:12px;border:1px solid var(--pal-border);overflow:hidden;box-shadow:0 1px 4px var(--pal-card-shadow)}.pal-log-list{list-style:none;margin:0;padding:0}.pal-log-entry{display:flex;align-items:flex-start;gap:16px;padding:18px 24px;border-bottom:1px solid var(--pal-border-row);animation:pal-fade-in .3s ease both;transition:background var(--sidebar-transition)}.pal-log-entry:last-child{border-bottom:none}.pal-log-entry:hover{background:var(--pal-log-hover)}@keyframes pal-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pal-log-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.pal-log-content{flex:1;min-width:0}.pal-log-text{margin:0 0 4px;font-size:14px;color:var(--pal-log-text);line-height:1.5;word-break:break-word}.pal-log-text strong{font-weight:600;color:var(--pal-log-strong)}.pal-log-time{font-size:12px;color:var(--pal-log-time);display:block}.pal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:12px}.pal-empty svg{color:var(--pal-empty-icon);opacity:.6}.pal-empty p{font-size:14px;margin:0;color:var(--pal-empty-text)}.pal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:14px}.pal-loading-spinner{width:32px;height:32px;border:3px solid var(--pal-spinner-track);border-top-color:var(--pal-spinner-head);border-radius:50%;animation:pal-spin .8s linear infinite}.pal-loading span{font-size:13px;color:var(--pal-empty-text)}@media(max-width:768px){.pal-container{padding:16px}.pal-filter-row{grid-template-columns:1fr;gap:6px;padding:12px 16px}.pal-filter-label{font-size:11px;font-weight:600;color:var(--pal-label-muted);text-transform:uppercase;letter-spacing:.5px}.pal-actions{padding:16px;flex-direction:column}.pal-get-logs-btn,.pal-reset-btn{width:100%;justify-content:center}.pal-log-entry{padding:14px 16px;gap:12px}.pal-log-icon{width:34px;height:34px}.pal-log-text{font-size:13px}.pal-log-time{font-size:11px}}@media(max-width:480px){.pal-log-text{font-size:12px}.pal-log-time{font-size:11px}.pal-filter-row{padding:10px 12px}}.project-archive-container{padding:24px;background:#f8fafc;display:flex;justify-content:center;align-items:center}.archive-card{max-width:500px;width:100%;background:var(--sidebar-bg, #ffffff);border-radius:16px;padding:40px 32px;text-align:center;border:1px solid var(--sidebar-border, #e8edf3);box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.archive-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.archive-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.archive-icon{width:80px;height:80px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;transition:all .3s ease}.archive-card:hover .archive-icon{transform:scale(1.05)}.archive-title{font-size:24px;font-weight:700;color:var(--sidebar-text, #4a5568);margin-bottom:12px}.archive-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:28px}.archive-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#dc2626;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.archive-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.archive-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.archive-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.archive-confirmation-modal{max-width:450px;width:100%;background:var(--sidebar-bg, #ffffff);border-radius:20px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 40px #00000026}.archive-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fef2f2;border-bottom:1px solid #fecaca;position:relative}.archive-modal-icon{width:44px;height:44px;background:#fee2e2;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#dc2626}.archive-modal-header h3{font-size:18px;font-weight:700;color:#991b1b;margin:0;flex:1}.archive-modal-close{width:32px;height:32px;background:transparent;border:none;font-size:28px;cursor:pointer;color:#6b7280;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.archive-modal-close:hover{background:#f3f4f6;color:#dc2626}.modal-body{padding:24px;text-align:center}.modal-body p{font-size:16px;color:var(--sidebar-text, #4a5568);margin:0}.modal-body p:first-child{font-weight:700;font-size:18px;margin-bottom:12px}.modal-warning{font-size:13px!important;color:#6b7280!important;font-weight:400!important;margin-top:12px!important;line-height:1.5}.archive-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.cancel-btn,.confirm-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb;color:#374151}.confirm-btn{background:#dc2626;border:none;color:#fff}.confirm-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}@media(max-width:640px){.project-archive-container{padding:16px}.archive-card{padding:28px 20px}.archive-title{font-size:20px}.archive-description{font-size:13px}.archive-btn{padding:12px 20px;font-size:13px}.confirmation-modal{max-width:90%;margin:0 16px}.archive-modal-header{padding:16px 20px}.archive-modal-header h3{font-size:16px}.modal-body{padding:20px}.modal-body p:first-child{font-size:16px}.archive-modal-footer{flex-direction:column;gap:10px}.cancel-btn,.confirm-btn{width:100%}}.quickproposal-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.quickproposal-overlay{position:absolute;inset:0;background:#00000080}.quickproposal{position:relative;width:90%;max-width:750px;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;z-index:1001}.quickproposal-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eef2f6}.quickproposal-top h3{margin:0;font-size:18px;font-weight:600;color:#1a1e24}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.close-btn:hover{background:#f1f5f9;color:#1a1e24}.quickproposal-form{padding:24px;max-height:calc(90vh - 70px);overflow-y:auto}.form-row{display:flex;gap:16px;margin-bottom:16px;width:100%}.form-group{flex:1;min-width:0}.form-group.full-width{flex:1 1 100%;width:100%}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:#475569;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.form-group input:disabled,.form-group select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.phone-input-group{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;width:100%}.country-code{display:flex;align-items:center;padding:0 12px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;border-right:1px solid #e2e8f0;height:100%;min-height:38px;white-space:nowrap}.phone-input-group input{border:none;border-radius:0;flex:1;padding:8px 12px;width:100%}.phone-input-group input:focus{outline:none;box-shadow:none}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.proposal-actions{display:flex;gap:12px;margin-top:32px;padding-top:16px;border-top:1px solid #eef2f6}.btn-preview,.btn-create,.btn-cancel{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;flex:1;white-space:nowrap}.btn-preview{background:#fff;color:#1d6fb8;border:1px solid #1d6fb8}.btn-preview:hover{background:#f0fdf9}.btn-create{background:#1d6fb8;color:#fff}.btn-create:hover{background:#3c8dd5}.btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e0;color:#475569}.btn-preview svg,.btn-create svg,.btn-cancel svg{font-size:16px}@media(max-width:768px){.quickproposal{width:95%;max-height:95vh}.form-row{flex-direction:column;gap:12px}.proposal-actions{flex-direction:column}.btn-preview,.btn-create,.btn-cancel{width:100%}}.settings-sidebar{width:auto;background:#fff;border-right:1px solid #e4eaf3;flex-shrink:0;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.settings-sidebar.collapsed{width:64px;animation:cubic-bezier(.075,.82,.165,1) collapseSidebar .3s forwards}.settings-sidebar.collapsed .settings-sidebar-nav{padding:12px 8px}.settings-sidebar.collapsed .nav-label{display:none}.settings-sidebar.collapsed .settings-nav-link{justify-content:center;padding:12px}.settings-sidebar.collapsed .nav-icon{margin:0}.sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;gap:2px;margin:16px 12px 8px;padding:8px 12px;background:#f8f9fc;border:1px solid #e4eaf3;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#4a607a;transition:all .2s ease}.sidebar-collapse-toggle:hover{background:#e8f2fb;color:#1d6fb8;border-color:#1d6fb8}.settings-sidebar.collapsed .sidebar-collapse-toggle{padding:8px;justify-content:center}.settings-sidebar.collapsed .sidebar-collapse-toggle span,.settings-sidebar-header{display:none}.settings-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.settings-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#4a607a;text-decoration:none;transition:all .2s ease}.settings-nav-link .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.settings-nav-link:hover{background:#f3f6fa;color:#1d6fb8}.settings-nav-link.active{background:#e8f2fb;color:#1d6fb8;font-weight:600}.nav-item-tooltip-wrapper{position:relative}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:6px 12px;background:#1f2937;color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #00000026}.nav-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-right:6px solid #1f2937;border-top:6px solid transparent;border-bottom:6px solid transparent}.nav-item-tooltip-wrapper:hover .nav-tooltip{opacity:1;visibility:visible}.mobile-settings-toggle{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem;color:#333;margin-bottom:1rem}.mobile-settings-toggle:hover{background-color:#f5f5f5}.mobile-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:99}.mobile-close-btn{display:none;background:none;border:none;color:#333;cursor:pointer;padding:.5rem;font-size:1.2rem}@media(max-width:768px){.settings-sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;z-index:100;border-radius:0;box-shadow:2px 0 8px #00000026;transition:left .3s ease}.settings-sidebar.mobile-open{left:0}.settings-sidebar.collapsed{width:280px}.settings-sidebar.collapsed .nav-label{display:inline}.settings-sidebar.collapsed .settings-nav-link{justify-content:flex-start;padding:10px 12px}.sidebar-collapse-toggle{display:none}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.settings-sidebar-header h3{margin:0;font-size:1.1rem;color:#333}.mobile-close-btn{display:flex;align-items:center;justify-content:center}.mobile-settings-toggle{display:flex}.mobile-overlay{display:block}.nav-tooltip{display:none}}@media(max-width:480px){.settings-sidebar,.mobile-settings-toggle{width:100%}}.settings-home-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.settings-home-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.settings-home-header{margin-bottom:24px;border-bottom:1px solid #f0f0f0;padding-bottom:16px}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap}.settings-tab{padding:10px 24px;background:transparent;border:1px solid transparent;border-radius:30px;font-size:15px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease}.settings-tab:hover{color:#1d6fb8;background:#f0f7f7}.settings-tab.active{background:#1d6fb8;color:#fff;border-color:#1d6fb8}.settings-subtabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.settings-subtab{padding:8px 20px;background:transparent;border:none;border-radius:20px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease}.settings-subtab:hover{color:#1d6fb8;background:#f0f7f7}.settings-subtab.active{background:#e6f7f7;color:#1d6fb8;font-weight:600}.settings-tab-content{min-height:400px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-input,.form-select,.reason-input,.role-input-group input{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s;background-color:#fff;box-sizing:border-box}.form-input:hover,.form-select:hover,.reason-input:hover,.role-input-group input:hover{border-color:#1d6fb8}.form-input:focus,.form-select:focus,.reason-input:focus,.role-input-group input:focus{outline:none;box-shadow:0 0 0 2px #0aa6a633}.form-textarea{resize:vertical;min-height:80px}.checkbox-label,.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#495057;cursor:pointer}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#1d6fb8}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.radio-group{display:flex;gap:24px;flex-wrap:wrap}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#1d6fb8}input:checked+.toggle-slider:before{transform:translate(20px)}.file-upload-card,.file-upload-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s}.file-upload-card:hover,.file-upload-section:hover{border-color:#1d6fb8;box-shadow:0 2px 8px #0aa6a61a}.current-file-row,.current-file{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #dee2e6}.current-file-row span,.current-file span{font-size:14px;color:#495057;font-weight:500;min-width:60px}.file-preview-sm,.file-preview{width:50px;height:50px;object-fit:contain;border-radius:6px;background:#fff;padding:4px;border:1px solid #e9ecef}.file-placeholder-sm,.file-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#adb5bd;font-size:11px;text-align:center}.cloud-upload-area,.file-input-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed #d9d9d9;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;min-height:100px}.cloud-upload-area:hover,.file-input-wrapper:hover{border-color:#1d6fb8;background:#f0f7f7}.cloud-icon{font-size:32px;margin-bottom:8px;color:#1d6fb8}.upload-text,.file-upload-text{color:#6c757d;font-size:13px;text-align:center}.file-input-hidden,.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.file-upload-simple{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0}.file-input-simple{display:none}.file-label{padding:8px 16px;background:#f8f9fa;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.file-label:hover{border-color:#1d6fb8;background:#f0f7f7}.file-name{color:#6c757d;font-size:13px;word-break:break-word;flex:1}.btn-update,.btn-update-lanes,.btn-update-reasons,.btn-save,.btn-add-lane,.btn-create-role,.manage-roles-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:#1d6fb8;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-update:hover,.btn-update-lanes:hover,.btn-update-reasons:hover,.btn-save:hover,.btn-add-lane:hover,.btn-create-role:hover,.manage-roles-btn:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 8px #0aa6a633}.btn-update:disabled,.btn-update-lanes:disabled,.btn-update-reasons:disabled,.btn-save:disabled,.btn-add-lane:disabled,.btn-create-role:disabled,.manage-roles-btn:disabled{background:#d9d9d9;cursor:not-allowed;transform:none;box-shadow:none}.btn-reset,.btn-reset-lanes,.btn-reset-reasons,.btn-cancel,.btn-reset-mui{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;background:transparent;color:#ef0956;border:1px solid #ef0956;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-reset:hover,.btn-reset-lanes:hover,.btn-reset-reasons:hover,.btn-cancel:hover{background-color:#9c27b014}.btn-reset-mui{color:#ef0956;border:1px solid #ef0956}.btn-reset-mui:hover{background-color:#ef09560a}.btn-icon,.btn-icon-start,.btn-icon-end{display:flex;align-items:center;font-size:18px}.btn-icon-start svg,.btn-icon-end svg{width:1em;height:1em}.btn-add-project-outlined{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #ef0956;border-radius:6px;color:#ef0956;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-project-outlined:hover{background-color:#ef09560a}.btn-add-brand{width:36px;height:36px;background:#1d6fb8;color:#fff;border:none;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-add-brand-full,.btn-add-brand-small{background:transparent;border:2px dashed #1d6fb8;color:#1d6fb8;cursor:pointer;transition:all .2s}.btn-add-brand-small{padding:6px 12px;border-radius:20px;font-size:12px}.btn-add-brand-full{width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:500}.btn-add-brand-small:hover,.btn-add-brand-full:hover{background:#f0f7f7}.btn-add-custom,.btn-configure,.link-button{background:none;border:none;color:#1d6fb8;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.btn-configure{padding:8px 16px;border:1px solid #1d6fb8;border-radius:6px;text-decoration:none}.btn-configure:hover{background:#f0f7f7}.btn-upgrade{flex:2;padding:12px 24px;width:30%;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.form-actions,.form-actions-simple,.modal-actions,.lanes-actions,.reasons-actions,.add-lane-actions{display:flex;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.form-actions-simple{border-top:none;margin-top:16px;padding-top:0}.lanes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lanes-header h3{font-size:18px;font-weight:600;color:#262626;margin:0}.how-to-use{font-size:13px;color:#1d6fb8;cursor:pointer;text-decoration:underline}.lanes-simple-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;background:#fff;padding:8px 0;border-radius:8px}.lane-simple-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #f0f0f0;transition:all .2s}.lane-simple-item:last-child{border-bottom:none}.lane-simple-item:hover{background-color:#f8f9fa}.lane-name{font-size:15px;font-weight:400;color:#262626}.lane-actions{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:none}.lane-delete-btn{background:none;border:none;color:#999;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;padding:0}.lane-delete-btn:hover{color:#dc3545}.lane-delete-btn svg{width:18px;height:18px}.add-lane-section{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.add-lane-section h3{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px}.add-lane-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.reasons-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:20px}.reasons-table{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;margin-bottom:24px}.reasons-table-header{display:grid;grid-template-columns:2fr 1fr 1fr;background:#f8f9fa;padding:12px 16px;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.reasons-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px 16px;border-bottom:1px solid #e9ecef;align-items:center}.reasons-table-row:last-child{border-bottom:none}.reason-col{display:flex;align-items:center}.toggle-col{display:flex;align-items:center;gap:12px}.toggle-label{font-size:13px;color:#495057;min-width:35px}.reason-input{width:80px;padding:6px 10px}.preferences-tab{width:100%}.preferences-subtabs{flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.preferences-content{display:flex;flex-direction:column;gap:24px}.preferences-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:24px}.section-subtitle{font-size:16px;font-weight:600;color:#1d6fb8;margin-bottom:4px}.section-description{font-size:13px;color:#6c757d;margin-bottom:20px}.pref-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 4px #00000005}.pref-card h3{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.pref-card h4{font-size:14px;font-weight:600;color:#495057;margin-bottom:12px}.pref-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.pref-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pref-description{font-size:13px;color:#6c757d;margin-bottom:8px}.gst-rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.gst-rate-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#495057}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e6f7f7;color:#1d6fb8;border-radius:20px;font-size:13px}.tag-remove{background:none;border:none;color:#1d6fb8;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0 2px;opacity:.7}.tag-remove:hover{opacity:1;color:#dc3545}.tags-input{display:flex;gap:8px;align-items:center}.brands-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.brand-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:13px}.brand-name{color:#262626}.btn-remove-brand{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0 2px}.btn-remove-brand:hover{color:#dc3545}.brand-input-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.price-input-group{display:flex;align-items:center;gap:12px;max-width:300px}.price-unit{color:#6c757d;font-size:14px;min-width:50px}.tariffs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:400px}.tariff-item{display:flex;flex-direction:column;gap:4px}.tariff-item label{font-size:13px;color:#6c757d}.details-grid{display:flex;flex-direction:column;gap:8px;background:#f8f9fa;padding:16px;border-radius:8px}.detail-item{display:flex;gap:8px;font-size:14px}.detail-label{font-weight:600;color:#495057;min-width:120px}.detail-value{color:#212529}.projects-header{display:flex;justify-content:space-between;align-items:center}.projects-section{border:1px solid #e9ecef;border-radius:8px;padding:16px;background:#f8f9fa}.projects-list{margin-bottom:16px;max-height:200px;overflow-y:auto}.no-projects{text-align:center;color:#adb5bd;font-size:14px;padding:20px}.project-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:6px;margin-bottom:8px;border:1px solid #e9ecef}.project-remove-btn{background:none;border:none;color:#6c757d;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.project-remove-btn:hover{background:#fff1f0;color:#dc3545}.add-project{display:flex;gap:12px;align-items:center}.project-input{flex:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.project-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s}.project-card:hover{border-color:#1d6fb8;box-shadow:0 2px 8px #0aa6a61a}.project-card-header{display:flex;justify-content:space-between;align-items:center}.project-title{font-size:15px;font-weight:500;color:#262626}.project-actions{display:flex;gap:8px}.project-action-btn{background:none;border:none;color:#6c757d;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.project-action-btn:hover{background:#f0f7f7;color:#1d6fb8}.project-action-btn.delete:hover{background:#fff1f0;color:#dc3545}.terms-options{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.terms-options .checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.warning-text{color:#dc3545;font-size:13px;margin-bottom:12px;padding:8px 12px;background:#fff1f0;border-radius:6px;border-left:3px solid #dc3545}.disabled-section{background:#f8f9fa;border-radius:8px;padding:24px;text-align:center;margin-bottom:24px}.disabled-indicator{display:flex;align-items:center;justify-content:center;gap:12px;color:#6c757d;font-size:15px}.disabled-badge{font-size:24px}.bom-section{margin-bottom:16px}.bom-section:last-child{margin-bottom:0}.bom-section .pref-description{margin-bottom:8px;font-weight:500}.action-links{display:flex;gap:16px;flex-wrap:wrap}.logo-signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.main-green-logo,.main-green-logo-sm{height:40px;width:auto;object-fit:contain}.main-info-tab-modal-overlay,.team-member-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.main-info-tab-modal-content,.team-member-modal-content,.project-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;overflow:hidden}.main-info-tab-modal-content .modal-header,.team-member-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fff;flex-shrink:0}.main-info-tab-modal-content .modal-header h2,.team-member-modal-content .modal-header h2{font-size:20px;font-weight:600;color:#212529;margin:0}.main-info-tab-modal-content .modal-close,.team-member-modal-content .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.main-info-tab-modal-content .modal-close:hover,.team-member-modal-content .modal-close:hover{background:#f8f9fa;color:#1d6fb8}.main-info-tab-modal-content .modal-body,.team-member-modal-content .modal-body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f3f6}.main-info-tab-modal-content .modal-body::-webkit-scrollbar,.team-member-modal-content .modal-body::-webkit-scrollbar{width:6px}.main-info-tab-modal-content .modal-body::-webkit-scrollbar-track,.team-member-modal-content .modal-body::-webkit-scrollbar-track{background:#f1f3f6;border-radius:10px;margin:4px 0}.main-info-tab-modal-content .modal-body::-webkit-scrollbar-thumb,.team-member-modal-content .modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px;transition:background .2s}.main-info-tab-modal-content .modal-body::-webkit-scrollbar-thumb:hover,.team-member-modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.project-form{display:flex;flex-direction:column;gap:20px;width:100%}.image-preview-small{width:60px;height:60px;border-radius:6px;overflow:hidden;border:1px solid #e9ecef;flex-shrink:0}.image-preview-small img{width:100%;height:100%;object-fit:cover}.mt-2{margin-top:12px}@media(max-width:768px){.settings-home-container{padding:16px}.settings-home-content{padding:20px}.settings-tabs,.settings-subtabs{flex-direction:column}.settings-tab,.settings-subtab{width:100%;text-align:center}.form-row,.logo-signature-grid,.add-lane-grid{grid-template-columns:1fr;gap:16px}.reasons-table-header,.reasons-table-row{grid-template-columns:1fr;gap:8px}.reasons-table-header{display:none}.reasons-table-row{padding:16px;border-bottom:1px solid #e9ecef}.reason-col.lane-name{font-weight:600;color:#1d6fb8;margin-bottom:8px}.toggle-col{justify-content:space-between}.gst-rates-grid{grid-template-columns:repeat(2,1fr)}.tariffs-grid{grid-template-columns:1fr;max-width:100%}.projects-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-add-project-outlined{width:100%;justify-content:center}.file-upload-simple,.add-project,.form-actions,.form-actions-simple,.modal-actions,.lanes-actions,.reasons-actions,.add-lane-actions{flex-direction:column}.btn-update,.btn-reset,.btn-update-lanes,.btn-reset-lanes,.btn-update-reasons,.btn-reset-reasons,.btn-save,.btn-cancel,.btn-add-lane,.btn-create-role,.manage-roles-btn,.btn-add-project-outlined{width:100%}.price-input-group{max-width:100%}.lanes-header{flex-direction:column;align-items:flex-start;gap:8px}.main-info-tab-modal-content .modal-header,.team-member-modal-content .modal-header{padding:16px 20px}.main-info-tab-modal-content .modal-body,.team-member-modal-content .modal-body{padding:20px}}@media(max-width:480px){.settings-home-container{padding:12px}.settings-home-content{padding:16px}.gst-rates-grid{grid-template-columns:1fr}.brands-grid{flex-direction:column;align-items:stretch}.brand-item{justify-content:space-between}.current-file-row,.current-file{flex-direction:column;align-items:flex-start}.file-upload-text,.upload-text{font-size:12px}.main-info-tab-modal-content .modal-header,.team-member-modal-content .modal-header{padding:14px 16px}.main-info-tab-modal-content .modal-header h2,.team-member-modal-content .modal-header h2{font-size:18px}.main-info-tab-modal-content .modal-body,.team-member-modal-content .modal-body{padding:16px}.project-form .form-input,.project-form .form-select{padding:10px 14px}}.profile-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.profile-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.profile-header{margin-bottom:24px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px;gap:16px}.profile-avatar-wrapper{display:flex;flex-direction:column;width:fit-content;gap:8px}.profile-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#1d6fb8;color:#fff;font-size:48px;font-weight:500;width:120px;height:120px;overflow:hidden;margin:0 auto}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:48px;line-height:1;text-transform:uppercase}.profile-greeting{display:flex;align-items:center;justify-content:center;width:100%}.profile-greeting h3{margin:0;font-size:20px;font-weight:500;color:#333}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #ffcdd2}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #c8e6c9}.profile-sections{display:flex;flex-direction:column;gap:16px;margin-top:16px}.collapse-section{border:1px solid #f0f0f0;border-radius:12px;background-color:#fff;transition:all .3s ease}.collapse-section.active{box-shadow:0 4px 12px #0aa6a61a}.collapse-header{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .3s;border-radius:12px}.collapse-header:hover{background-color:#f0f7f7}.collapse-expand-icon{margin-right:12px;display:flex;align-items:center;color:#6c757d;transition:transform .3s}.collapse-header-text{font-size:16px;font-weight:500;color:#262626}.collapse-content{padding:20px;border-top:1px solid #f0f0f0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form{display:flex;flex-direction:column;gap:20px}.form-section{border-top:1px solid #f0f0f0;padding-top:20px;margin-top:10px}.form-section h4{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:8px;width:100%}.form-field label{font-size:14px;color:#262626;font-weight:500}.form-field label strong{font-weight:600}.not-verified{color:#ff4d4f;font-weight:400;font-size:12px;margin-left:8px;background:#fff1f0;padding:2px 8px;border-radius:12px}.verified-phone-message{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background-color:#e6f7f7;border-radius:8px;color:#1d6fb8;font-size:14px;border-left:3px solid #1d6fb8}.verified-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#1d6fb8;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.form-input:disabled,.form-input[readonly]{background-color:#f5f5f5;color:#495057;cursor:not-allowed;opacity:.8;border-color:#d9d9d9}.form-input:disabled:hover,.form-input[readonly]:hover{border-color:#d9d9d9}.form-input{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s;background-color:#fff}.form-input:focus{border-color:#1d6fb8;outline:none;box-shadow:0 0 0 2px #0aa6a633}.form-input:disabled{background-color:#f5f5f5;color:#00000040;cursor:not-allowed}.phone-input-wrapper{display:flex;gap:12px;align-items:center}.phone-input-wrapper .form-input{flex:1}.btn-otp{padding:10px 20px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap;min-width:100px}.btn-otp:hover:not(:disabled){background:#3c8dd5}.btn-otp:disabled{background:#d9d9d9;cursor:not-allowed}.otp-verify{display:flex;gap:12px;margin-top:12px}.otp-input{flex:1;padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;letter-spacing:2px;text-align:center}.otp-input:focus{border-color:#1d6fb8;outline:none;box-shadow:0 0 0 2px #0aa6a633}.btn-verify{padding:10px 24px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-verify:hover:not(:disabled){background:#3c8dd5}.btn-verify:disabled{background:#d9d9d9;cursor:not-allowed}.file-input-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-input{padding:8px;border:1px dashed #d9d9d9;border-radius:8px;font-size:14px;width:auto;background:#fafafa;cursor:pointer}.file-input:hover{border-color:#1d6fb8;background:#f0f7f7}.file-name{color:#8c8c8c;font-size:14px}.profile-btn-update{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;width:100%;margin-top:16px}.profile-btn-update:hover:not(:disabled){background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 12px #0aa6a633}.profile-btn-update:active:not(:disabled){transform:translateY(0)}.profile-btn-update:disabled{background:#d9d9d9;cursor:not-allowed}.btn-icon{display:flex;align-items:center;font-size:18px}.password-form{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.password-form h4{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px}.security-option{margin-bottom:20px;padding:16px;background:#fafafa;border-radius:8px}.security-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.security-option-header h4{font-size:15px;font-weight:600;color:#262626;margin:0}.security-option-desc{font-size:13px;color:#8c8c8c;margin:0}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#1d6fb8}input:focus+.slider{box-shadow:0 0 1px #1d6fb8}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.security-actions{display:flex;flex-direction:column;gap:12px}.security-action-btn{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;color:#262626;cursor:pointer;transition:all .3s;width:100%;text-align:left}.security-action-btn:hover{border-color:#1d6fb8;color:#1d6fb8;background-color:#f0f7f7}.security-action-btn.danger:hover{border-color:#ff4d4f;color:#ff4d4f;background-color:#fff1f0}.danger-zone{margin-top:24px;padding:16px;border:1px solid #ffcdd2;border-radius:8px;background:#ffebee}.danger-zone h4{color:#c62828;font-size:15px;font-weight:600;margin-bottom:12px}.profile-footer{margin-top:32px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;justify-content:center}.info-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#8c8c8c;cursor:pointer;padding:4px;border-radius:50%}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-item{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef;transition:all .2s}.grid-item:hover{border-color:#1d6fb8;box-shadow:0 2px 8px #0aa6a61a}.grid-item-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.setting-label{font-size:.9rem;color:#495057;font-weight:500;flex:1}.connected-email-info{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #dee2e6}.email-confirmed{color:#1d6fb8;font-size:.85rem;display:flex;align-items:center;gap:.25rem}.email-confirmed:before{content:"✓";font-weight:700}.btn-connect{padding:.4rem 1rem;background:#1d6fb8;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-connect:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 2px 4px #0aa6a633}.btn-action{padding:.4rem 1rem;background:transparent;color:#1d6fb8;border:1px solid #1d6fb8;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-action:hover{background:#1d6fb8;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0aa6a633}.btn-action.active{background:#1d6fb8;color:#fff}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.popup-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.popup-close:hover{background:#f8f9fa;color:#1d6fb8}.popup-title{font-size:1.25rem;font-weight:600;color:#212529;margin-bottom:1.5rem;text-align:center;letter-spacing:.5px}.provider-options{margin-bottom:1.5rem}.provider-option{display:flex;align-items:center;padding:1rem;border:2px solid #e9ecef;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.provider-option:hover,.provider-option.selected{border-color:#1d6fb8;background:#f0f7f7}.provider-radio{margin-right:1rem}.radio-circle{width:20px;height:20px;border:2px solid #ced4da;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.radio-circle.selected{border-color:#1d6fb8}.radio-dot{width:10px;height:10px;background:#1d6fb8;border-radius:50%;animation:scaleIn .2s ease}.provider-name{font-size:1rem;font-weight:500;color:#212529}.email-confirmation{text-align:center;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.confirmed-email{color:#1d6fb8;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.confirmed-email:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#1d6fb8;color:#fff;border-radius:50%;font-size:12px}.popup-actions{display:flex;justify-content:center}.btn-unlink{background:transparent;border:2px solid #dc3545;color:#dc3545;padding:.75rem 2rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-unlink:hover{background:#dc3545;color:#fff}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.setting-item:last-child{border-bottom:none}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.support-popup{max-width:550px!important;padding:2.5rem!important}.support-title{font-size:1.3rem!important;color:#212529;margin-bottom:1rem!important;line-height:1.4}.support-divider{height:2px;background:linear-gradient(90deg,#1d6fb8,#0aa6a64d);margin:1.5rem 0;width:100%}.support-description{color:#495057;font-size:.95rem;line-height:1.6;margin-bottom:2rem;text-align:left}.support-duration-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.duration-label{font-size:1rem;color:#212529;min-width:80px}.duration-label strong{font-weight:600}.duration-options{flex:1}.duration-select{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;color:#212529;background-color:#fff;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.duration-select:hover{border-color:#1d6fb8}.duration-select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.support-actions{margin-top:1rem}.btn-confirm-support{width:100%;padding:1rem;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;letter-spacing:.5px}.btn-confirm-support:hover{background:#3c8dd5;transform:translateY(-2px);box-shadow:0 4px 12px #0aa6a64d}.btn-confirm-support:active{transform:translateY(0)}@media(max-width:768px){.profile-container{padding:12px}.profile-content{padding:16px}.profile-avatar{width:100px;height:100px;font-size:40px}.avatar-initials{font-size:40px}.profile-greeting h3{font-size:18px}.form-row{grid-template-columns:1fr}.phone-input-wrapper{flex-direction:column}.btn-otp{width:100%}.otp-verify{flex-direction:column}.file-input-wrapper{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr;gap:1rem}.popup-content{width:95%;padding:1.5rem}}@media(max-width:480px){.collapse-header-text{font-size:14px}.security-option-header{flex-direction:column;align-items:flex-start;gap:12px}.grid-item-content{flex-direction:column;align-items:flex-start}.btn-connect,.btn-action{width:100%}}.subscription-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.subscription-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.subscription-main-title{text-align:center;font-size:24px;font-weight:600;color:#212529;margin-bottom:24px;letter-spacing:-.5px}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.subscription-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;min-height:100px}.subscription-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.subscription-item.days-left{background-color:#6c757d;width:100%;max-width:200px;margin:0 auto}.item-label{font-size:12px;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center}.item-value{color:#fff;font-size:18px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.days-left-container{display:flex;justify-content:center;margin-bottom:32px}.subscription-action-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:16px}.subscription-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:none;border-radius:10px;color:#fff;background:#1d6fb8;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:League Spartan,sans-serif;letter-spacing:.3px;min-width:200px;box-shadow:0 4px 6px #0000001a}.subscription-action-btn:hover{background-color:#3c8dd5;transform:translateY(-2px);box-shadow:0 8px 15px #75bdd74d}.subscription-action-btn:active{transform:translateY(0)}.subscription-btn-icon{width:20px;height:20px}.bg-\[\#1d6fb8\]{background-color:#1d6fb8}.bg-gray-500{background-color:#6c757d}.bg-\[\#2F9AC1\]{background-color:#2f9ac1}@media(max-width:768px){.subscription-container{padding:16px}.subscription-grid{gap:16px}.subscription-item{padding:16px 12px}.item-value{font-size:16px}.action-buttons{flex-direction:column;width:100%}.action-btn{width:100%;max-width:300px}}@media(max-width:640px){.subscription-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subscription-main-title{font-size:22px;margin-bottom:20px}.subscription-item{padding:14px 10px;min-height:90px}.item-label{font-size:11px}.item-value{font-size:15px}.subscription-item.days-left{max-width:180px}}@media(max-width:480px){.subscription-grid{grid-template-columns:1fr;gap:12px}.subscription-main-title{font-size:20px;margin-bottom:16px}.subscription-item{flex-direction:row;justify-content:space-between;padding:14px 18px;min-height:auto}.item-label{font-size:12px;margin-bottom:0}.item-value{font-size:16px;width:auto}.days-left-container{margin-bottom:24px}.subscription-item.days-left{flex-direction:row;justify-content:space-between;max-width:100%;padding:14px 18px}.action-btn{max-width:100%;font-size:14px;padding:12px 20px;min-width:auto}.btn-icon{width:18px;height:18px}}@media(max-width:360px){.subscription-item{padding:12px 14px}.item-label{font-size:11px}.item-value{font-size:14px}.action-btn{font-size:13px;padding:10px 16px}.btn-icon{width:16px;height:16px}}.add-new-user-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.add-new-user-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.add-new-user-main-title{text-align:center;font-size:24px;font-weight:600;color:#212529;margin-bottom:24px;letter-spacing:-.5px}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col-12{flex:0 0 100%;max-width:100%;padding:0 12px}.form-label{font-size:16px;font-weight:500;color:#212529;margin-bottom:4px;display:inline-block}.form-control{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;margin:4px 0 12px;background-color:#fff}.form-control:hover{border-color:#1d6fb8}.form-control:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.form-control::placeholder{color:#adb5bd;font-size:14px}.checkbox-label{font-size:15px;color:#495057;cursor:pointer;display:inline-flex;align-items:center;gap:4px}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1d6fb8;margin-right:2px}.btn-create-user{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:#1d6fb8;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;margin-top:16px;box-shadow:0 4px 12px #0aa6a633}.btn-create-user:hover:not(:disabled){background:#3c8dd5;transform:translateY(-2px);box-shadow:0 8px 20px #0aa6a64d}.btn-create-user:active:not(:disabled){transform:translateY(0)}.btn-create-user:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none}.btn-icon{display:flex;align-items:center;font-size:20px}.btn-icon svg{width:1em;height:1em}.checkbox-label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:14px;color:#495057}.form-input{width:100%;padding:12px 16px;border:1px solid #1d6fb8;border-radius:8px;font-size:14px;transition:all .3s ease;margin:4px 0 12px;background-color:#fff;color:#495057;cursor:pointer}.form-input:hover{border:#1d6fb8}.custom-select-wrapper{position:relative;width:100%;margin:4px 0 12px}.custom-select-trigger{width:100%;padding:12px 16px;border:1px solid #1d6fb8;border-radius:8px;font-size:14px;background-color:#fff;color:#495057;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-sizing:border-box}.custom-select-trigger:hover:not(.disabled){border-color:#3c8dd5;box-shadow:0 0 0 1px #0aa6a61a}.custom-select-trigger.open{border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.custom-select-trigger.disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#999;cursor:not-allowed}.custom-select-trigger .placeholder{color:#adb5bd}.custom-select-trigger .arrow{display:flex;align-items:center;color:#495057;transition:transform .3s ease}.custom-select-trigger .arrow.up svg{transform:rotate(180deg)}.custom-select-trigger .arrow svg{transition:transform .3s ease}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:fadeIn .2s ease}.custom-select-option{padding:12px 16px;cursor:pointer;transition:all .2s ease;color:#495057;font-size:14px;border-bottom:1px solid #f0f0f0}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background-color:#1d6fb8;color:#fff}.custom-select-option.selected{background-color:#1d6fb8;color:#fff;font-weight:500}.hidden-select{display:none}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#f1f3f6;border-radius:10px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-input{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s ease;margin:4px 0 12px;background-color:#fff;color:#495057}.form-input:hover{border-color:#1d6fb8}.form-input:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}@media(max-width:768px){.custom-select-trigger{padding:10px 14px;font-size:14px}.custom-select-option{padding:10px 14px}}@media(max-width:480px){.custom-select-trigger,.custom-select-option{padding:10px 12px;font-size:13px}}@media(max-width:480px){.checkbox-label{font-size:14px}input[type=radio]{width:18px;height:18px}}@media(max-width:768px){.add-new-user-container{padding:16px}.form-control{padding:10px 14px;font-size:14px}.btn-create-user{width:100%;padding:12px 24px;font-size:15px}}@media(max-width:480px){.add-new-user-container{padding:12px}.form-label{font-size:14px}.form-control{padding:10px 12px;font-size:13px}.checkbox-label{font-size:14px}input[type=checkbox]{width:16px;height:16px}.btn-create-user{padding:12px 20px;font-size:14px}.pageender{margin-top:30px}.pageender-dot{width:6px;height:6px}}@media(max-width:360px){.form-control{padding:8px 10px;font-size:12px}.btn-create-user{padding:10px 16px;font-size:13px}}.team-members-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.team-members-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.team-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.team-members-title{font-size:24px;font-weight:600;color:#212529;letter-spacing:-.5px;margin:0}.manage-roles-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 4px #0aa6a633}.manage-roles-btn:hover:not(:disabled){background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 8px #0aa6a64d}.manage-roles-btn:disabled{opacity:.6;cursor:not-allowed}.manage-roles-btn svg{width:18px;height:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;text-align:center}.empty-state svg{width:60px;height:60px;color:#adb5bd;margin-bottom:16px}.empty-state p{font-size:16px;color:#6c757d;margin:0}.team-members-list{margin-top:20px}.team-member-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-radius:10px;margin-bottom:12px;transition:all .2s ease;border:1px solid #e9ecef}.team-member-card:hover{border-color:#1d6fb8;box-shadow:0 2px 8px #0aa6a61a}.member-info{display:flex;align-items:center;gap:16px}.member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1d6fb8,#099191);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;text-transform:uppercase;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:4px}.member-name{font-size:16px;font-weight:600;color:#212529;margin:0}.member-email{font-size:14px;color:#6c757d;margin:0}.member-role-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#e6f7f7;color:#1d6fb8;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;width:fit-content}.member-actions{display:flex;gap:8px;flex-shrink:0}.member-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;color:#6c757d;cursor:pointer;transition:all .2s ease}.member-action-btn:hover:not(:disabled){border-color:#1d6fb8;color:#1d6fb8;background:#f0f7f7}.member-action-btn.delete:hover:not(:disabled){border-color:#dc3545;color:#dc3545;background:#fff1f0}.member-action-btn:disabled{opacity:.5;cursor:not-allowed}.member-action-btn svg{width:18px;height:18px}.team-member-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.team-member-modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;overflow:hidden}.team-member-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fff;flex-shrink:0}.team-member-modal-content .modal-header h2{font-size:20px;font-weight:600;color:#212529;margin:0}.team-member-modal-content .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.team-member-modal-content .modal-close:hover:not(:disabled){background:#f8f9fa;color:#1d6fb8}.team-member-modal-content .modal-close:disabled{opacity:.5;cursor:not-allowed}.team-member-modal-content .modal-body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f3f6}.team-member-modal-content .modal-body::-webkit-scrollbar{width:6px}.team-member-modal-content .modal-body::-webkit-scrollbar-track{background:#f1f3f6;border-radius:10px;margin:4px 0}.team-member-modal-content .modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px;transition:background .2s}.team-member-modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.roles-list{margin-bottom:24px}.roles-list h3{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px}.empty-message{color:#6c757d;font-size:14px;text-align:center;padding:24px;background:#f8f9fa;border-radius:8px;border:1px dashed #d9d9d9}.role-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;transition:all .2s ease;border:1px solid #e9ecef}.role-item:hover{border-color:#1d6fb8;box-shadow:0 2px 8px #0aa6a61a}.role-name{font-size:15px;font-weight:500;color:#212529}.role-delete-btn{background:none;border:none;color:#6c757d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.role-delete-btn:hover:not(:disabled){background:#fff1f0;color:#dc3545}.role-delete-btn:disabled{opacity:.5;cursor:not-allowed}.role-delete-btn svg{width:18px;height:18px}.create-role-form{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.create-role-form label{font-size:14px;font-weight:500;color:#212529;margin-bottom:8px;display:block}.role-input-group{display:flex;gap:12px;align-items:flex-start}.input-wrapper{flex:1;position:relative}.role-input-group input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.role-input-group input:hover:not(:disabled){border-color:#1d6fb8}.role-input-group input:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #0aa6a61a}.role-input-group input.error{border-color:#dc3545}.role-input-group input.error:focus{box-shadow:0 0 0 3px #dc35451a}.role-input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.field-error{color:#dc3545;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px;position:absolute}.field-error:before{content:"⚠";font-size:11px}.btn-create-role{padding:12px 24px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:140px;text-transform:uppercase;letter-spacing:.5px}.btn-create-role:hover:not(:disabled){background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 8px #0aa6a633}.btn-create-role:disabled{background:#d9d9d9;cursor:not-allowed;transform:none;box-shadow:none}.pageender{display:flex;justify-content:center;gap:8px;margin-top:40px;padding:20px 0}.pageender-dot{width:8px;height:8px;border-radius:50%;background-color:#d9d9d9;transition:all .3s ease}.pageender-dot:hover{background-color:#1d6fb8;transform:scale(1.2)}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px;border:1px solid #ffcdd2}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px;border:1px solid #c8e6c9}.loading-spinner{text-align:center;padding:40px;color:#666;font-size:16px}@media(max-width:768px){.team-members-container{padding:16px}.team-members-content{padding:20px}.team-members-header{flex-direction:column;gap:12px;align-items:stretch}.manage-roles-btn{width:100%}.team-member-card{flex-direction:column;align-items:flex-start;gap:12px}.member-info{width:100%}.member-actions{width:100%;justify-content:flex-end}.team-member-modal-content .modal-header{padding:16px 20px}.team-member-modal-content .modal-header h2{font-size:18px}.team-member-modal-content .modal-body{padding:20px}.role-input-group{flex-direction:column}.input-wrapper,.btn-create-role{width:100%}.field-error{position:static;margin-top:4px}}@media(max-width:576px){.member-info{flex-direction:column;align-items:flex-start;gap:12px}.member-avatar{width:40px;height:40px;font-size:18px}.member-name{font-size:15px}.member-email{font-size:13px}.member-role-badge{font-size:11px;padding:3px 10px}.pageender{margin-top:30px}}@media(max-width:480px){.team-members-container{padding:12px}.team-members-content{padding:16px}.team-members-title{font-size:20px}.team-member-card{padding:14px 16px}.member-avatar{width:36px;height:36px;font-size:16px}.member-action-btn{width:32px;height:32px}.member-action-btn svg{width:16px;height:16px}.team-member-modal-content{width:95%}.team-member-modal-content .modal-header{padding:14px 16px}.team-member-modal-content .modal-header h2{font-size:16px}.team-member-modal-content .modal-body{padding:16px}.role-item{padding:12px 14px}.role-name{font-size:14px}.role-delete-btn{width:28px;height:28px}.role-delete-btn svg{width:16px;height:16px}.create-role-form label{font-size:13px}.role-input-group input{padding:10px 14px;font-size:13px}.btn-create-role{padding:10px 20px;font-size:13px;min-width:120px}.pageender-dot{width:6px;height:6px}.error-message,.success-message{padding:10px 14px;font-size:13px}}@media(max-width:360px){.team-members-content{padding:12px}.team-members-title{font-size:18px}.manage-roles-btn{font-size:13px;padding:8px 16px}.member-name{font-size:14px}.member-email{font-size:12px}.member-role-badge{font-size:10px;padding:2px 8px}.btn-create-role{min-width:100px;padding:8px 16px}}.bulk-import-container{padding:20px;max-width:1150px;margin:0 auto;width:100%;min-height:100%}.content-bulking{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.bulk-import-header{margin-bottom:24px}.import-note{display:flex;align-items:center;gap:8px;background:#fff7e6;border:1px solid #ffe7ba;border-radius:8px;padding:12px 16px;color:#613400;font-size:14px}.bulk-import-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tutorial-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.tutorial-card{padding:20px}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tutorial-title{font-size:16px;font-weight:600;color:#262626}.tutorial-brand{font-size:14px;color:#8c8c8c;font-weight:500}.tutorial-video{background:#f8fafc;border-radius:8px;overflow:hidden}.video-placeholder{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#1a2a3a,#2c3e50);border-radius:8px 8px 0 0;overflow:hidden}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2}.play-button{width:64px;height:64px;border:none;background:#1d6fb8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-button:hover{background:#3c8dd5;transform:scale(1.1)}.video-thumbnail{position:absolute;bottom:20px;left:20px;color:#fff;font-size:18px;font-weight:600;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-footer{padding:16px;border-top:1px solid #eef2f6}.watch-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.watch-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#1d6fb8}.import-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px}.template-buttons{display:flex;gap:12px}.template-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none;letter-spacing:.3px}.template-btn.basic{background:#1d6fb8;color:#fff}.template-btn.basic:hover{background:#3c8dd5;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb84d}.template-btn.advanced{background:#fff;color:#1d6fb8;border:1.5px solid #1d6fb8}.template-btn.advanced:hover{background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb826}.upload-area{border:2px dashed #d9d9d9;border-radius:12px;padding:32px;text-align:center;transition:all .3s ease;cursor:pointer;background:#fafafa;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-area.drag-active{border-color:#1d6fb8;background:#eff6ff;transform:scale(1.01)}.upload-area.file-selected{border-color:#1d6fb8;background:#eff6ff;padding:20px 24px;cursor:default}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;width:100%}.upload-text{font-size:15px;color:#262626;font-weight:500}.or-text{color:#8c8c8c;font-weight:400}.file-info{display:flex;align-items:center;gap:16px;text-align:left;width:100%}.file-details{flex:1;display:flex;flex-direction:column;gap:3px}.file-name{font-size:14px;font-weight:600;color:#262626}.file-size{font-size:12px;color:#8c8c8c}.file-rows{font-size:12px;color:#1d6fb8;font-weight:500}.remove-file{background:none;border:none;color:#8c8c8c;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-file:hover{background:#fee2e2;color:#dc2626}.parsing-state{display:flex;align-items:center;gap:12px;color:#1d6fb8;font-size:14px;font-weight:500}.spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#1d6fb8;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background:#fff1f0;border:1px solid #ffa39e;color:#820014}.bulk-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;padding:13px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.bulk-upload-btn:hover:not(:disabled){background:#1559a0;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb859}.bulk-upload-btn:disabled{opacity:.75;cursor:not-allowed}.upload-result{border-radius:10px;padding:16px;border:1px solid}.upload-result.result-partial{background:#fffbe6;border-color:#ffe58f}.result-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#262626;margin-bottom:10px}.result-errors{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;max-height:160px;overflow-y:auto}.result-error-row{font-size:12px;color:#7c4700;background:#00000008;padding:5px 8px;border-radius:4px;border-left:2px solid #faad14}.result-actions{display:flex;gap:10px;align-items:center}.reset-btn{background:none;border:1px solid #1d6fb8;color:#1d6fb8;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#eff6ff}.dashboard-btn{background:#1d6fb8;border:none;color:#fff;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard-btn:hover{background:#1559a0;transform:translateY(-1px);box-shadow:0 3px 10px #1d6fb84d}.limit-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-radius:8px;color:#8c8c8c;font-size:13px}@media(max-width:968px){.bulk-import-content{grid-template-columns:1fr}}@media(max-width:768px){.bulk-import-container{padding:16px}.template-buttons{flex-direction:column}.video-placeholder{height:160px}.video-thumbnail{font-size:14px;bottom:12px;left:12px}.play-button{width:48px;height:48px}}@media(max-width:480px){.bulk-import-container{padding:12px}.import-note{flex-wrap:wrap}.upload-area{padding:24px 16px}.file-info{flex-wrap:wrap;justify-content:center;text-align:center}.result-actions{flex-direction:column}.reset-btn,.dashboard-btn{width:100%;text-align:center}}:root{--primary: #1d6fb8;--primary-hover: #3c8dd5;--primary-dark: #155a99;--secondary: #dc2626;--secondary-hover: #ef4444;--success: #22c55e;--warning: #f59e0b;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f9fafb;--border: #e5e7eb;--border-light: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 28px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--ease: .2s ease;--ease-md: .3s ease}.integration-container{padding:24px;background:var(--bg-page);min-height:calc(100vh - 80px)}.integration-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius-xl);padding:40px;margin-bottom:32px;color:#fff;position:relative;overflow:hidden}.integration-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.integration-header-content{max-width:600px;position:relative;z-index:1}.integration-title{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-.3px;line-height:1.2}.integration-subtitle{font-size:15px;opacity:.9;line-height:1.5}.integration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--border);transition:all var(--ease-md)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}.stat-value{font-size:32px;font-weight:800;color:var(--primary);margin-bottom:8px;line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.integration-section-header{text-align:center;margin-bottom:32px}.integration-section-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.integration-section-header p{font-size:14px;color:var(--text-secondary)}.integrations-section{margin-bottom:48px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.integration-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;border:1px solid var(--border);transition:all var(--ease-md);cursor:pointer;position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform var(--ease-md)}.integration-card:hover:before{transform:scaleX(1)}.integration-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:transparent}.integration-card.highlighted{background:linear-gradient(135deg,#fff8f8 0%,var(--bg-card) 100%);border-color:#fecaca}.integration-card.highlighted:before{background:var(--secondary)}.integration-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.integration-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--border-light);transition:transform var(--ease)}.integration-card:hover .integration-icon{transform:scale(1.05)}.integration-info{margin-bottom:24px}.integration-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.integration-description{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.integration-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.integration-badge{font-size:11px;font-weight:500;color:var(--text-secondary);padding:4px 12px;background:var(--border-light);border-radius:20px}.integration-status{font-size:11px;color:var(--text-secondary)}.status-pending{color:var(--warning);font-weight:600}.integration-card-footer{border-top:1px solid var(--border);padding-top:24px}.integrate-btn{width:100%;padding:10px 16px;background:var(--border-light);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--ease);display:flex;align-items:center;justify-content:center;gap:8px}.integrate-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.integration-card.highlighted .integrate-btn:hover{background:var(--secondary)}.coming-soon-section{margin-bottom:48px}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.coming-soon-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--border);transition:all var(--ease-md)}.coming-soon-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon-card h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.coming-soon-card p{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.coming-soon-badge{display:inline-block;padding:4px 12px;background:var(--border-light);border-radius:20px;font-size:10px;font-weight:500;color:var(--text-secondary)}.integration-help{background:linear-gradient(135deg,#e8f2fb,#f0f7ff);border-radius:var(--radius-lg);padding:28px 32px}.help-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.help-icon{font-size:40px}.help-text{flex:1}.help-text h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.help-text p{font-size:13px;color:var(--text-secondary)}.help-btn{padding:10px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--primary);cursor:pointer;transition:all var(--ease)}.help-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.back-to-integrations-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 20px;gap:8px;background:var(--primary-color);border:1px solid var(--border-light);border-radius:20px;font-size:13px;font-weight:500;color:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}@media(max-width:768px){.integration-container{padding:16px}.integration-header{padding:28px 24px}.integration-title{font-size:24px}.integration-stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{padding:16px 12px}.stat-value{font-size:24px}.integrations-grid{grid-template-columns:1fr}.coming-soon-grid{grid-template-columns:repeat(2,1fr)}.help-content{flex-direction:column;text-align:center}.help-btn{width:100%}}@media(max-width:480px){.integration-stats,.coming-soon-grid{grid-template-columns:1fr}.integration-title{font-size:20px}}.google-forms-container,.empty-state-wrapper{padding:24px;background:#f8fafc;min-height:calc(100vh - 80px)}.gforms-header{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb;flex-wrap:wrap;gap:20px}.gforms-header-left{display:flex;gap:20px;align-items:center}.gforms-header-icon{width:56px;height:56px;background:#f3f4f6;border-radius:14px;display:flex;align-items:center;justify-content:center}.gforms-header-icon img{width:44px;height:44px;object-fit:contain}.gforms-header-info h1{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:6px}.gforms-header-info p{font-size:13px;color:#6b7280}.add-google-form-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1d6fb8;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.add-google-form-btn:hover{background:#3c8dd5;transform:translateY(-1px)}.gforms-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.gforms-stat-card{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #e5e7eb;transition:all .2s}.gforms-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-number{font-size:28px;font-weight:800;color:#1d6fb8;line-height:1.2}.stat-label{font-size:12px;color:#6b7280}.gforms-integration-status{background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:24px;border:1px solid #e5e7eb;display:flex;gap:32px;flex-wrap:wrap}.status-indicator{display:flex;align-items:center;gap:10px;font-size:13px;color:#4b5563}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:#22c55e;box-shadow:0 0 0 2px #22c55e20}.status-dot.inactive{background:#ef4444}.forms-list{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.forms-list-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.forms-list-header h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.forms-list-header p{font-size:12px;color:#6b7280}.forms-table-wrapper{overflow-x:auto}.forms-table{width:100%;border-collapse:collapse;min-width:800px}.forms-table th{text-align:left;padding:14px 16px;background:#f9fafb;font-size:11px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.3px}.forms-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#4b5563}.forms-table tr:hover{background:#f9fafb}.form-name-cell .form-name-wrapper{display:flex;align-items:center;gap:10px}.form-icon{font-size:18px}.form-url-cell a{color:#1d6fb8;text-decoration:none;font-size:12px}.form-url-cell a:hover{text-decoration:underline}.status-toggle{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.status-toggle.active{background:#dbeafe;color:#1e40af}.status-toggle.active:hover{background:#bfdbfe}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle.inactive:hover{background:#fecaca}.form-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;background:#f3f4f6;color:#6b7280}.action-btn:hover{background:#e5e7eb;color:#1d6fb8}.delete-btn:hover{background:#fee2e2;color:#dc2626}.empty-state{background:#fff;border-radius:20px;text-align:center;border:1px solid #e5e7eb;margin-bottom:24px}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:10px}.empty-state p{font-size:14px;color:#6b7280;max-width:400px;margin:0 auto 24px;line-height:1.5}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;background:#1d6fb8;border:none;border-radius:10px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.empty-state-btn:hover{background:#3c8dd5}.plus-sign{font-size:14px;font-weight:700}.gforms-help{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.help-item{display:flex;gap:14px}.help-icon{font-size:28px}.help-content h4{font-size:14px;font-weight:700;color:#1f2937;margin-bottom:6px}.help-content p{font-size:12px;color:#6b7280;line-height:1.4}.gform-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-form-modal{background:#fff;border-radius:24px;width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.modal-header-left{display:flex;gap:14px;align-items:center}.modal-icon{width:44px;height:44px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center}.modal-header-left h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 2px}.modal-header-left p{font-size:12px;color:#6b7280;margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;transition:color .2s}.modal-close:hover{color:#dc2626}.modal-body{padding:24px;overflow-y:auto;flex:1}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;outline:none;transition:all .2s;box-sizing:border-box}.field-hint{display:block;font-size:11px;color:#9ca3af;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:400;margin-top:8px}.field-mapping-info p{font-size:12px;color:#6b7280;margin-bottom:10px}.preview-fields-btn{padding:6px 14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.preview-fields-btn:hover{background:#e5e7eb;border-color:#1d6fb8}.gform-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.gform-cancel-btn{flex:1;padding:10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.gform-cancel-btn:hover{background:#e5e7eb}.gform-create-btn{flex:1;padding:10px;background:#1d6fb8;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.gform-create-btn:hover{background:#3c8dd5}@media(max-width:768px){.google-forms-container{padding:16px}.gforms-header{flex-direction:column}.gforms-header-left{width:100%}.add-form-btn{width:100%;justify-content:center}.gforms-stats,.form-row,.gforms-help{grid-template-columns:1fr}.add-form-modal{margin:16px}}.back-to-integrations-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 20px;gap:8px;background:var(--primary-color);border:1px solid var(--border-light);border-radius:20px;font-size:13px;font-weight:500;color:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);margin:10px}.back-to-integrations-btn:hover{background:var(--border-lighter);color:var(--primary-color);border-color:var(--text-secondary);transform:translate(-2px);box-shadow:var(--shadow-md)}.back-to-integrations-btn svg{transition:transform var(--transition-fast);color:var(--bg-card)}.back-to-integrations-btn:hover svg{transform:translate(-2px);color:var(--primary-color)}.add-form-modal{background:#fff;border-radius:24px;width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.add-form-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1d6fb8;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#1d6fb8;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}@media(max-width:768px){.add-form-modal{max-width:calc(100% - 32px);margin:16px}.add-form-btn{white-space:normal;padding:10px 16px;font-size:13px}}.integration-page{max-width:1000px;margin:0 auto;padding:32px 24px;background:#f8fafc;min-height:calc(100vh - 120px)}.integration-header{margin-bottom:32px}.integration-header h1{font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.integration-header p{font-size:14px;color:#fff}.integration-form{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.form-input,.form-select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81a}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input{width:16px;height:16px;cursor:pointer}.steps-section{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:24px}.steps-section h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px}.step-item{display:flex;gap:12px;margin-bottom:12px;font-size:13px;line-height:1.5;color:#4b5563}.step-number{font-weight:700;color:#1d6fb8;min-width:60px}.ids-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.mapping-table-section{margin-bottom:24px}.mapping-table-section h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px}.mapping-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.mapping-header{display:grid;grid-template-columns:1fr 1fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.mapping-header .mapping-col{padding:12px 16px;font-weight:600;color:#374151;font-size:13px}.mapping-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f3f4f6}.mapping-row:last-child{border-bottom:none}.mapping-col{padding:12px 16px;font-size:13px;color:#4b5563;border-right:1px solid #f3f4f6}.mapping-col:last-child{border-right:none}.mapping-input{width:100%;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;outline:none}.mapping-input:focus{border-color:#1d6fb8}.color-input-wrapper{display:flex;gap:12px;align-items:center}.color-picker{width:50px;height:40px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.preview-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.preview-section h3{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px}.chat-preview{border:2px solid;border-radius:16px;overflow:hidden;max-width:380px;background:#fff}.chat-preview-header{padding:12px 16px;color:#fff;font-weight:600;font-size:14px}.chat-preview-body{padding:16px;min-height:200px;display:flex;flex-direction:column;gap:12px}.chat-message{padding:10px 14px;background:#f3f4f6;max-width:80%;font-size:13px;border-radius:12px 12px 12px 4px}.chat-input-preview{display:flex;gap:8px;margin-top:auto}.chat-input-preview input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:20px;font-size:12px}.chat-input-preview button{padding:8px 16px;border:none;border-radius:20px;color:#fff;font-size:12px;cursor:pointer}.api-section{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:24px}.generate-key-btn{width:100%;padding:10px;background:#f59e0b;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.generate-key-btn:hover{background:#d97706}.connect-section{text-align:center;padding:32px;background:#eff6ff;border-radius:12px;margin-bottom:24px}.connect-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#1877f2;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.connect-btn:hover{background:#1664c9;transform:translateY(-1px)}.connect-note{font-size:12px;color:#6b7280;margin-top:12px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn,.save-btn{padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:#1d6fb8;border:none;color:#fff}.save-btn:hover{background:#3c8dd5;transform:translateY(-1px)}@media(max-width:768px){.integration-page{padding:16px}.integration-form{padding:20px}.ids-section,.mapping-header,.mapping-row{grid-template-columns:1fr}.mapping-col{border-right:none;border-bottom:1px solid #f3f4f6}.mapping-row .mapping-col:last-child{border-bottom:none}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;text-align:center}}.integration-modal-wrapper{position:relative;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;background:transparent;border-radius:24px}.modal-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000026;transition:all .2s;color:#6b7280}.modal-close-btn:hover{background:#fee2e2;color:#dc2626}.modal-content{background:#fff;border-radius:24px;margin:0;max-height:calc(90vh - 40px);overflow-y:auto}.integration-header-left{display:flex;gap:16px;align-items:center;flex:1}.integration-icon-modal{width:56px;height:56px;background:#f3f4f6;border-radius:14px;display:flex;align-items:center;justify-content:center}.integration-icon-modal img{width:40px;height:40px;object-fit:contain}.modal-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.modal-back-btn:hover{background:#e5e7eb;color:#1d6fb8}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.integration-modal-container{background:#fff;border-radius:24px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;position:sticky;top:0;z-index:10}.modal-header-left{display:flex;gap:16px;align-items:center}.modal-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.modal-icon img{width:32px;height:32px;object-fit:contain}.modal-header-left h2{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.modal-header-left p{font-size:13px;color:#6b7280;margin:0}.modal-close-btn-inside{width:36px;height:36px;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280;flex-shrink:0}.modal-close-btn-inside:hover{background:#fee2e2;color:#dc2626}.integration-form-scrollable{padding:24px;overflow-y:auto;flex:1;max-height:calc(85vh - 140px)}.integration-form-scrollable::-webkit-scrollbar{width:6px}.integration-form-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.integration-form-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.integration-form-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-footer-bar{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;position:sticky;bottom:0;z-index:10}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.integration-modal-wrapper{max-width:900px;width:100%;background:transparent}@media(max-width:768px){.integration-modal-container{max-width:95%;max-height:90vh}.integration-form-scrollable{padding:16px;max-height:calc(90vh - 130px)}.modal-header-bar{padding:16px}.modal-header-left h2{font-size:16px}.modal-header-left p{font-size:11px}.modal-footer-bar{padding:12px 16px}}.invoices-container{padding:20px;max-width:1400px;margin:0 auto;width:100%;min-height:100%;position:relative}.invoices-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.invoices-title{font-size:22px;font-weight:700;color:#0f1923;margin:0;letter-spacing:-.4px}.edit-gst-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap}.edit-gst-btn:hover{background:#3c8dd5;transform:translateY(-1px)}.filter-section{background:#f6f8fa;border-radius:10px;padding:20px;margin-bottom:24px;border:1px solid #e8ecf0}.filter-invoices-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px}.filter-invoices-row:last-child{margin-bottom:0}.sort-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding-top:20px;border-top:1px solid #e2e8ef}.date-filter-invoices-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px}.filter-invoices-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.filter-invoices-group.full-width{flex:100%;min-width:100%}.date-filter-invoices-row .filter-invoices-group{flex:0 1 auto;min-width:180px}.filter-invoices-group label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{padding:9px 13px;border:1px solid #dce3ea;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#1e293b}.filter-input:focus,.filter-select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81f}.filter-actions,.sort-actions,.filter-actions-inline{display:flex;gap:10px;align-items:center}.apply-btn,.reset-btn,.apply-sort-btn,.reset-sort-btn{padding:9px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.apply-btn,.apply-sort-btn{background:#1d6fb8;color:#fff;border:none}.apply-btn:hover,.apply-sort-btn:hover{background:#3c8dd5}.reset-btn,.reset-sort-btn{background:#fff;color:#64748b;border:1px solid #dce3ea}.reset-btn:hover,.reset-sort-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.table-wrapper{overflow-x:auto;margin-bottom:20px;border-radius:10px;border:1px solid #e2e8ef}.invoices-table{width:100%;border-collapse:collapse;min-width:1200px}.invoices-table th{text-align:left;padding:13px 16px;background:#f6f8fa;font-size:11px;font-weight:700;color:#64748b;border-bottom:1px solid #e2e8ef;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.invoices-table td{padding:13px 16px;border-bottom:1px solid #f0f4f8;font-size:13px;color:#1e293b}.invoices-table tbody tr:hover{background:#f8fafc}.invoices-table tbody tr:last-child td{border-bottom:none}.amount-cell{font-weight:700;color:#1d6fb8;font-variant-numeric:tabular-nums}.invoice-number{font-family:Courier New,monospace;font-size:12px;color:#64748b;white-space:nowrap}.action-buttons{display:flex;gap:6px}.action-icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:#94a3b8}.action-icon-btn.view:hover{background:#eff6ff;border-color:#93c5fd;color:#1d6fb8}.action-icon-btn.download:hover{background:#f0fdf4;border-color:#86efac;color:#16a34a}.no-records{text-align:center;padding:48px!important;color:#94a3b8;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:16px;margin-top:4px}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-arrow{width:34px;height:34px;border-radius:7px;border:1px solid #dce3ea;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:#475569}.pagination-arrow:hover:not(:disabled){background:#1d6fb8;color:#fff;border-color:#1d6fb8}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-number{min-width:34px;height:34px;padding:0 8px;border-radius:7px;border:1px solid #dce3ea;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:#475569;font-size:13px;font-weight:500}.pagination-number:hover:not(.active){background:#f1f5f9;border-color:#1d6fb8;color:#1d6fb8}.pagination-number.active{background:#1d6fb8;color:#fff;border-color:#1d6fb8;font-weight:700}.pagination-dots{padding:0 4px;color:#94a3b8;font-size:14px}.pagination-info{font-size:12px;color:#94a3b8;font-weight:500}.invoice-modal-overlay{position:fixed!important;inset:0!important;background:#0a14288c!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999!important;padding:20px;box-sizing:border-box;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gst-modal,.edit-invoice-modal{background:#fff;border-radius:16px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.34,1.36,.64,1);box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001f,0 32px 64px #00000024}.gst-modal{max-width:560px}.edit-invoice-modal{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid #f0f4f8;background:#fff;flex-shrink:0;gap:16px}.modal-header h3{font-size:17px;font-weight:700;color:#0f1923;margin:0;letter-spacing:-.3px;line-height:1.3}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;padding:0}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:24px;overflow-y:auto;flex:1;overscroll-behavior:contain}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:7px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:10px 14px;border:1px solid #dce3ea;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81f}.form-textarea{width:100%;padding:10px 14px;border:1px solid #dce3ea;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;resize:vertical;min-height:90px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;font-family:inherit;line-height:1.5}.form-textarea:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb81f}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:0}.form-row .form-group{margin-bottom:20px}.modal-section-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #f0f4f8}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #f0f4f8;background:#f8fafc;flex-shrink:0}.invoice-cancel-btn{padding:10px 22px;background:#fff;border:1px solid #dce3ea;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.invoice-cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.save-gst-btn,.invoice-download-btn{padding:10px 24px;background:#1d6fb8;border:none;border-radius:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease;letter-spacing:.2px}.save-gst-btn:hover,.invoice-download-btn:hover{background:#3c8dd5;transform:translateY(-1px)}.save-gst-btn:active,.invoice-download-btn:active{transform:translateY(0)}.view-invoice-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.34,1.36,.64,1);box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001f}.view-invoice-body{padding:24px;overflow-y:auto;flex:1;background:#f8fafc}.invoice-preview{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f}.invoice-header-preview{display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #1d6fb8}.company-info h2{font-size:24px;font-weight:700;color:#1d6fb8;margin:0 0 8px}.company-name{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 8px}.company-address{font-size:12px;color:#64748b;line-height:1.5;margin:0}.company-gst{font-size:12px;color:#64748b;margin:8px 0 0}.invoice-title-preview{text-align:right}.invoice-title-preview h1{font-size:28px;font-weight:700;color:#1d6fb8;margin:0 0 8px}.invoice-number{font-size:14px;color:#64748b;margin:0}.billed-to-section{display:flex;justify-content:space-between;margin-bottom:32px;gap:32px}.billed-to h4,.subscription-section h4{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.billed-to p{font-size:12px;color:#1e293b;margin:4px 0;line-height:1.5}.invoice-details{min-width:250px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.detail-label{font-weight:600;color:#64748b}.detail-value{color:#1e293b}.subscription-section{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:24px}.subscription-details{display:flex;flex-wrap:wrap;gap:24px}.sub-detail{font-size:13px}.sub-label{font-weight:600;color:#64748b;margin-right:8px}.sub-value{color:#1e293b}.invoice-items-table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice-items-table th{text-align:left;padding:12px;background:#f8fafc;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.invoice-items-table td{padding:12px;font-size:13px;color:#1e293b;border-bottom:1px solid #f0f4f8}.subtotal-row td,.total-row td{font-weight:600;border-top:1px solid #e2e8f0}.total-row{background:#f8fafc}.text-right{text-align:right}.invoice-footer{text-align:center;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:16px}.invoice-footer p{font-size:12px;color:#64748b;margin:0}.print-btn{padding:10px 24px;background:#28a745;border:none;border-radius:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease}.print-btn:hover{background:#218838;transform:translateY(-1px)}@media(max-width:768px){.invoices-container{padding:12px}.invoices-content{padding:16px}.invoices-header{flex-direction:column;align-items:flex-start}.edit-gst-btn{width:100%;justify-content:center}.filter-invoices-row,.sort-row,.date-filter-invoices-row{flex-direction:column;align-items:stretch}.filter-invoices-group,.date-filter-invoices-row .filter-invoices-group{min-width:auto}.filter-actions-inline,.sort-actions{flex-direction:column}.apply-btn,.reset-btn,.apply-sort-btn,.reset-sort-btn{width:100%}.gst-modal,.edit-invoice-modal{max-width:100%;border-radius:12px}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.invoice-cancel-btn,.save-gst-btn,.invoice-download-btn{width:100%;text-align:center}.pagination{flex-direction:column;align-items:center}.pagination-controls,.pagination-numbers{flex-wrap:wrap;justify-content:center}.view-invoice-modal{max-width:95%;margin:16px}.invoice-preview{padding:20px}.invoice-header-preview{flex-direction:column;gap:16px}.invoice-title-preview{text-align:left}.billed-to-section{flex-direction:column;gap:24px}.subscription-details{flex-direction:column;gap:8px}.invoice-items-table{font-size:11px}.invoice-items-table th,.invoice-items-table td{padding:8px}}@media(max-width:480px){.invoices-title{font-size:18px}.pagination-number,.pagination-arrow{min-width:30px;height:30px;font-size:12px}.invoice-modal-overlay{padding:12px}.modal-header{padding:16px 20px 14px}.modal-body{padding:20px}.modal-footer{padding:12px 20px}}.not-found-container{min-height:100vh;height:100vh;max-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;font-family:Inter,system-ui,sans-serif;overflow:hidden;box-sizing:border-box}.not-found-container:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(10,166,166,.1) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.not-found-container:after{content:"";position:absolute;bottom:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(10,166,166,.1) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.not-found-content{text-align:center;position:relative;z-index:10;max-width:500px;width:100%;margin:0 auto}.error-code{font-size:120px;font-weight:800;color:#1d6fb8;margin:0;line-height:1;text-shadow:0 10px 20px rgba(10,166,166,.2);animation:fadeInDown .8s ease}.error-title{font-size:32px;color:#2d3748;margin:10px 0 20px;font-weight:600;animation:fadeInUp .8s ease .2s both}.error-message{font-size:16px;color:#718096;margin-bottom:40px;line-height:1.6;animation:fadeInUp .8s ease .4s both}.return-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 36px;background:#1d6fb8;color:#fff;text-decoration:none;border-radius:30px;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid transparent;animation:fadeInUp .8s ease .6s both;box-shadow:0 4px 12px #0aa6a633}.return-home-btn:hover{background:#3c8dd5;transform:translateY(-2px);box-shadow:0 8px 20px #0aa6a64d}.return-home-btn:active{transform:translateY(0)}.return-home-btn svg{transition:transform .3s ease}.return-home-btn:hover svg{transform:translate(5px)}.solar-icon{width:80px;height:80px;margin:0 auto 20px;background:#1d6fb8;clip-path:polygon(50% 0%,80% 30%,80% 70%,50% 100%,20% 70%,20% 30%);animation:rotate 20s linear infinite;opacity:.9}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.error-code{font-size:90px}.error-title{font-size:26px}.error-message{font-size:15px;padding:0 20px}.return-home-btn{padding:12px 30px;font-size:15px}.solar-icon{width:60px;height:60px}}@media(max-width:480px){.not-found-container{padding:15px}.error-code{font-size:70px}.error-title{font-size:22px}.error-message{font-size:14px;margin-bottom:30px}.return-home-btn{padding:10px 25px;font-size:14px}.solar-icon{width:50px;height:50px;margin-bottom:15px}}@media(max-width:360px){.error-code{font-size:60px}.error-title{font-size:20px}.error-message{font-size:13px}.return-home-btn{padding:8px 20px;font-size:13px}}.al-container{--al-blue: #1d6fb8;--al-blue-hover: #3c8dd5;--al-blue-shadow: rgba(29, 111, 184, .22);--al-blue-ring: rgba(29, 111, 184, .18);--al-surface: #f5f8fb;--al-bg: #ffffff;--al-border: #e8edf3;--al-border-row: #edf1f6;--al-label: #4a5568;--al-label-muted: #657282;--al-input-text: #2d3748;--al-input-border: #d2d8e2;--al-log-text: #2d3748;--al-log-strong: #1a202c;--al-log-time: #a0aec0;--al-log-hover: #f0f6ff;--al-reset-bg: #edf2f7;--al-card-shadow: rgba(29, 111, 184, .06);--al-ease: .22s cubic-bezier(.4, 0, .2, 1)}.al-container{padding:28px 32px;background:var(--al-surface);min-height:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.al-filters{background:var(--al-bg);border-radius:12px;border:1px solid var(--al-border);padding:8px 0;margin-bottom:24px;box-shadow:0 1px 4px var(--al-card-shadow)}.al-filters-title{font-size:18px;font-weight:600;color:var(--al-label-strong);padding:16px 28px 8px}.al-filter-row{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:14px 28px;border-bottom:1px solid var(--al-border-row);gap:24px;transition:background var(--al-ease)}.al-filter-row:last-of-type{border-bottom:none}.al-filter-row:hover{background:#f8fafd}.al-filter-label{font-size:14px;font-weight:500;color:var(--al-label);-webkit-user-select:none;user-select:none}.al-filter-control{position:relative;width:100%}.al-select{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--al-input-border);border-radius:8px;font-size:14px;color:var(--al-input-text);background:var(--al-bg);appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color var(--al-ease),box-shadow var(--al-ease)}.al-select:hover{border-color:var(--al-blue-hover)}.al-select:focus{border-color:var(--al-blue);box-shadow:0 0 0 3px var(--al-blue-ring)}.al-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--al-label-muted);transition:color var(--al-ease)}.al-filter-control:focus-within .al-select-arrow{color:var(--al-blue)}.al-input{width:100%;padding:10px 14px;border:1px solid var(--al-input-border);border-radius:8px;font-size:14px;color:var(--al-input-text);background:var(--al-bg);outline:none;box-sizing:border-box;transition:border-color var(--al-ease),box-shadow var(--al-ease)}.al-input:hover{border-color:var(--al-blue-hover)}.al-input:focus{border-color:var(--al-blue);box-shadow:0 0 0 3px var(--al-blue-ring)}.al-date-input{cursor:pointer}.al-actions{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 28px 16px}.al-get-logs-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 40px;background:var(--al-blue);border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.8px;color:#fff;cursor:pointer;min-width:140px;justify-content:center;box-shadow:0 2px 8px var(--al-blue-shadow);transition:background var(--al-ease),transform var(--al-ease),box-shadow var(--al-ease)}.al-get-logs-btn:hover:not(:disabled){background:var(--al-blue-hover);transform:translateY(-1px);box-shadow:0 6px 18px var(--al-blue-shadow)}.al-get-logs-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--al-blue-shadow)}.al-get-logs-btn:disabled{opacity:.72;cursor:not-allowed}.al-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:al-spin .7s linear infinite}.al-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--al-reset-bg);border:1px solid var(--al-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--al-label-muted);cursor:pointer;transition:all var(--al-ease)}.al-reset-btn:hover{background:#dde6ef;border-color:var(--al-blue);color:var(--al-blue)}.al-logs-card{background:var(--al-bg);border-radius:12px;border:1px solid var(--al-border);overflow:hidden;box-shadow:0 1px 4px var(--al-card-shadow)}.al-log-scroll{max-height:520px;overflow-y:auto;scroll-behavior:smooth}.al-log-scroll::-webkit-scrollbar{width:5px}.al-log-scroll::-webkit-scrollbar-track{background:transparent}.al-log-scroll::-webkit-scrollbar-thumb{background:#d2d8e2;border-radius:4px}.al-log-scroll::-webkit-scrollbar-thumb:hover{background:var(--al-blue)}.al-log-list{list-style:none;margin:0;padding:0}.al-log-entry{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--al-border-row);animation:al-fade-in .3s ease both;transition:background var(--al-ease)}.al-log-entry:last-child{border-bottom:none}.al-log-entry:hover{background:var(--al-log-hover)}.al-log-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.al-log-content{flex:1;min-width:0}.al-log-text{margin:0 0 4px;font-size:14px;color:var(--al-log-text);line-height:1.5;word-break:break-word}.al-log-text strong{font-weight:600;color:var(--al-log-strong)}.al-log-meta{display:flex;align-items:center;gap:6px}.al-log-project{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;background:#e6f1fb;color:var(--al-blue);letter-spacing:.03em}.al-log-dot{color:#cbd5e1;font-size:13px;line-height:1}.al-log-time{font-size:12px;color:var(--al-log-time)}.al-load-more-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 24px;border-top:1px solid var(--al-border-row);background:#fafbfd}.al-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 24px;background:var(--al-blue);border:none;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#fff;cursor:pointer;box-shadow:0 2px 6px var(--al-blue-shadow);transition:background var(--al-ease),transform var(--al-ease)}.al-load-more-btn:hover:not(:disabled){background:var(--al-blue-hover);transform:translateY(-1px)}.al-load-more-btn:disabled{opacity:.7;cursor:not-allowed}.al-load-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:al-spin .7s linear infinite}.al-load-count{font-size:12px;color:var(--al-label-muted)}.al-all-loaded{text-align:center;padding:12px 24px;font-size:12px;color:var(--al-log-time);border-top:1px solid var(--al-border-row);background:#fafbfd}.al-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:12px;color:#cbd5e1}.al-empty p{font-size:14px;margin:0;color:var(--al-label-muted)}.al-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:14px}.al-loading-spinner{width:32px;height:32px;border:3px solid #dde3eb;border-top-color:var(--al-blue);border-radius:50%;animation:al-spin .8s linear infinite}.al-loading span{font-size:13px;color:var(--al-label-muted)}@keyframes al-spin{to{transform:rotate(360deg)}}@keyframes al-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.al-container{padding:16px}.al-filter-row{grid-template-columns:1fr;gap:6px;padding:12px 16px}.al-filter-label{font-size:11px;font-weight:600;color:var(--al-label-muted);text-transform:uppercase;letter-spacing:.5px}.al-actions{padding:16px;flex-direction:column}.al-get-logs-btn,.al-reset-btn{width:100%;justify-content:center}.al-log-scroll{max-height:420px}.al-log-entry{padding:12px 16px;gap:12px}.al-log-icon{width:32px;height:32px}.al-log-text{font-size:13px}.al-load-more-bar{flex-direction:column;gap:8px;padding:12px 16px}.al-load-more-btn{width:100%;justify-content:center}}@media(max-width:480px){.al-log-text{font-size:12px}.al-log-time{font-size:11px}.al-filter-row{padding:10px 12px}}.settings-layout{display:flex;flex-direction:row;width:100%;height:100%;gap:0}.settings-layout>:first-child{flex-shrink:0}.settings-content-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.settings-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:#fff;border-radius:12px;color:#8c8c8c;font-size:16px;box-shadow:0 2px 8px #0000000f}@media(max-width:768px){.settings-page{height:auto;min-height:calc(100vh - 80px);overflow:visible}.settings-layout{flex-direction:column}.settings-main-content{height:auto;min-height:calc(100vh - 80px)}.settings-content-container{padding:80px 16px 16px}}@media(max-width:480px){.settings-content-container{padding:76px 12px 12px}}.settings-page{width:100%;height:calc(100vh - 80px);background-color:#f8f9fc;overflow:hidden}.settings-layout{display:flex;flex-direction:row;width:100%;height:100%}.settings-main-content{flex:1;overflow-y:auto;height:100%;background-color:#f8f9fc}.settings-content-container{width:100%;min-height:100%}.mobile-settings-toggle{display:none;position:fixed;top:80px;left:16px;z-index:1002;background:#fff;border:1px solid #e4eaf3;border-radius:8px;padding:8px 12px;gap:8px;align-items:center;cursor:pointer;font-size:14px;font-weight:500}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:1003}@media(max-width:768px){.settings-page{height:auto;min-height:calc(100vh - 80px);overflow:visible}.settings-layout{flex-direction:column}}.tasks-container{width:100%;padding:1rem}.standardpadding{padding:0 1rem}.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.row{display:flex;flex-wrap:wrap;width:100%}.col-3{width:25%}.col-9{width:100%}.alignright{display:flex;justify-content:flex-end}.dashboard-top-subtab-switcher{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:2rem;width:fit-content}.dashboard-top-subtab-switcher-button{background:none;border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;display:flex;align-items:center;color:#172b4d;transition:all .2s}.dashboard-top-subtab-switcher-button.active{background:#fff;color:#3c8dd5;box-shadow:0 2px 4px #0000001a}.dashboard-top-subtab-switcher-button:hover{background:#fffc}.gap-2{gap:.5rem}.icon-button{background:transparent;border:2px solid #e5e7eb;padding:.3rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:all .2s ease-in-out;width:30px;height:30px}.icon-button:hover{background:#f0fdfa;border-color:#1d6fb8;color:#1d6fb8}.icon-button:active{transform:rotate(45deg) scale(.95)}.icon-button.active{background:#f0fdfa;border-color:#1d6fb8;color:#1d6fb8}.icon-button svg{transition:transform .2s ease-in-out}.icon-button-google-calendar{background:none;border:none;padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;width:36px;height:36px}.icon-button-google-calendar:hover{background:#f3f4f6}.calendar-icon{width:24px;height:24px;object-fit:contain;display:block}.primary-button{background:#1d6fb8;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:background .2s;white-space:nowrap}.primary-button:hover{background:#3c8dd5}.fixedcontainer{max-width:1200px;margin:0 auto;padding:0 1rem}.mt-4{margin-top:1rem}.filters-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1.5rem}.filters-header{padding:1rem;background:#f9fafb;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e5e7eb}.filters-header:hover{background:#f3f4f6}.filters-expand-icon{display:flex;align-items:center;transition:transform .2s}.filters-header-text{font-weight:500;color:#374151}.filters-content{padding:1rem}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-item{width:16rem}.filter-label{display:block;font-size:.875rem;margin-bottom:.25rem;color:#4b5563}.project-id-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden;background:#fff}.project-id-prefix{padding:.5rem .75rem;background:#f3f4f6;border-right:1px solid #d1d5db;color:#4b5563;font-weight:500}.project-id-field{flex:1;padding:.5rem;border:none;outline:none;font-size:.875rem}.project-id-field::-webkit-inner-spin-button,.project-id-field::-webkit-outer-spin-button{opacity:.5}.clear-input{padding:0 .5rem;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.clear-input:hover{color:#4b5563}.assignee-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;outline:none;cursor:pointer}.assignee-select:hover{border-color:#9ca3af}.assignee-select:focus{border-color:#1d6fb8;box-shadow:0 0 0 2px #0aa6a61a}.reset-button{padding:.5rem 1rem;background:#e5e7eb;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;height:fit-content}.reset-button:hover{background:#d1d5db}.filters-divider{margin:1rem 0;height:1px;background:#e5e7eb}.toggle-item{display:flex;align-items:center;gap:.5rem}.task-toggle-label{font-size:.875rem;color:#4b5563}.toggle-switch{position:relative;width:2.5rem;height:1.25rem;background:#e5e7eb;border-radius:1rem;border:none;cursor:pointer;transition:background .2s;padding:0}.toggle-switch.active{background:#1d6fb8}.toggle-handle{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.toggle-switch.active .toggle-handle{transform:translate(1.25rem)}.calendar-view-button{padding:.5rem 1rem;background:#fff;border:1px solid #1d6fb8;border-radius:.375rem;color:#1d6fb8;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.calendar-view-button:hover{background:#1d6fb8;color:#fff}.button-icon{display:flex;align-items:center}.tasks-table-header{width:100%;background:#f4f4f5;border-radius:.375rem .375rem 0 0;margin-bottom:.25rem}.tasks-table-header th{padding:.75rem;text-align:left;font-weight:500;color:#4b5563;font-size:.875rem}.tasks-section{margin-bottom:.5rem}.tasks-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f4f4f5;border-radius:.375rem;cursor:pointer;transition:background .2s}.tasks-section-header:hover{background:#e5e7eb}.section-title{font-size:1rem;font-weight:600;text-transform:uppercase;color:#1f2937}.section-toggler{display:flex;align-items:center;color:#6b7280}.tasks-section-content{padding:.5rem 0}.tasks-table{width:100%;border-collapse:collapse}.task-row{border-bottom:1px solid #f3f4f6}.task-row:hover{background:#f9fafb}.task-row td{padding:.75rem;font-size:.875rem;color:#374151}.task-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:#1d6fb8}.task-menu-btn{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}.task-menu-btn:hover{background:#e5e7eb;color:#4b5563}.weektaskview{margin-top:2rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.calendar-placeholder{width:100%}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}.calendar-day-header{padding:1rem;text-align:center;font-weight:500;border-right:1px solid #e5e7eb;font-size:.875rem}.calendar-day-header:last-child{border-right:none}.calendar-day-header.today{background:#1d6fb8;color:#fff}.calendar-year{font-weight:400;font-size:.75rem;color:#6b7280}.today .calendar-year{color:#fffc}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);min-height:400px}.calendar-cell{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;min-height:100px;padding:.5rem}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.today{background:#f0fdfa}.valuepropositions{margin:3rem auto}.valuepropositions-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.valuepropositions-list-item{text-align:center;padding:1.5rem;background:#fff;border-radius:.75rem;transition:transform .2s}.valuepropositions-list-item:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}.valuepropositions-list-item-image-container{width:100%;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.valuepropositions-list-item-image{max-width:100%;max-height:100%;object-fit:contain}.valuepropositions-list-item-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:1rem 0 .5rem}.valuepropositions-list-item-desc{font-size:.875rem;color:#6b7280;line-height:1.5}.center{display:flex;justify-content:center;margin:2rem 0}.add-reminder-button{padding:.75rem 1.25rem;font-size:1rem;gap:8px}.pageender{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.pageender-dot{width:.5rem;height:.5rem;border-radius:50%;background:#d1d5db;animation:pulse 2s infinite}.pageender-dot:nth-child(2){animation-delay:.2s}.pageender-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.security-footer{margin-top:3rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.security-badge{display:flex;height:2rem;flex-direction:row;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.google-cloud-icon{height:1.5rem;width:auto}.info-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;margin-top:-.3rem}.info-button:hover{color:#1d6fb8}.info-icon{width:1.25rem;height:1.25rem}.hideonsmall{display:inline-block}@media(max-width:768px){.hideonsmall{display:none}.col-3,.col-9{width:100%}.dashboard-top{flex-direction:column;gap:1rem}.alignright{justify-content:flex-start}.filter-item{width:100%}.valuepropositions-list{grid-template-columns:1fr;gap:1rem}.tasks-table-header{display:none}.task-row td{display:block;width:100%!important;padding:.5rem}.task-row{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem}.calendar-header{font-size:.75rem}}.tasks-modal-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center}.tasks-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tasks-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #eef2f6}.tasks-modal-title{font-size:16px;font-weight:700;color:#0f172a}.tasks-modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}.tasks-modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.tasks-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.tasks-modal-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:13px}.tasks-modal-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#f8fafc;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;width:100%}.tasks-modal-input:focus{outline:none;border-color:#1d6fb8;background:#fff;box-shadow:0 0 0 3px #0aa6a61a}.tasks-modal-input.full{width:100%}.tasks-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tasks-modal-field{display:flex;flex-direction:column;gap:5px}.tasks-modal-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.tasks-modal-submit{width:100%;padding:12px;background:#1d6fb8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .15s;margin-top:4px}.tasks-modal-submit:hover{background:#3c8dd5;transform:translateY(-1px)}.settings-dropdown-wrapper{position:relative}.icon-button.active{background:#f0fdfa;color:#1d6fb8}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:220px;z-index:100;overflow:hidden;animation:modalSlideUp .15s ease}.settings-dropdown-title{padding:10px 14px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:background .15s}.settings-toggle-row:hover{background:#f8fafc}.settings-toggle-row.active{background:#f0fdfa}.settings-toggle-left{display:flex;align-items:center;gap:8px}.settings-user-icon{width:26px;height:26px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;transition:background .2s,color .2s}.settings-user-icon.active{background:#1d6fb8;color:#fff}.settings-toggle-label{font-size:13px;font-weight:500;color:#1e293b}.settings-switch{position:relative;width:36px;height:20px;background:#e2e8f0;border-radius:10px;transition:background .2s;flex-shrink:0}.settings-switch.active{background:#1d6fb8}.settings-switch-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.settings-switch.active .settings-switch-handle{transform:translate(16px)}.section-toggler{display:flex;align-items:center;color:#6b7280;transition:transform .2s;transform:rotate(-90deg)}.section-toggler.open{transform:rotate(0)}.section-count{font-size:.85rem;font-weight:400;color:#6b7280;margin-left:4px}.tasks-empty-row{padding:12px 16px;font-size:13px;color:#9ca3af;font-style:italic}.week-view{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.week-view-header{display:grid;grid-template-columns:60px repeat(7,1fr);background:#f9fafb;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.week-time-gutter{border-right:1px solid #e5e7eb}.week-day-header{padding:10px 6px;text-align:center;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:4px}.week-day-header:last-child{border-right:none}.week-day-header.today{background:#f0fdfa}.week-day-name{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.week-day-number{font-size:18px;font-weight:600;color:#1e293b;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.today-circle{background:#1d6fb8;color:#fff}.week-view-body{max-height:500px;overflow-y:auto}.week-hour-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #f1f5f9;min-height:48px}.week-time-label{font-size:11px;color:#94a3b8;padding:6px 6px 4px;text-align:right;border-right:1px solid #e5e7eb;white-space:nowrap}.week-hour-cell{border-right:1px solid #f1f5f9;padding:2px 4px;min-height:48px}.week-hour-cell:last-child{border-right:none}.week-hour-cell.today{background:#f0fdfa}.week-task-chip{background:#1d6fb8;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-view{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.month-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.month-nav-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;color:#374151;transition:background .2s}.month-nav-btn:hover{background:#e5e7eb}.month-nav-title{font-size:15px;font-weight:700;color:#1e293b}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-day-name{padding:8px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.month-day-name:last-child{border-right:none}.month-cell{min-height:90px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:6px;vertical-align:top}.month-cell:nth-child(7n){border-right:none}.month-cell.empty{background:#fafafa}.month-cell.today{background:#f0fdfa}.month-date-number{font-size:13px;font-weight:600;color:#374151;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:4px}.month-date-number.today-circle{background:#1d6fb8;color:#fff}.month-cell-tasks{display:flex;flex-direction:column;gap:2px}.month-task-chip{background:#1d6fb8;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-task-more{font-size:11px;color:#6b7280;padding-left:2px}.calendar-toggle{background:none;border:none;padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:all .2s}.calendar-toggle:hover{background:#f3f4f6;color:#1d6fb8}.calendar-toggle.active{background:#f0fdfa;color:#1d6fb8}.calendar-view-button{padding:.5rem 1rem;background:#fff;border:1px solid #1d6fb8;border-radius:.375rem;color:#1d6fb8;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap}.calendar-view-button:hover{background:#1d6fb8;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0aa6a633}.calendar-view-button:active{transform:translateY(0);box-shadow:none}.calendar-view-button .button-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.calendar-view-button:hover .button-icon{transform:rotate(15deg)}.calendar-view-button:has(.button-icon svg) .button-icon{transform:rotate(0)}.month-nav-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.month-nav-buttons{display:flex;align-items:center;gap:8px}.month-nav-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s}.month-nav-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.month-nav-title{font-size:16px;font-weight:600;color:#1e293b;min-width:160px;text-align:center}.date-search-container{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 8px;border-radius:8px;border:1px solid #e5e7eb}.date-nav-btn{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:6px;transition:all .2s}.date-nav-btn:hover{background:#f3f4f6;color:#1d6fb8;transform:scale(1.05)}.date-picker-wrapper{position:relative;display:flex;align-items:center}.date-picker-input{padding:7px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s;width:130px}.date-picker-input:hover{border-color:#1d6fb8}.date-picker-input:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 2px #0aa6a61a}.date-picker-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af;font-size:14px}.week-view-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}@media(max-width:768px){.month-nav-header{flex-direction:column;align-items:stretch}.month-nav-buttons{justify-content:space-between}.date-search-container{justify-content:center}.date-picker-input{width:100%}.week-view-footer{justify-content:center}}.date-search-container{animation:fadeIn .3s ease}.date-nav-btn:active,.month-nav-btn:active{transform:scale(.95)}.analytics-container{padding:24px;background:#f8f9fc;min-height:calc(100vh - 120px)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.analytics-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#1d6fb8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analytics-header{margin-bottom:24px}.dashboard-top-heading{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.dashboard-top-subtab-switcher{display:flex;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px;width:fit-content}.dashboard-top-subtab-switcher-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.dashboard-top-subtab-switcher-button svg{width:16px;height:16px}.dashboard-top-subtab-switcher-button:hover{color:#1d6fb8;background:#f0f7ff}.dashboard-top-subtab-switcher-button.active{background:#1d6fb8;color:#fff;box-shadow:0 2px 8px #1d6fb833}.chart-type-toggle{display:flex;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:3px}.chart-type-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:7px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.chart-type-btn svg{width:14px;height:14px}.chart-type-btn:hover{color:#1d6fb8;background:#f0f7ff}.chart-type-btn.active{background:#1d6fb8;color:#fff}.stats-cards-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-compact-card{flex:1;min-width:140px;background:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;transition:all .2s ease;box-shadow:0 1px 2px #00000008}.stat-compact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#1d6fb8}.stat-compact-icon{width:40px;height:40px;background:linear-gradient(135deg,#e8f2fb,#d4e4f5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1d6fb8}.stat-compact-icon svg{width:20px;height:20px}.stat-compact-info{flex:1}.stat-compact-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:4px}.stat-compact-value{font-size:22px;font-weight:700;color:#1f2937;line-height:1.2}.year-selection{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;border:1px solid #e5e7eb}.year-selection-content h3{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:12px}.year-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.year-select{padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;min-width:100px}.collapsible-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:20px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f9fafb;cursor:pointer;transition:background .2s ease}.card-header:hover{background:#f3f4f6}.card-header h3{font-size:14px;font-weight:600;color:#1f2937;margin:0}.collapse-icon{width:18px;height:18px;color:#6b7280;transition:transform .3s ease}.collapse-icon.collapsed{transform:rotate(180deg)}.card-content{padding:20px;border-top:1px solid #e5e7eb}.chart-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;transition:box-shadow .2s ease}.chart-card.full-width{width:100%}.chart-card:hover{box-shadow:0 4px 12px #0000000d}.chart-header{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.chart-header h3{font-size:15px;font-weight:600;color:#1f2937;margin:0}.chart-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.total-projects-badge{display:flex;align-items:center;gap:6px;background:#fef3e8;padding:4px 10px;border-radius:20px}.total-projects-size-badge{display:flex;align-items:center;gap:6px;background:#d4e4f5;padding:4px 10px;border-radius:20px}.badge-label{font-size:11px;font-weight:500;color:#d97706}.badge-value{font-size:16px;font-weight:700;color:#d97706}.badge-label-size{font-size:11px;font-weight:500;color:#1d6fb8}.badge-value-size{font-size:16px;font-weight:700;color:#1d6fb8}.pie-center-text{font-size:20px;font-weight:700;fill:#1f2937}.yearly-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contribution-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contribution-table{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.contribution-table .table-header{background:#f9fafb;padding:10px 14px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;font-size:13px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:12px}.data-table th{background:#f9fafb;font-weight:600;color:#6b7280}.data-table td{color:#374151}.data-table tr:hover td{background:#f9fafb}.no-data{text-align:center;color:#9ca3af;padding:24px!important}.lane-chart{width:100%;height:350px}.distribution-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.total-view-container{display:flex;flex-direction:column;gap:20px}.monthly-controls-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.control-group{display:flex;align-items:center;gap:10px}.control-group label{font-size:13px;font-weight:500;color:#374151}.month-select,.category-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;min-width:120px}.monthly-summary{margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#1d6fb8,#3c8dd5);border-radius:12px;padding:20px;color:#fff}.summary-card h4{font-size:16px;font-weight:600;margin-bottom:14px}.summary-stats{display:flex;gap:28px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:22px;font-weight:700}.comparison-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:1024px){.yearly-charts,.comparison-charts,.distribution-row,.contribution-tables{grid-template-columns:1fr}.stats-cards-row{gap:12px}.stat-compact-card{min-width:calc(25% - 12px)}}@media(max-width:768px){.analytics-container{padding:16px}.dashboard-top-heading{flex-direction:column;align-items:flex-start}.dashboard-top-subtab-switcher-button{padding:6px 12px;font-size:12px}.dashboard-top-subtab-switcher-button span{display:none}.chart-type-toggle{width:100%;justify-content:center}.stats-cards-row{flex-wrap:wrap}.stat-compact-card{min-width:calc(50% - 8px);flex:none}.year-controls-row{flex-direction:column;align-items:stretch}.monthly-controls-row{flex-direction:column}.control-group{width:100%}.month-select,.category-select{flex:1}.summary-stats{flex-direction:column;gap:12px}.stat-value{font-size:18px}.data-table th,.data-table td{padding:8px 10px;font-size:11px}.card-header{padding:12px 16px}.card-header h3{font-size:13px}.card-content{padding:16px}.chart-header h3{font-size:14px}}@media(max-width:480px){.stat-compact-card{min-width:100%}.chart-header{flex-direction:column;align-items:flex-start}.total-projects-badge,.total-projects-size-badge{align-self:flex-start}.pie-center-text{font-size:16px}}:root{--primary-color: #1d6fb8;--primary-hover: #3c8dd5;--primary-dark: #155a99;--danger: #dc2626;--danger-hover: #ef4444;--success: #22c55e;--warning: #f59e0b;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f9fafb;--border-light: #e5e7eb;--border-lighter: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease}.leads-container{padding:24px;background:var(--bg-page);min-height:calc(100vh - 120px)}.leads-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.toggle-wrapper{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;width:48px;height:24px;background:#cbd5e1;border-radius:12px;border:none;cursor:pointer;transition:background .2s ease;padding:0}.toggle-switch.toggle-on{background:var(--danger)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.toggle-on .toggle-knob{transform:translate(24px)}.toggle-text{font-size:14px;font-weight:500;color:var(--text-primary)}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f0f7ff}.new-lead-group{display:flex;align-items:center;gap:16px}.new-lead-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.new-lead-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 6px #1d6fb84d}.new-lead-icons{display:flex;align-items:center;gap:4px}.lead-icon-btn{width:34px;height:34px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.lead-icon-btn:hover{background:#f0f7ff;border-color:var(--primary-color);color:var(--primary-color)}.export-menu{position:absolute;right:28px;top:60px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;min-width:160px}.export-menu button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:13px;cursor:pointer;transition:background var(--transition-fast)}.export-menu button:hover{background:var(--bg-hover);color:var(--primary-color)}.filters-panel{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:20px;margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filter-leads-group{display:flex;flex-direction:column;gap:6px}.filter-leads-group label{font-size:11px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px}.filter-input,.filter-select{padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:12px;outline:none;transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1d6fb81a}.filter-actions{display:flex;justify-content:flex-end}.apply-filters-btn{padding:8px 20px;background:var(--primary-color);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.apply-filters-btn:hover{background:var(--primary-hover)}.leads-empty-state{max-width:900px;margin:0 auto}.leads-hero{text-align:center;margin-bottom:48px}.leads-hero-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.3px}.leads-hero-sub{font-size:15px;color:var(--text-secondary);max-width:550px;margin:0 auto 32px;line-height:1.5}.leads-hero-image{max-width:400px;margin:0 auto}.leads-hero-image img{width:100%;height:auto}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){.integrations-grid{gap:16px;max-width:100%}}@media(max-width:640px){.integrations-grid{grid-template-columns:1fr;gap:16px}}.integration-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-light);transition:all var(--transition-normal);cursor:pointer;animation:fadeInUp .4s ease forwards;opacity:0}.integration-card:nth-child(1){animation-delay:.05s}.integration-card:nth-child(2){animation-delay:.1s}.integration-card:nth-child(3){animation-delay:.15s}.integration-card:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.integration-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.integration-card.highlighted{background:linear-gradient(135deg,#fff5f5 0%,var(--bg-card) 100%);border-color:#fecaca}.integration-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-icon img{width:48px;height:48px;object-fit:contain}.integration-info{flex:1}.integration-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.integration-badge{font-size:11px;font-weight:500;color:var(--text-secondary);display:inline-block;padding:4px 10px;background:var(--border-lighter);border-radius:20px}.badge-highlighted{background:#fee2e2;color:#991b1b}.suggest-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--border-lighter);border:1px dashed #cbd5e1;border-radius:var(--radius-lg);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.suggest-btn:hover{background:var(--border-light);color:var(--primary-color);border-color:var(--primary-color)}.leads-table-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.table-scroll-container{overflow-x:auto;overflow-y:visible;border-radius:var(--radius-lg)}.leads-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px}.leads-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.leads-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.leads-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.leads-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.leads-table th{text-align:left;padding:12px 14px;background:var(--bg-hover);font-size:11px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.3px}.leads-table td{padding:10px 14px;border-bottom:1px solid var(--border-lighter);font-size:13px;color:var(--text-secondary)}.leads-table tbody tr:hover{background:var(--bg-hover)}.leads-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 8px;background:#dbeafe;border-radius:var(--radius-lg);font-size:11px;font-weight:600;color:#1e40af}.disqualified-badge{display:inline-block;padding:4px 8px;background:#fee2e2;border-radius:var(--radius-lg);font-size:11px;font-weight:600;color:#991b1b}.view-lead-btn,.restore-lead-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:all var(--transition-fast)}.view-lead-btn:hover,.restore-lead-btn:hover{background:var(--border-lighter);color:var(--primary-color)}.leads-empty-disqualified{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.leads-empty-disqualified svg{margin-bottom:16px;opacity:.5}.leads-empty-disqualified p{font-size:14px;color:var(--text-secondary)}.leads-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-modal,.create-lead-modal,.bulk-import-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-hover);flex-shrink:0}.modal-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.modal-close:hover{color:var(--danger)}.modal-body-scrollable,.modal-body{padding:20px;overflow-y:auto;overflow-x:hidden;flex:1}.lead-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-light);background:var(--bg-hover);flex-shrink:0}.settings-group{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.settings-select{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.required{color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;outline:none;transition:all var(--transition-fast);font-family:inherit;box-sizing:border-box}.form-textarea{resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1d6fb81a}.phone-input{display:flex;align-items:center;gap:8px}.phone-prefix{padding:8px 12px;background:var(--border-lighter);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);flex-shrink:0}.phone-field{flex:1}.field-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.upload-area{text-align:center;padding:40px;border:2px dashed var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px}.upload-area svg{margin-bottom:12px}.upload-area p{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.upload-btn{padding:8px 20px;background:var(--border-lighter);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.upload-btn:hover{background:var(--border-light)}.import-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn,.create-btn,.import-btn{padding:8px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cancel-btn{background:var(--border-lighter);border:1px solid var(--border-light);color:var(--text-secondary)}.cancel-btn:hover{background:var(--border-light)}.save-btn,.create-btn,.import-btn{background:var(--primary-color);border:none;color:#fff}.save-btn:hover,.create-btn:hover,.import-btn:hover{background:var(--primary-hover)}.modal-body-scrollable::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.table-scroll-container::-webkit-scrollbar{width:8px;height:8px}.modal-body-scrollable::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body-scrollable::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.table-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body-scrollable::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.leads-container{padding:16px}.leads-topbar{flex-direction:column;align-items:stretch}.toggle-wrapper{justify-content:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:stretch}.action-btn{flex:1;justify-content:center}.new-lead-group{width:100%}.new-lead-btn{flex:1;justify-content:center}.filters-grid{grid-template-columns:1fr}.leads-hero-title{font-size:22px}.export-menu{right:16px;top:180px}.modal-body-scrollable,.modal-body{padding:16px}}@media(max-width:480px){.integration-icon{width:44px;height:44px}.integration-icon img{width:36px;height:36px}.integration-name{font-size:12px}.integration-badge{font-size:9px;padding:3px 8px}.lead-modal-footer{flex-direction:column}.cancel-btn,.save-btn,.create-btn,.import-btn{width:100%;text-align:center}}.ticketing-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 20px #1d6fb838;padding:24px}.tabs-header{display:flex;gap:32px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.tab-btn{background:none;border:none;padding:12px 0;font-size:15px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative}.tab-btn.active{color:#1d6fb8}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1d6fb8;border-radius:2px}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.view-toggle{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:8px}.view-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.view-btn.active{background:#fff;color:#1d6fb8;box-shadow:0 1px 3px #0000001a}.create-new-ticket-btn{background:#1d6fb8;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.create-new-ticket-btn:hover{background:#3c8dd5}.header-actions{display:flex;gap:12px;align-items:center}.filter-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#1d6fb8;color:#1d6fb8;background:#f8fafc}.filter-btn.active{border-color:#1d6fb8;color:#1d6fb8;background:#eef2ff}.ticket-filter-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden;animation:fadeIn .2s ease;box-shadow:0 1px 3px #0000000d}.ticket-filter-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.ticket-filter-card-header h3{margin:0;color:#1e293b;font-size:16px;font-weight:600}.apply-filters-btn-header{background:#1d6fb8;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:background .2s}.apply-filters-btn-header:hover{background:#1558a0}.ticket-filter-card-body{padding:20px}.filter-ticket-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field.full-width{grid-column:span 2}.filter-field label{font-weight:500;color:#334155;font-size:13px}.filter-field input,.filter-field select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 2px #1d6fb81a}.filter-field input::placeholder{color:#94a3b8;font-size:13px}.filter-actions{display:flex;gap:12px;margin-top:8px;justify-content:flex-end}.apply-filters-btn{background:#1d6fb8;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.apply-filters-btn:hover{background:#1558a0}.reset-filters-btn{background:#fff;border:1px solid #cbd5e1;color:#64748b;padding:8px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.reset-filters-btn:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.tickets-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1400px}.tickets-table th,.tickets-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap;text-overflow:ellipsis}.tickets-table th{background:#f8fafc;font-weight:600;color:#1e293b;position:sticky;top:0;z-index:10}.tickets-table tr:hover td{background:#f1f5f9}.status{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500}.status.open{background:#fee2e2;color:#dc2626}.status.in-progress{background:#fff3e3;color:#ea580c}.status.closed{background:#dcfce7;color:#16a34a}.priority{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500}.priority.high{background:#fee2e2;color:#dc2626}.priority.medium{background:#fff3e3;color:#ea580c}.priority.low{background:#dcfce7;color:#16a34a}.tag-small{display:inline-block;background:#e2e8f0;padding:2px 6px;border-radius:12px;font-size:11px;margin-right:4px;color:#334155}.action-btn{background:transparent;border:1px solid #cbd5e1;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#1d6fb8;color:#fff;border-color:#1d6fb8}.no-data{text-align:center;padding:48px!important;color:#64748b}.no-data img{width:180px;margin-bottom:16px;opacity:.6}.grid-view{display:grid;gap:20px}.ticket-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;background:#fff}.ticket-card:hover{box-shadow:0 4px 12px #1d6fb81a;transform:translateY(-2px)}.ticket-card h4{margin:0 0 12px;color:#1e293b;font-size:16px}.ticket-card p{margin:8px 0;font-size:13px;color:#475569}.canned-actions{padding:8px 0}.canned-header{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.info-text{color:#475569;font-size:14px;margin:0;flex:1}.new-canned-btn{background:#fff;border:1px solid #1d6fb8;color:#1d6fb8;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.new-canned-btn:hover{background:#1d6fb8;color:#fff}.canned-list{display:flex;flex-direction:column;gap:20px}.canned-item{background:#f8fafc;border-left:4px solid #3c8dd5;padding:16px 20px;border-radius:8px}.canned-item h3{margin:0 0 8px;color:#1e293b;font-size:15px}.canned-item p{margin:0;color:#475569;font-size:14px;white-space:pre-wrap}.ticket-settings{max-width:600px;padding:16px 0}.settings-group{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.settings-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:12px;font-size:15px}.settings-group div{margin:8px 0;display:flex;align-items:center;gap:8px}.settings-group input[type=checkbox],.settings-group input[type=radio]{width:16px;height:16px;accent-color:#1d6fb8}.settings-group select{margin-left:16px;padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.save-settings{background:#1d6fb8;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.save-settings:hover{background:#1558a0}.tickets-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.tickets-modal-container{background:#fff;width:700px;max-width:90vw;max-height:85vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:modalFadeIn .2s ease;box-shadow:0 20px 35px -10px #0003}.tickets-modal-container.small{width:520px}.tickets-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:16px 16px 0 0;flex-shrink:0}.tickets-modal-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:600}.tickets-modal-body{padding:24px;overflow-y:auto;flex:1}.tickets-modal-container.create-ticket-modal{width:650px}.ticket-create-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:16px 16px 0 0;flex-shrink:0}.ticket-create-header .ticket-modal-title{margin:0;font-size:18px;font-weight:600;color:#1e293b}.ticket-create-body{padding:20px 24px 24px;overflow-y:auto;flex:1}.close-ticket-modal-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background .2s;flex-shrink:0}.close-ticket-modal-btn:hover{color:#dc2626;background:#fef2f2}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.createticket-form .ticket-form-field,.tickets-modal-body .ticket-form-field{margin-bottom:20px}.createticket-form label,.tickets-modal-body .ticket-form-field label{display:block;font-weight:700;margin:14px;color:#334155;font-size:14px}.createticket-form input,.createticket-form textarea,.createticket-form select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.createticket-form input:focus,.createticket-form textarea:focus,.createticket-form select:focus{outline:none;border-color:#1d6fb8;box-shadow:0 0 0 2px #1d6fb81a}.createticket-form .checkbox-label{display:flex;align-items:center;gap:10px;font-weight:400!important;font-size:14px;color:#334155;cursor:pointer}.createticket-form .checkbox-label input{width:16px;height:16px;margin:0;accent-color:#1d6fb8;flex-shrink:0}.required{color:#dc2626}.createticket-form .tags-select{border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#fff}.createticket-form .tags-select input{border:none;padding:6px 0;margin-bottom:6px;width:100%;box-sizing:border-box}.createticket-form .tags-select input:focus{outline:none;box-shadow:none}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e2e8f0;padding:4px 10px;border-radius:20px;font-size:12px;color:#334155}.upload-btn,.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:16px;box-sizing:border-box}.upload-btn{background:#fff;border:1px solid #cbd5e1;color:#475569}.upload-btn:hover{background:#f1f5f9}.submit-btn{background:#1d6fb8;border:none;color:#fff}.submit-btn:hover{background:#1558a0}.create-canned-btn{background:#1d6fb8;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;width:100%;margin-top:12px;transition:background .2s}.create-canned-btn:hover{background:#3c8dd5}@media(max-width:768px){.filter-ticket-row{grid-template-columns:1fr;gap:16px}.filter-field.full-width{grid-column:span 1}.filter-actions{justify-content:stretch}.apply-filters-btn,.reset-filters-btn{flex:1}.home-header{flex-direction:column;align-items:stretch}.view-toggle,.header-actions{justify-content:center}.tickets-modal-container{width:95vw;max-height:90vh}}.apr-wrap{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 20px #1d6fb824;overflow:hidden}.apr-header{padding:20px 24px 0;border-bottom:1px solid #e2e8f0}.apr-wrap h3{padding:2px 24px 8px 12px}.apr-tabs{display:flex;gap:0}.apr-tab{display:flex;gap:6px;padding:10px 18px;font-size:15px;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.apr-tab:hover{color:#1e293b}.apr-tab--active{color:#185fa5;border-bottom-color:#185fa5;font-weight:500}.apr-body{padding:20px 24px 28px}.apr-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.floating-field{position:relative;min-width:240px}.floating-field label{position:absolute;top:7px;left:12px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#185fa5;pointer-events:none;z-index:1}.floating-field select,.floating-field input{width:100%;padding:24px 36px 8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;appearance:none;outline:none;transition:border-color .15s,box-shadow .15s}.floating-field select:focus,.floating-field input:focus{border-color:#185fa5;box-shadow:0 0 0 3px #185fa51a}.select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.apr-seg{display:flex;gap:0;background:#f1f5f9;border-radius:8px;padding:3px;width:fit-content;margin-bottom:20px}.seg-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:400;color:#64748b;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.seg-btn:hover{color:#1e293b}.seg-btn--active{background:#fff;font-weight:500;box-shadow:0 1px 3px #00000014}.seg--pending{color:#185fa5}.seg--approved{color:#0f6e56}.seg--rejected{color:#a32d2d}.seg-count{font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px}.count--pending{background:#e6f1fb;color:#185fa5}.count--approved{background:#e1f5ee;color:#0f6e56}.count--rejected{background:#fcebeb;color:#a32d2d}.apr-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.apr-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}.apr-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:2}.apr-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.apr-table tbody tr:last-child td{border-bottom:none}.apr-table tbody tr:hover td{background:#f8fafc}.name-cell{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#b5d4f4;color:#0c447c;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.date-cell{color:#94a3b8;font-size:12px}.status-badge{display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;border-radius:10px;text-transform:capitalize}.badge-approved{background:#e1f5ee;color:#0f6e56}.badge-rejected{background:#fcebeb;color:#a32d2d}.badge-pending{background:#e6f1fb;color:#185fa5}.action-group{display:flex;gap:6px;align-items:center}.act-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid;white-space:nowrap}.act-btn--approve{background:#e1f5ee;color:#0f6e56;border-color:#9fe1cb}.act-btn--approve:hover{background:#9fe1cb}.act-btn--reject{background:#fcebeb;color:#a32d2d;border-color:#f7c1c1}.act-btn--reject:hover{background:#f7c1c1}.act-btn--view{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.act-btn--view:hover{color:#1e293b;border-color:#cbd5e1}.empty-state{text-align:center;padding:56px 24px;color:#94a3b8}.empty-icon{color:#cbd5e1;margin-bottom:12px}.empty-state p{font-size:14px;color:#94a3b8}@media(max-width:640px){.apr-body{padding:16px}.apr-filter-bar{flex-direction:column}.floating-field{min-width:auto}.apr-seg{width:100%}.seg-btn{flex:1;justify-content:center}.action-group{flex-direction:column;align-items:stretch}.act-btn{justify-content:center}}.notif-page,.notif-bell-wrap{--notif-blue: #1d6fb8;--notif-blue-hover: #3c8dd5;--notif-blue-ring: rgba(29, 111, 184, .18);--notif-blue-light: #e6f1fb;--notif-teal: #155a99;--notif-border: #e8edf3;--notif-border-row: #edf1f6;--notif-bg: #ffffff;--notif-surface: #f5f8fb;--notif-label: #4a5568;--notif-muted: #657282;--notif-shadow: rgba(29, 111, 184, .14);--notif-ease: .22s cubic-bezier(.4, 0, .2, 1)}.notif-page{display:flex;justify-content:center;padding:32px 24px;background:var(--notif-surface);min-height:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notif-card{position:relative;background:var(--notif-bg);border-radius:12px;border:1px solid var(--notif-border);box-shadow:0 8px 32px var(--notif-shadow),0 1px 4px #0000000f;width:400px;overflow:visible;animation:notif-drop .2s ease both}@keyframes notif-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-card-arrow{position:absolute;top:-8px;right:20px;width:14px;height:14px;background:var(--notif-bg);border-left:1px solid var(--notif-border);border-top:1px solid var(--notif-border);transform:rotate(45deg);border-radius:2px 0 0;z-index:1}.notif-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--notif-border)}.notif-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1a202c;letter-spacing:-.01em}.notif-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--notif-blue);color:#fff;font-size:11px;font-weight:600;border-radius:10px}.notif-card-actions{display:flex;gap:4px}.notif-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:none;color:var(--notif-muted);cursor:pointer;transition:background var(--notif-ease),color var(--notif-ease)}.notif-icon-btn:hover{background:var(--notif-blue-light);color:var(--notif-blue)}.notif-card-body{min-height:180px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 32px;gap:12px}.notif-empty-text{margin:0;font-size:14px;color:var(--notif-muted);text-align:center}.notif-list{list-style:none;margin:0;padding:0}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid var(--notif-border-row);transition:background var(--notif-ease);cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f0f6ff}.notif-item--unread{background:var(--notif-blue-light)}.notif-item--unread:hover{background:#d8eaf8}.notif-item-dot{flex-shrink:0;margin-top:6px;width:7px;height:7px;border-radius:50%;background:var(--notif-blue)}.notif-item-body{flex:1;min-width:0}.notif-item-type{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--notif-blue);margin-bottom:3px}.notif-item-msg{margin:0 0 4px;font-size:13px;color:#2d3748;line-height:1.4;word-break:break-word}.notif-item-time{font-size:11px;color:#a0aec0}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background var(--notif-ease),border-color var(--notif-ease)}.notif-bell-btn:hover,.notif-bell-btn--active{background:#ffffff26;border-color:#ffffff80}.notif-bell-dot{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:10px;border:2px solid var(--notif-blue);display:flex;align-items:center;justify-content:center;line-height:1}.notif-dropdown{position:absolute;top:calc(100% + 14px);right:-8px;z-index:1000}.notif-pref-overlay{position:fixed;inset:0;background:#0f172a66;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:notif-fade .18s ease both}@keyframes notif-fade{0%{opacity:0}to{opacity:1}}.notif-pref-modal{position:relative;background:var(--notif-bg);border-radius:14px;box-shadow:0 24px 64px #0f172a2e;width:100%;max-width:520px;padding:32px 32px 0;animation:notif-rise .22s ease both;display:flex;flex-direction:column;max-height:90vh}@keyframes notif-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notif-pref-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--notif-teal);cursor:pointer;transition:background var(--notif-ease)}.notif-pref-close:hover{background:#f0fdf9}.notif-pref-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#1a202c;text-align:center}.notif-pref-sub{margin:0 0 20px;font-size:14px;color:var(--notif-muted);text-align:center}.notif-pref-tags-wrap{flex:1;overflow-y:auto;border:1px solid var(--notif-border);border-radius:8px;padding:14px;margin-bottom:0}.notif-pref-tags-wrap::-webkit-scrollbar{width:4px}.notif-pref-tags-wrap::-webkit-scrollbar-track{background:transparent}.notif-pref-tags-wrap::-webkit-scrollbar-thumb{background:#d2d8e2;border-radius:4px}.notif-pref-tags-wrap::-webkit-scrollbar-thumb:hover{background:var(--notif-blue)}.notif-pref-tags{display:flex;flex-wrap:wrap;gap:8px}.notif-pref-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--notif-border);border-radius:6px;background:var(--notif-bg);font-size:13px;color:#2d3748;cursor:pointer;transition:all var(--notif-ease);white-space:nowrap}.notif-pref-tag:hover{border-color:var(--notif-blue);color:var(--notif-blue);background:var(--notif-blue-light)}.notif-pref-tag--on{border-color:var(--notif-border);background:var(--notif-bg);color:#2d3748}.notif-pref-tag--on svg{color:var(--notif-muted);flex-shrink:0}.notif-pref-tag--on:hover svg{color:#ef4444}.notif-pref-footer{display:flex;justify-content:center;padding:20px 0 24px}.notif-pref-save{padding:10px 48px;background:var(--notif-bg);border:1.5px solid var(--notif-teal);border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--notif-teal);cursor:pointer;transition:all var(--notif-ease)}.notif-pref-save:hover{background:var(--notif-teal);color:#fff}@media(max-width:480px){.notif-card{width:calc(100vw - 32px)}.notif-dropdown{right:-16px}.notif-pref-modal{padding:24px 20px 0}.notif-pref-title{font-size:16px}}.fup-overlay{--fup-teal: #0d9488;--fup-teal-light: #e6faf8;--fup-teal-hover: #0f766e;--fup-blue: #1d6fb8;--fup-blue-light: #e6f1fb;--fup-orange: #f97316;--fup-border: #e8edf3;--fup-border-row: #edf1f6;--fup-bg: #ffffff;--fup-surface: #f5f8fb;--fup-label: #4a5568;--fup-muted: #94a3b8;--fup-strong: #1a202c;--fup-shadow: rgba(29, 111, 184, .12);--fup-ease: .22s cubic-bezier(.4, 0, .2, 1);--fup-width: 360px}.fup-overlay{position:fixed;inset:0;z-index:900;pointer-events:none}.fup-panel{pointer-events:all;position:fixed;top:60px;right:0;width:var(--fup-width);height:calc(100vh - 60px);background:var(--fup-bg);border-left:1px solid var(--fup-border);box-shadow:-6px 0 32px var(--fup-shadow);display:flex;flex-direction:column;overflow:hidden;animation:fup-slide-in .26s cubic-bezier(.4,0,.2,1) both;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:900}@keyframes fup-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fup-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 14px 6px;border-bottom:1px solid var(--fup-border);flex-shrink:0}.fup-panel-header-actions{display:flex;gap:4px}.fup-header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--fup-muted);cursor:pointer;transition:background var(--fup-ease),color var(--fup-ease)}.fup-header-btn:hover{background:var(--fup-surface);color:var(--fup-strong)}.fup-header-btn--spinning svg{animation:fup-spin .7s linear infinite}@keyframes fup-spin{to{transform:rotate(360deg)}}.fup-slide-wrap{flex:1;overflow-y:auto;overflow-x:hidden}.fup-slide-wrap::-webkit-scrollbar{width:4px}.fup-slide-wrap::-webkit-scrollbar-track{background:transparent}.fup-slide-wrap::-webkit-scrollbar-thumb{background:#d2d8e2;border-radius:4px}.fup-slide-wrap::-webkit-scrollbar-thumb:hover{background:var(--fup-teal)}.fup-slide{padding:16px 20px 20px}.fup-slide-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.fup-slide-title{margin:0;font-size:17px;font-weight:700;color:var(--fup-strong)}.fup-days-row{display:flex;justify-content:space-between;margin-bottom:20px}.fup-day-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.fup-day-label{font-size:12px;font-weight:500;color:var(--fup-muted)}.fup-day-dot{width:28px;height:28px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;transition:background var(--fup-ease)}.fup-day-dot--active{background:var(--fup-teal)}.fup-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fup-border);border:1px solid var(--fup-border);border-radius:10px;overflow:hidden;margin-bottom:16px}.fup-stat-cell{background:var(--fup-bg);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.fup-stat-label{font-size:11px;font-weight:500;color:var(--fup-muted);text-transform:uppercase;letter-spacing:.04em}.fup-stat-value{font-size:28px;font-weight:700;color:var(--fup-blue);line-height:1}.fup-stat-value--zero{color:var(--fup-strong)}.fup-stat-delta{font-size:11px;font-weight:500;display:flex;align-items:center;gap:2px}.fup-stat-delta--up{color:var(--fup-teal)}.fup-stat-delta--down{color:#ef4444}.fup-promo-banner{display:flex;align-items:flex-start;gap:10px;background:#f0fdf9;border:1px solid #99e6da;border-radius:10px;padding:14px}.fup-promo-icon{flex-shrink:0;margin-top:2px}.fup-promo-title{margin:0 0 4px;font-size:13px;font-weight:600;color:#0f5448}.fup-promo-desc{margin:0;font-size:12px;color:#2d7a6e;line-height:1.5}.fup-score-header{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--fup-border-row);margin-bottom:16px}.fup-score-label{margin:0 0 4px;font-size:13px;color:var(--fup-muted)}.fup-score-value{margin:0 0 6px;font-size:36px;font-weight:800;color:var(--fup-strong);letter-spacing:-.02em}.fup-score-sub{margin:0;font-size:12px;color:var(--fup-muted)}.fup-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin-bottom:20px}.fup-feature-item{display:flex;align-items:center;gap:7px}.fup-feature-label{font-size:13px;color:var(--fup-label);font-weight:400}.fup-feature-label--inactive{color:var(--fup-muted)}.fup-cta-row{display:flex;gap:8px}.fup-cta-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--fup-ease);white-space:nowrap}.fup-cta-btn--outline{background:var(--fup-bg);border:1.5px solid var(--fup-teal);color:var(--fup-teal)}.fup-cta-btn--outline:hover{background:var(--fup-teal-light)}.fup-cta-btn--fill{background:var(--fup-teal);border:1.5px solid var(--fup-teal);color:#fff}.fup-cta-btn--fill:hover{background:var(--fup-teal-hover);border-color:var(--fup-teal-hover)}.fup-tips-list{display:flex;flex-direction:column;gap:12px}.fup-tip-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--fup-surface);border:1px solid var(--fup-border-row);border-radius:8px}.fup-tip-emoji{font-size:18px;flex-shrink:0;line-height:1.3}.fup-tip-text{margin:0;font-size:13px;color:var(--fup-label);line-height:1.5}.fup-dots{display:flex;justify-content:center;gap:7px;padding:12px 0 14px;border-top:1px solid var(--fup-border-row);flex-shrink:0}.fup-dot{width:8px;height:8px;border-radius:50%;background:#d2d8e2;border:none;cursor:pointer;padding:0;transition:background var(--fup-ease),transform var(--fup-ease)}.fup-dot--active{background:var(--fup-teal);transform:scale(1.25)}@media(max-width:480px){.fup-panel{width:100vw;top:52px}}:root{--header-height: 60px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--sidebar-transition: .26s cubic-bezier(.4, 0, .2, 1)}.app-header .sl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;-webkit-user-select:none;user-select:none;padding:6px 14px 6px 6px;border-radius:100px;background:#1d6fb8;border:1px solid rgba(255,255,255,.22);transition:background .2s ease,border-color .2s ease,transform .2s ease}.app-header .sl-logo:hover{border-color:#ffffff61;background:#3c8dd5;transform:translateY(-1px)}.app-header .sl-icon{width:36px;height:36px;flex-shrink:0;animation:logoSpin 18s linear infinite;transform-origin:center}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header .sl-icon line{stroke:#fffffff2!important}.app-header .sl-icon circle{stroke:#fffffff2!important}.app-header .sl-icon circle:first-of-type{fill:#ffffff24!important;stroke:none!important}.app-header .sl-words{display:flex;flex-direction:column;line-height:1;gap:2px}.app-header .sl-solar{font-size:9px;font-weight:700;color:#ffffffad;letter-spacing:.22em;text-transform:uppercase}.app-header .sl-ladder{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.1}.dashboard-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;width:100%;overflow:hidden}.dashboard-body{display:flex;flex:1 1 auto;overflow:hidden;min-height:0}.dashboard-main{margin-top:var(--header-height);margin-left:var(--sidebar-width);flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:margin-left var(--sidebar-transition)}.dashboard-main--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#1d6fb8;border-bottom:1px solid rgba(0,0,0,.08);height:var(--header-height);flex-shrink:0;z-index:50}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center}.flex{display:flex}.gap-2{gap:8px}.items-center{align-items:center}.universalsearch-toggle{display:flex;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:2px 4px;cursor:pointer;transition:background .2s}.universalsearch-toggle:hover{background:#ffffff38}.universalsearch-toggle .text-\[\#1d6fb8\]{color:#fff}.universalsearch-toggle .react-icon{padding:4px;color:#fff}.universalsearch-toggle svg{fill:#fff}.universalsearch-toggle-keybinding{background:#fff3;padding:4px 12px;border-radius:100px;font-size:13px;color:#ffffffe6;font-weight:600;margin-left:4px}.ant-btn{display:inline-flex;justify-content:center;padding:8px 14px;gap:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;border-radius:10rem;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;line-height:1}.ant-btn:hover{background:#ffffff38;border-color:#fff6;color:#fff}.ant-btn-icon-only{width:36px;height:36px;padding:0}.ant-btn-icon{display:flex;align-items:center;justify-content:center;font-size:18px}.ant-btn-icon svg{width:1em;height:1em;fill:#ffffffe6}.ant-btn:hover .ant-btn-icon svg{fill:#fff}.ant-badge{position:relative}.rounded-full{border-radius:9999px!important}.ant-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#fff3;border:2px solid rgba(255,255,255,.5);color:#1d6fb8;font-weight:700;cursor:pointer;transition:all .2s}.ant-avatar:hover{background-color:#ffffff4d;border-color:#fff}.ant-avatar-icon{font-size:16px}.dashboard-avatar-initials{font-size:16px;text-transform:uppercase}.profile-link{text-decoration:none;line-height:0}.hideonsmall{display:inline-flex}.showonsmall{display:none}.dashboard-content{flex:1 1 auto;display:flex;flex-direction:column;margin:16px;border-radius:20px;background:#fff;overflow:hidden;position:relative;box-shadow:0 4px 12px #0000000d;min-height:0}.dashboard-content>*{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;height:100%}.dashboard-footer{padding:14px 0;border-top:1px solid #f0f0f0;display:flex;justify-content:center;background-color:#f5f7fa;width:100%;flex-shrink:0}.security-badge{display:flex;align-items:center;gap:8px;color:#8c8c8c;font-size:14px}.info-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#8c8c8c;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.info-button:hover{color:#1d6fb8;background:#f0f7f7}.empty-state{padding:32px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;height:100%}.empty-state h2{margin-bottom:8px;color:#1e293b}.error-toast{position:fixed;bottom:24px;right:24px;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:12px 16px;color:#dc2626;font-size:14px;box-shadow:0 4px 12px #0000000d;z-index:1000;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.logout-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.logout-modal-content{background:#fff;border-radius:24px;padding:40px;max-width:400px;width:90%;text-align:center;position:relative;overflow:hidden;animation:slideUp .4s ease;box-shadow:0 20px 40px #0003}.logout-modal-content:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(29,111,184,.1) 0%,transparent 70%);border-radius:50%}.logout-modal-content:after{content:"";position:absolute;bottom:-50px;left:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(29,111,184,.1) 0%,transparent 70%);border-radius:50%}.logout-modal-icon{width:70px;height:70px;background:#1d6fb81a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#1d6fb8;animation:iconPop .5s ease}.logout-modal-icon.success{background:#1d6fb8;color:#fff;font-size:36px;font-weight:700}.logout-modal-title{font-size:24px;font-weight:600;color:#212529;margin-bottom:12px}.logout-modal-message{font-size:15px;color:#6c757d;margin-bottom:30px;line-height:1.6}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-btn-cancel{padding:12px 24px;background:transparent;color:#6c757d;border:2px solid #e9ecef;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.logout-btn-cancel:hover{background:#f8f9fa;border-color:#ced4da}.logout-btn-confirm{padding:12px 24px;background:#1558a0;color:#fff;border:none;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.logout-btn-confirm:hover{background:#3c8dd5;transform:translateY(-2px);box-shadow:0 5px 15px #1d6fb84d}.logout-modal-loader{position:relative;width:80px;height:80px;margin:0 auto 20px}.logout-sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#1d6fb8;border-radius:50%;box-shadow:0 0 20px #1d6fb8;animation:pulse 1.5s ease-in-out infinite}.logout-orbit{position:absolute;top:50%;left:50%;width:70px;height:70px;border:2px solid rgba(29,111,184,.2);border-top:2px solid #1d6fb8;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}.logout-progress{width:100%;height:6px;background:#e9ecef;border-radius:3px;margin:20px 0 8px;overflow:hidden}.logout-progress-bar{height:100%;background:#1d6fb8;border-radius:3px;transition:width .1s linear}.logout-progress-text{font-size:14px;color:#1d6fb8;font-weight:600}.logout-redirecting{display:flex;justify-content:center;gap:8px;margin-top:15px}.logout-redirecting .dot{width:8px;height:8px;background:#1d6fb8;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.logout-redirecting .dot:nth-child(1){animation-delay:-.32s}.logout-redirecting .dot:nth-child(2){animation-delay:-.16s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #1d6fb8}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px #1d6fb8}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes iconPop{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hideonsmall{display:none}.showonsmall{display:inline-flex}}@media(max-width:768px){.dashboard-main,.dashboard-main--sidebar-collapsed{margin-left:0}.app-header{padding:0 16px 0 64px}.universalsearch-toggle{background:transparent;border-color:transparent}.dashboard-content{margin:8px;border-radius:16px}.dashboard-footer{padding:12px}.security-badge{font-size:13px}}@media(max-width:480px){.dashboard-content{margin:6px;border-radius:12px}.dashboard-footer{padding:10px 8px}.security-badge{font-size:12px;flex-wrap:wrap;justify-content:center;text-align:center}}.MuiIconButton-root{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;color:#475569;cursor:pointer;transition:all .2s}.MuiIconButton-root:hover{background:#f1f5f9;color:#0f172a}.MuiButton-outlinedPrimary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #1d6fb8;background:transparent;border-radius:8px;color:#1d6fb8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.MuiButton-outlinedPrimary:hover{background:#f0fdf9}.MuiButton-containedPrimary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:#1d6fb8;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.MuiButton-containedPrimary:hover{background:#3c8dd5}.MuiButton-icon{display:flex;align-items:center;font-size:18px}.crm-optionbutton{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.crm-optionbutton:hover{background:#f8fafc;border-color:#cbd5e0;color:#0f172a}.crm-optionbutton svg{font-size:18px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont;background-color:#f6f7fb;color:#1e1e1e}button{cursor:pointer;font-family:inherit}