@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.setup-guard-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #f39c12;border-radius:50%;animation:spin 1s linear infinite}html{scroll-behavior:smooth}:root{--navy: #1A2A3E;--orange: #F59E0B;--orange-hover: #D97706;--white: #FFFFFF;--light-gray: #F8F9FA;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .6s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-page-land{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--navy);overflow-x:hidden}.container-land{max-width:1200px;margin:0 auto;padding:0 24px}.site-header-land{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:transparent;transition:all var(--transition-smooth)}.site-header-land.scrolled-land{background:#1a2a3eeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 30px #0003;padding:12px 0}.header-content-land{display:flex;justify-content:space-between;align-items:center;gap:32px}.logo-land{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform var(--transition-base)}.logo-land:hover{transform:scale(1.02)}.logo-img-land{width:48px;height:48px;object-fit:contain;transition:transform var(--transition-spring)}.logo-land:hover .logo-img-land{transform:scale(1.1) rotate(5deg)}.logo-text-land{display:flex;flex-direction:column}.logo-name-land{font-weight:700;font-size:18px;color:#fff;transition:color var(--transition-base)}.logo-tagline-land{font-size:12px;color:#ffffffb3;transition:color var(--transition-base)}.site-header-land.scrolled-land .logo-name-land{color:#fff}.site-header-land.scrolled-land .logo-tagline-land{color:#ffffffb3}.desktop-nav-land{display:flex;gap:8px;align-items:center}.nav-link-land{padding:10px 16px;background:none;border:none;color:#ffffffd9;font-weight:500;font-size:15px;cursor:pointer;position:relative;transition:color var(--transition-base);display:flex;align-items:center;gap:6px}.nav-link-land:after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--orange);transition:width var(--transition-base),left var(--transition-base)}.nav-link-land:hover:after,.nav-link-land.active-land:after{width:80%;left:10%}.nav-link-land:hover,.nav-link-land.active-land{color:var(--orange)}.site-header-land.scrolled-land .nav-link-land{color:#ffffffd9}.site-header-land.scrolled-land .nav-link-land:hover,.site-header-land.scrolled-land .nav-link-land.active-land{color:var(--orange)}.header-actions-land{display:flex;gap:12px}.btn-login-land{padding:10px 24px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition-base);background:transparent;color:#ffffffd9}.btn-login-land:hover{background:#ffffff1a;transform:translateY(-2px);color:#fff}.btn-signup-land{padding:10px 24px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition-base);background:var(--orange);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-signup-land:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.site-header-land.scrolled-land .btn-login-land{color:#ffffffd9}.site-header-land.scrolled-land .btn-login-land:hover{background:#ffffff1a;color:#fff}.hero-section-land{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;background-attachment:fixed!important}.hero-content-land{max-width:800px;animation:heroFadeIn 1s cubic-bezier(.4,0,.2,1) .2s both}.hero-title-land{font-size:56px;font-weight:800;color:#fff;margin-bottom:24px;line-height:1.2;letter-spacing:-.02em;animation:heroFadeIn 1s cubic-bezier(.4,0,.2,1) .3s both}.hero-subtitle-land{font-size:22px;color:#ffffffe6;margin-bottom:40px;line-height:1.6;animation:heroFadeIn 1s cubic-bezier(.4,0,.2,1) .4s both}.hero-buttons-land{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:heroFadeIn 1s cubic-bezier(.4,0,.2,1) .5s both}.btn-primary-land{padding:16px 32px;background:var(--orange);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 16px #f59e0b4d;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary-land:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-smooth),height var(--transition-smooth)}.btn-primary-land:hover:before{width:300px;height:300px}.btn-primary-land:hover{background:var(--orange-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #f59e0b66}.btn-primary-land:active{transform:translateY(-1px) scale(1)}.btn-outline-land{padding:16px 32px;background:transparent;color:var(--navy);border:2px solid var(--navy);border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-base)}.btn-outline-land:hover{background:var(--navy);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #1a2a3e33}.btn-outline-land.light-land{color:#fff;border-color:#fff}.btn-outline-land.light-land:hover{background:#fff;color:var(--navy)}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.about-section-land,.mission-vision-section-land,.comparison-section-land,.estimator-section-land,.howitworks-section-land,.services-section-land,.whyus-section-land,.download-section-land{padding:100px 24px}.section-title-land{font-size:42px;font-weight:800;color:var(--navy);margin-bottom:16px;letter-spacing:-.02em}.section-subtitle-land{font-size:20px;color:#1a2a3eb3;margin-bottom:48px;text-align:center}.about-section-land{background:var(--light-gray)}.about-grid-land{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-content-land p{font-size:18px;line-height:1.7;color:#1a2a3ecc;margin-bottom:20px}.stats-mini-land{display:flex;gap:32px;margin-top:40px}.stat-mini-land{display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-base);flex:1}.stat-mini-land:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.stat-number-land{font-size:36px;font-weight:800;color:var(--orange);margin-bottom:8px}.stat-label-land{font-size:14px;color:#1a2a3eb3;font-weight:600}.about-image-land{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-smooth)}.about-image-land:hover{transform:scale(1.03)}.about-image-land img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.about-image-land:hover img{transform:scale(1.05)}.mission-vision-section-land{background:#fff}.mission-vision-grid-land{display:grid;grid-template-columns:1fr 1fr;gap:32px}.mission-card-land,.vision-card-land{padding:48px;border-radius:20px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:linear-gradient(135deg,#f59e0b0d,#fff)}.mission-card-land:hover,.vision-card-land:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.mission-card-land h3,.vision-card-land h3{font-size:28px;font-weight:700;color:var(--navy);margin-bottom:16px}.mission-card-land p,.vision-card-land p{font-size:17px;line-height:1.7;color:#1a2a3ecc}.comparison-section-land{background:var(--light-gray);text-align:center}.comparison-grid-land{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto}.comparison-card-land{background:#fff;padding:48px 40px;border-radius:20px;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.comparison-card-land:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--orange);transform:scaleX(0);transition:transform var(--transition-smooth)}.comparison-card-land:hover:before{transform:scaleX(1)}.comparison-card-land:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.card-badge-land{display:inline-block;padding:8px 20px;background:#f59e0b1a;color:var(--orange);border-radius:20px;font-weight:700;font-size:14px;margin-bottom:24px;transition:all var(--transition-base)}.comparison-card-land:hover .card-badge-land{transform:scale(1.1)}.card-badge-land.paid-land{background:linear-gradient(135deg,#f59e0b26,#d9770626)}.comparison-card-land h3{font-size:26px;font-weight:700;color:var(--navy);margin-bottom:24px}.feature-list-land{list-style:none;padding:0;margin:32px 0;text-align:left;flex:1}.feature-list-land li{padding:12px 0 12px 32px;font-size:16px;line-height:1.6;color:#1a2a3ecc;position:relative}.feature-list-land li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;font-size:18px}.card-note-land{font-size:15px;color:#1a2a3e99;margin:24px 0;font-style:italic}.comparison-card-land .btn-outline-land,.comparison-card-land .btn-primary-land{margin-top:auto;align-self:center}.comparison-card-land .card-badge-land{align-self:center}.estimator-section-land{background:#fff}.estimator-card-land{max-width:900px;margin:0 auto;background:var(--light-gray);padding:48px;border-radius:20px;box-shadow:var(--shadow-lg)}.estimator-inputs-land{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.input-group-land{display:flex;flex-direction:column;gap:8px}.input-group-land label{font-weight:600;font-size:15px;color:var(--navy)}.input-group-land input,.input-group-land select{padding:14px 16px;border:2px solid rgba(26,42,62,.15);border-radius:10px;font-size:16px;transition:all var(--transition-base);background:#fff}.input-group-land input:focus,.input-group-land select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f59e0b1a;transform:translateY(-2px)}.input-group-land small{font-size:13px;color:#1a2a3e99}.btn-calculate-land{grid-column:1 / -1;padding:16px 32px;background:var(--orange);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #f59e0b4d}.btn-calculate-land:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-3px);box-shadow:0 8px 24px #f59e0b66}.btn-calculate-land:disabled{opacity:.5;cursor:not-allowed}.estimator-results-land{margin-top:48px;padding:40px;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);animation:resultsSlideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes resultsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.estimator-results-land h3{font-size:28px;font-weight:700;color:var(--navy);margin-bottom:32px;text-align:center}.results-grid-land{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.result-item-land{padding:24px;background:var(--light-gray);border-radius:12px;transition:all var(--transition-base);border:2px solid transparent}.result-item-land:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:var(--shadow-md)}.result-item-land.highlight-land{background:linear-gradient(135deg,#f59e0b1a,#fff);border-color:var(--orange)}.result-item-land.full-width-land{grid-column:1 / -1}.result-label-land{display:block;font-size:14px;font-weight:600;color:#1a2a3e99;margin-bottom:8px}.result-item-land strong{font-size:24px;font-weight:800;color:var(--orange);display:block;margin-bottom:4px}.result-item-land small{font-size:13px;color:#1a2a3e99}.estimator-note-land{font-size:14px;color:#1a2a3e99;text-align:center;margin-top:24px}.text-link-land{background:none;border:none;color:var(--orange);text-decoration:underline;cursor:pointer;font-size:14px;transition:color var(--transition-base)}.text-link-land:hover{color:var(--orange-hover)}.howitworks-section-land{background:var(--light-gray);text-align:center}.howitworks-steps-land{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;position:relative}.howitworks-steps-land:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--orange) 0%,rgba(245,158,11,.2) 100%);z-index:0}.howitworks-step-land{flex:1;position:relative;z-index:1;transition:transform var(--transition-base)}.howitworks-step-land:hover{transform:translateY(-8px)}.step-circle-land{width:80px;height:80px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;margin:0 auto 20px;box-shadow:0 4px 16px #f59e0b4d;transition:all var(--transition-spring)}.howitworks-step-land:hover .step-circle-land{transform:scale(1.1) rotate(360deg);box-shadow:0 8px 24px #f59e0b80}.howitworks-step-land h3{font-size:18px;font-weight:600;color:var(--navy);line-height:1.4}.services-section-land{background:#fff}.services-grid-land{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.services-image-land{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-smooth)}.services-image-land:hover{transform:scale(1.03)}.services-image-land img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.services-image-land:hover img{transform:scale(1.05)}.services-list-land{list-style:none;padding:0;margin-top:32px}.services-list-land li{padding:16px 0 16px 40px;font-size:18px;line-height:1.6;color:#1a2a3ecc;position:relative;transition:all var(--transition-base);border-left:3px solid transparent}.services-list-land li:hover{padding-left:48px;border-left-color:var(--orange);color:var(--navy)}.services-list-land li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;font-size:20px;transition:transform var(--transition-spring)}.services-list-land li:hover:before{transform:scale(1.3) rotate(360deg)}.services-section-land{text-align:center}.services-cards-grid-land{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;text-align:left}.service-card-land{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:var(--shadow-md);transition:all var(--transition-base);border-top:4px solid transparent}.service-card-land:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-top-color:var(--orange)}.service-icon-land{font-size:44px;color:var(--orange);margin-bottom:20px;transition:all var(--transition-spring)}.service-card-land:hover .service-icon-land{transform:scale(1.15)}.service-card-land h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:12px}.service-card-land p{font-size:15px;color:#1a2a3eb3;line-height:1.6;margin:0}.whyus-section-land{background:var(--light-gray);text-align:center}.whyus-grid-land{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1200px;margin:0 auto}.whyus-card-land{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:var(--shadow-md);transition:all var(--transition-base);border-top:4px solid transparent}.whyus-card-land:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-top-color:var(--orange)}.whyus-icon-land{font-size:48px;color:var(--orange);margin-bottom:20px;transition:all var(--transition-spring)}.whyus-card-land:hover .whyus-icon-land{transform:scale(1.15) rotateY(360deg)}.whyus-card-land h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:12px}.whyus-card-land p{font-size:15px;color:#1a2a3eb3;line-height:1.6}.download-section-land{background:var(--navy);color:#fff}.download-content-land{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.download-section-land .section-title-land,.download-section-land .section-subtitle-land{color:#fff;text-align:left}.download-audience-land{display:inline-flex;align-items:center;margin-top:12px;padding:6px 16px;background:#3ddc8426;color:#3ddc84;border:1px solid rgba(61,220,132,.4);border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.download-features-land{display:flex;flex-direction:column;gap:16px;margin-top:32px}.download-feature-land{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;transition:all var(--transition-base);border-left:3px solid transparent}.download-feature-land:hover{background:#ffffff1a;border-left-color:var(--orange);transform:translate(8px)}.download-feature-icon-land{font-size:24px;color:var(--orange);transition:transform var(--transition-spring)}.download-feature-land:hover .download-feature-icon-land{transform:scale(1.2) rotate(360deg)}.download-feature-land span{font-size:16px;color:#ffffffe6}.app-download-container{display:flex;justify-content:center}.app-download-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-base)}.app-download-card:hover{transform:translateY(-8px);background:#ffffff26;box-shadow:0 16px 48px #0000004d}.android-icon{font-size:64px;color:var(--orange);margin-bottom:20px;transition:transform var(--transition-spring)}.app-download-card:hover .android-icon{transform:scale(1.1) rotate(5deg)}.app-download-card h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#fff}.app-download-card p{font-size:16px;color:#fffc;margin-bottom:24px}.download-btn{padding:14px 32px;background:var(--orange);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all var(--transition-base);box-shadow:0 4px 16px #f59e0b4d}.download-btn:hover{background:var(--orange-hover);transform:translateY(-3px);box-shadow:0 8px 24px #f59e0b80}.modal-overlay-land{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.modal-content-land{background:#fff;padding:48px;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-land{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#1a2a3e1a;border-radius:50%;font-size:24px;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--navy)}.modal-close-land:hover{background:#1a2a3e33;transform:rotate(90deg)}.modal-content-land h2{font-size:32px;font-weight:800;color:var(--navy);margin-bottom:16px}.modal-content-land p{font-size:16px;color:#1a2a3eb3;margin-bottom:32px}.estimate-form-land{display:flex;flex-direction:column;gap:24px}.estimate-form-land .input-group-land{position:relative}.currency-land{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:600;color:var(--navy)}.estimate-form-land input{padding-left:40px}.estimate-result-land{margin-top:32px;padding:32px;background:var(--light-gray);border-radius:16px;animation:resultsSlideUp .5s ease-out}.estimate-result-land h3{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:24px}.result-item-simple-land{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(26,42,62,.1)}.result-item-simple-land span{font-size:16px;color:#1a2a3eb3}.result-item-simple-land strong{font-size:18px;font-weight:700;color:var(--orange)}.result-note-land{font-size:14px;color:#1a2a3e99;margin-top:16px;font-style:italic}.footer-land{background:var(--navy);color:#fff;padding:80px 24px 32px}.footer-grid-land{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-logo-land{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-logo-land img{width:48px;height:48px;object-fit:contain}.footer-logo-land h3{font-size:20px;font-weight:700;margin-bottom:4px}.footer-logo-land p{font-size:13px;color:#ffffffb3}.footer-info-land p{font-size:15px;color:#fffc;margin:8px 0;line-height:1.6}.footer-links-land h4{font-size:18px;font-weight:700;margin-bottom:20px;color:#fff}.footer-links-land button{display:block;background:none;border:none;color:#fffc;font-size:15px;padding:8px 0;cursor:pointer;text-align:left;transition:all var(--transition-base);display:flex;align-items:center;gap:8px}.footer-links-land button:hover{color:var(--orange);transform:translate(4px)}.footer-cta-land h4{font-size:18px;font-weight:700;margin-bottom:20px}.social-links-land{margin-top:24px}.social-links-land a{color:#fffc;font-size:15px;text-decoration:none;transition:color var(--transition-base)}.social-links-land a:hover{color:var(--orange)}.footer-bottom-land{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom-land p{font-size:14px;color:#fff9}@media(max-width:1024px){.hero-title-land{font-size:44px}.hero-subtitle-land{font-size:20px}.section-title-land{font-size:36px}.section-subtitle-land{font-size:18px}.about-grid-land,.services-grid-land,.mission-vision-grid-land,.comparison-grid-land,.download-content-land{grid-template-columns:1fr;gap:40px}.whyus-grid-land,.services-cards-grid-land{grid-template-columns:repeat(2,1fr);gap:24px}.results-grid-land{grid-template-columns:repeat(2,1fr)}.howitworks-steps-land{flex-direction:column;align-items:center;gap:32px}.howitworks-steps-land:before{display:none}.step-circle-land{width:70px;height:70px;font-size:28px}.footer-grid-land{grid-template-columns:1fr 1fr;gap:32px}.about-section-land,.mission-vision-section-land,.comparison-section-land,.estimator-section-land,.howitworks-section-land,.services-section-land,.whyus-section-land,.download-section-land{padding:80px 24px}.about-content-land p{font-size:17px}.mission-card-land,.vision-card-land{padding:36px 32px}.mission-card-land h3,.vision-card-land h3{font-size:24px}.comparison-card-land{padding:36px 32px}.comparison-card-land h3{font-size:24px}.stats-mini-land{gap:20px}.stat-number-land{font-size:30px}.estimator-card-land{padding:36px 32px}.estimator-results-land{padding:32px 24px}.estimator-results-land h3{font-size:24px}.result-item-land strong{font-size:20px}.services-grid-land{gap:40px}.services-list-land li{font-size:17px}.whyus-card-land,.service-card-land{padding:32px 24px}.whyus-icon-land{font-size:40px}.download-content-land{gap:40px}.download-section-land .section-title-land,.download-section-land .section-subtitle-land{text-align:center}.app-download-card{padding:32px}.android-icon{font-size:52px}.app-download-card h3{font-size:22px}.footer-land{padding:60px 24px 24px}}@media(max-width:768px){.hero-title-land{font-size:36px}.hero-subtitle-land{font-size:17px;margin-bottom:32px}.hero-buttons-land{flex-direction:column;align-items:center;gap:12px}.hero-buttons-land .btn-primary-land,.hero-buttons-land .btn-outline-land{width:100%;max-width:320px;justify-content:center}.section-title-land{font-size:30px}.section-subtitle-land{font-size:16px;margin-bottom:32px}.desktop-nav-land{display:none}.stats-mini-land{flex-direction:column;gap:16px}.stat-mini-land{padding:20px}.stat-number-land{font-size:28px}.estimator-inputs-land{grid-template-columns:1fr;gap:16px}.results-grid-land,.whyus-grid-land,.services-cards-grid-land{grid-template-columns:1fr}.footer-grid-land,.comparison-grid-land{grid-template-columns:1fr;gap:24px}.about-section-land,.mission-vision-section-land,.comparison-section-land,.estimator-section-land,.howitworks-section-land,.services-section-land,.whyus-section-land,.download-section-land{padding:60px 16px}.about-grid-land,.services-grid-land,.mission-vision-grid-land,.download-content-land{gap:32px}.about-content-land p{font-size:16px}.mission-card-land,.vision-card-land{padding:28px 20px}.mission-card-land h3,.vision-card-land h3{font-size:22px}.mission-card-land p,.vision-card-land p{font-size:16px}.comparison-card-land{padding:28px 20px}.comparison-card-land h3{font-size:22px}.feature-list-land li{font-size:15px;padding:10px 0 10px 28px}.card-badge-land{font-size:13px;padding:6px 16px}.estimator-card-land{padding:24px 16px}.estimator-results-land{padding:24px 16px;margin-top:32px}.estimator-results-land h3{font-size:22px;margin-bottom:24px}.result-item-land{padding:18px 16px}.result-item-land strong{font-size:18px}.howitworks-step-land{width:100%;max-width:280px}.step-circle-land{width:60px;height:60px;font-size:24px;margin-bottom:16px}.howitworks-step-land h3{font-size:16px}.services-list-land li{font-size:16px;padding:12px 0 12px 32px}.services-list-land li:before{font-size:18px}.whyus-card-land{padding:28px 20px}.whyus-icon-land{font-size:36px}.whyus-card-land h3{font-size:18px}.whyus-card-land p{font-size:14px}.download-content-land{gap:32px}.download-feature-land{padding:14px;gap:12px}.download-feature-land span{font-size:15px}.app-download-card{padding:28px 20px}.android-icon{font-size:44px}.app-download-card h3{font-size:20px}.app-download-card p{font-size:15px}.download-btn{padding:12px 24px;font-size:15px}.footer-land{padding:48px 16px 20px}.footer-logo-land img{width:40px;height:40px}.footer-logo-land h3{font-size:18px}.footer-info-land p{font-size:14px}.footer-links-land h4{font-size:16px}.footer-links-land button{font-size:14px}.modal-content-land{padding:32px 20px}.modal-content-land h2{font-size:26px}.modal-content-land p{font-size:15px}.estimate-form-land{gap:20px}.estimate-result-land{padding:24px 20px}.estimate-result-land h3{font-size:20px}.result-item-simple-land{font-size:15px}.container-land{padding:0 16px}}@media(max-width:480px){.hero-title-land{font-size:28px}.hero-subtitle-land{font-size:16px}.hero-section-land{padding:100px 16px 60px}.section-title-land{font-size:26px}.section-subtitle-land{font-size:15px}.about-section-land,.mission-vision-section-land,.comparison-section-land,.estimator-section-land,.howitworks-section-land,.services-section-land,.whyus-section-land,.download-section-land{padding:48px 12px}.header-actions-land{gap:6px}.btn-login-land,.btn-signup-land{padding:8px 14px;font-size:13px}.logo-img-land{width:36px;height:36px}.logo-name-land{font-size:16px}.logo-tagline-land{font-size:10px;display:none}.btn-primary-land,.btn-outline-land{padding:14px 24px;font-size:15px}.hero-buttons-land .btn-primary-land,.hero-buttons-land .btn-outline-land{max-width:100%}.comparison-card-land{padding:24px 16px}.feature-list-land li{font-size:14px;padding:8px 0 8px 24px}.estimator-card-land{padding:20px 12px}.input-group-land input,.input-group-land select{padding:12px 14px;font-size:15px}.btn-calculate-land{padding:14px 24px;font-size:15px}.results-grid-land{gap:12px}.result-item-land{padding:16px 14px}.result-item-land strong{font-size:16px}.modal-content-land{padding:24px 16px}.modal-content-land h2{font-size:22px}.modal-close-land{width:32px;height:32px;font-size:20px;top:12px;right:12px}.estimate-result-land{padding:20px 16px}.result-item-simple-land{padding:12px 0;font-size:14px}.result-item-simple-land strong{font-size:16px}.download-feature-land{padding:12px;gap:10px}.download-feature-land span{font-size:14px}.download-feature-icon-land{font-size:20px}.app-download-card{padding:24px 16px}.android-icon{font-size:40px}.app-download-card h3{font-size:18px}.app-download-card p{font-size:14px}.download-btn{padding:12px 20px;font-size:14px}}.download-app-info-land{display:flex;justify-content:center;align-items:center;width:100%}@media(max-width:768px){.download-app-info-land{padding:0 8px}.download-app-info-land .app-download-phone{display:none!important}.download-app-info-land>div{padding:20px 16px!important;gap:16px!important;border-radius:20px!important}.download-app-info-land h3{font-size:18px!important}.download-app-info-land .subtitle{font-size:12px!important}.download-app-info-land .version-badge{font-size:11px!important;padding:3px 10px!important}.download-app-info-land .download-button{padding:12px 20px!important;font-size:14px!important;border-radius:12px!important}.download-app-info-land .trust-badges{gap:10px!important}.download-app-info-land .trust-badge{font-size:10px!important}}@media(max-width:480px){.download-app-info-land{padding:0 4px}.download-app-info-land>div{padding:16px 12px!important;gap:12px!important;border-radius:16px!important}.download-app-info-land .logo-wrapper{width:36px!important;height:36px!important;padding:4px!important}.download-app-info-land h3{font-size:16px!important}.download-app-info-land .subtitle{font-size:11px!important}.download-app-info-land .version-badge{font-size:10px!important;padding:2px 8px!important}.download-app-info-land .download-button{padding:10px 16px!important;font-size:13px!important;border-radius:10px!important}.download-app-info-land .download-button svg{font-size:16px!important}.download-app-info-land .trust-badges{gap:8px!important;flex-wrap:wrap!important}.download-app-info-land .trust-badge{font-size:9px!important}}@media(min-width:769px)and (max-width:1024px){.download-app-info-land>div{padding:24px 28px!important;gap:20px!important}.download-app-info-land .app-download-phone{width:100px!important;height:200px!important}.download-app-info-land .phone-app-icon-wrapper{width:48px!important;height:48px!important;padding:6px!important}.download-app-info-land .phone-app-name{font-size:10px!important}.download-app-info-land .phone-app-sub{font-size:8px!important}}@media(min-width:1025px){.download-app-info-land>div{padding:32px 40px!important;gap:24px!important}}@media(max-width:768px){.download-content-land{grid-template-columns:1fr!important;gap:32px!important}.download-text-land,.download-section-land .section-title-land,.download-section-land .section-subtitle-land{text-align:center!important}.download-features-land{align-items:center!important}.download-feature-land{width:100%!important;max-width:400px!important}.download-app-info-land{width:100%!important;max-width:100%!important}}@media(max-width:480px){.download-content-land{gap:24px!important}.download-feature-land{padding:12px 14px!important;gap:10px!important}.download-feature-land span{font-size:14px!important}.download-feature-icon-land{font-size:18px!important}}@keyframes newLoginPageFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.new-login-page{display:flex;min-height:100vh;height:100vh;max-height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;overflow:hidden;animation:newLoginPageFadeIn .9s cubic-bezier(.22,1,.36,1) forwards;position:relative;z-index:1}@keyframes newLoginBrandingSlideIn{0%{opacity:0;transform:translate(80px)}60%{opacity:.8;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.new-login-branding{flex:0 0 50%;background:linear-gradient(135deg,#0f1a24,#1a2a3a,#243b4a);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;min-height:100vh;height:100vh;max-height:100vh;order:1;animation:newLoginBrandingSlideIn 1s cubic-bezier(.22,1,.36,1) .1s both;overflow:hidden;will-change:transform}.new-login-branding:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(243,156,18,.03) 0%,transparent 60%);animation:newLoginShimmer 8s ease-in-out infinite;pointer-events:none}@keyframes newLoginShimmer{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(10%,-5%) scale(1.1);opacity:.8}75%{transform:translate(-10%,5%) scale(.9);opacity:.6}}.new-login-branding:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(243,156,18,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(243,156,18,.03) 0%,transparent 50%);pointer-events:none}.new-login-branding-content{max-width:420px;color:#fff;position:relative;z-index:1;width:100%}.new-login-brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.new-login-brand-logo{width:48px;height:48px;object-fit:contain;animation:newLoginLogoFloat 4s ease-in-out infinite}@keyframes newLoginLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}.new-login-brand-name{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.5px;opacity:0;animation:newLoginTextReveal .8s cubic-bezier(.22,1,.36,1) .4s forwards}@keyframes newLoginTextReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.new-login-brand-tagline{font-size:1.1rem;font-weight:500;color:#f39c12;margin-bottom:.75rem;letter-spacing:.3px;opacity:0;animation:newLoginTextReveal .8s cubic-bezier(.22,1,.36,1) .5s forwards}.new-login-brand-description{font-size:.9rem;color:#b0bec5;line-height:1.6;margin-bottom:1.5rem;opacity:0;animation:newLoginTextReveal .8s cubic-bezier(.22,1,.36,1) .6s forwards}.new-login-brand-features{display:flex;flex-direction:column;gap:.5rem}.new-login-brand-feature{display:flex;align-items:center;gap:.6rem;color:#e0e7ef;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translate(30px);animation:newLoginFeatureSlide .7s cubic-bezier(.22,1,.36,1) forwards}.new-login-brand-feature:nth-child(1){animation-delay:.7s}.new-login-brand-feature:nth-child(2){animation-delay:.85s}.new-login-brand-feature:nth-child(3){animation-delay:1s}@keyframes newLoginFeatureSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.new-login-brand-feature:last-child{border-bottom:none}.new-login-feature-dot{width:7px;height:7px;background:#f39c12;border-radius:50%;flex-shrink:0;animation:newLoginDotPulse 2.5s ease-in-out infinite}@keyframes newLoginDotPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #f39c1266}50%{transform:scale(1.3);opacity:.8;box-shadow:0 0 20px #f39c1233}}@keyframes newLoginFormSlideIn{0%{opacity:0;transform:translate(-80px)}60%{opacity:.8;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.new-login-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;background:#fff;min-height:100vh;height:100vh;max-height:100vh;order:0;animation:newLoginFormSlideIn 1s cubic-bezier(.22,1,.36,1) .15s both;overflow:hidden;will-change:transform;position:relative}.new-login-back-btn{position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem .55rem .9rem;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:999px;color:#667085;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .1s forwards;z-index:5}.new-login-back-btn:hover:not(:disabled){border-color:#e67e22;color:#e67e22;box-shadow:0 4px 16px #f39c1233}.new-login-back-btn:hover:not(:disabled) .new-login-back-icon{transform:translate(-3px)}.new-login-back-btn:disabled{opacity:.4;cursor:not-allowed}.new-login-back-icon{font-size:13px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.new-login-form-wrapper{max-width:480px;width:100%;padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}@keyframes newLoginFormElementFadeUp{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}60%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.new-login-form-header{margin-bottom:2rem;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .2s forwards}.new-login-form-title{font-size:2rem;font-weight:700;color:#1a2632;margin-bottom:.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#1a2632,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-login-form-subtitle{color:#7f8c8d;font-size:.95rem}.new-login-form{display:flex;flex-direction:column;gap:1rem}.new-login-form-group{display:flex;flex-direction:column;gap:.4rem;width:100%;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) forwards}.new-login-form-group:nth-child(1){animation-delay:.3s}.new-login-form-group:nth-child(2){animation-delay:.4s}.new-login-form-label{font-size:.85rem;font-weight:600;color:#2c3e50;letter-spacing:.3px;transition:color .3s ease}.new-login-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.new-login-input-icon{position:absolute;left:1rem;color:#95a5a6;font-size:1rem;transition:all .3s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:2}.new-login-input-wrapper:focus-within .new-login-input-icon{color:#f39c12;transform:scale(1.1) translate(2px)}.new-login-form-input{width:100%;padding:1rem 1.25rem 1rem 3.25rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .35s cubic-bezier(.22,1,.36,1);background-color:#f8f9fa;color:#1a2632;font-family:inherit;position:relative;z-index:1}.new-login-form-input:hover{background-color:#f1f3f5;border-color:#dee2e6}.new-login-form-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 5px #f39c1214,0 4px 20px #00000005;transform:translateY(-2px)}.new-login-form-input.new-login-input-error{border-color:#e74c3c;background-color:#fff5f5;animation:newLoginShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes newLoginShake{0%,to{transform:translate(0)}10%{transform:translate(-10px)}30%{transform:translate(10px)}50%{transform:translate(-6px)}70%{transform:translate(6px)}90%{transform:translate(-3px)}}.new-login-form-input:disabled{opacity:.6;cursor:not-allowed}.new-login-password-toggle{position:absolute;right:1rem;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:.5rem;transition:all .3s cubic-bezier(.22,1,.36,1);z-index:2}.new-login-password-toggle:hover:not(:disabled){color:#f39c12;transform:scale(1.15) rotate(5deg)}.new-login-password-toggle:disabled{cursor:not-allowed;opacity:.6}.new-login-error-message{color:#e74c3c;font-size:.75rem;margin-top:.25rem;animation:newLoginErrorSlide .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes newLoginErrorSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.new-login-general-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:.75rem 1rem;border-radius:10px;margin-bottom:.5rem;font-size:.85rem;border-left:4px solid #dc2626;animation:newLoginErrorSlide .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.new-login-row-actions{display:flex;justify-content:flex-end;align-items:center;margin:.25rem 0;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .5s forwards}.new-login-forgot-link{font-size:.85rem;color:#f39c12;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;padding:.25rem 0}.new-login-forgot-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#f39c12,#e67e22);transition:width .4s cubic-bezier(.22,1,.36,1)}.new-login-forgot-link:hover{color:#e67e22;transform:translate(4px)}.new-login-forgot-link:hover:after{width:100%}.new-login-submit-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;display:flex;align-items:center;justify-content:center;margin-top:.25rem;letter-spacing:.5px;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .55s forwards;overflow:hidden;width:100%}.new-login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.22,1,.36,1)}.new-login-submit-btn:hover:not(:disabled):before{left:100%}.new-login-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 35px #f39c1259}.new-login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #f39c1240}.new-login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.new-login-submit-btn.new-login-loading{color:transparent;pointer-events:none}.new-login-submit-btn.new-login-loading:after{content:"";position:absolute;width:24px;height:24px;top:calc(50% - 12px);left:calc(50% - 12px);border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:newLoginSpin .8s cubic-bezier(.5,0,.5,1) infinite}@keyframes newLoginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-login-loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#f39c12;animation:newLoginSpin .8s cubic-bezier(.5,0,.5,1) infinite}.new-login-social{margin-top:.25rem;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .6s forwards}.new-login-social-text{text-align:center;font-size:.8rem;color:#95a5a6;margin-bottom:.75rem;position:relative}.new-login-social-text:before,.new-login-social-text:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent)}.new-login-social-text:before{left:0}.new-login-social-text:after{right:0}.new-login-social-buttons{display:flex;gap:1rem;justify-content:center}.new-login-social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.5rem;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);font-size:.95rem;font-weight:500;color:#4a5568;width:100%;position:relative;overflow:hidden}.new-login-social-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(243,156,18,.08),transparent 70%);transition:all .8s cubic-bezier(.22,1,.36,1);transform:translate(-50%,-50%)}.new-login-social-btn:hover:not(:disabled):before{width:400px;height:400px}.new-login-social-btn.new-login-google-btn{gap:.75rem}.new-login-google-icon{font-size:1.2rem;position:relative;z-index:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.new-login-social-btn:hover:not(:disabled) .new-login-google-icon{transform:scale(1.15) rotate(-5deg)}.new-login-google-text{color:#4a5568;position:relative;z-index:1}.new-login-social-btn:hover:not(:disabled){border-color:#f39c12;background:#fef9e7;transform:translateY(-3px);box-shadow:0 8px 25px #0000000f}.new-login-social-btn:active:not(:disabled){transform:translateY(0)}.new-login-social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.new-login-social-btn.new-login-loading{pointer-events:none;opacity:.7}.new-login-signup-prompt{text-align:center;margin-top:.35rem;opacity:0;animation:newLoginFormElementFadeUp .8s cubic-bezier(.22,1,.36,1) .65s forwards}.new-login-signup-text{font-size:.9rem;color:#7f8c8d}.new-login-signup-link{color:#f39c12;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}.new-login-signup-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#f39c12,#e67e22);transition:width .4s cubic-bezier(.22,1,.36,1)}.new-login-signup-link:hover{color:#e67e22}.new-login-signup-link:hover:after{width:100%}.new-login-page.split-active{overflow:hidden;position:fixed;inset:0;z-index:9998;pointer-events:none}.new-login-form-container.split-slide-left{animation:splitLeft 1.5s cubic-bezier(.22,1,.36,1) forwards;position:relative;z-index:2}@keyframes splitLeft{0%{transform:translate(0);opacity:1}30%{transform:translate(-3%);opacity:1}to{transform:translate(-100%);opacity:0}}.new-login-branding.split-slide-right{animation:splitRight 1.5s cubic-bezier(.22,1,.36,1) forwards;position:relative;z-index:2}@keyframes splitRight{0%{transform:translate(0);opacity:1}30%{transform:translate(3%);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:768px){.new-login-form-container.split-slide-left{animation:splitLeftMobile 1.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes splitLeftMobile{0%{transform:translateY(0);opacity:1}30%{transform:translateY(-3%);opacity:1}to{transform:translateY(-100%);opacity:0}}.new-login-branding.split-slide-right{animation:splitRightMobile 1.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes splitRightMobile{0%{transform:translateY(0);opacity:1}30%{transform:translateY(3%);opacity:1}to{transform:translateY(100%);opacity:0}}}@media(max-width:1024px){.new-login-branding{padding:2.5rem 2rem}.new-login-form-container{padding:1.5rem 2rem}.new-login-brand-name{font-size:1.4rem}.new-login-form-wrapper{max-width:420px}}@media(max-width:768px){.new-login-page{flex-direction:column;overflow:hidden;height:100vh;animation:newLoginMobileFadeIn .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes newLoginMobileFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.new-login-branding{flex:0 0 auto;min-height:auto;height:auto;max-height:none;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#0f1a24,#1a2a3a);order:0;animation:newLoginBrandingSlideIn .8s cubic-bezier(.22,1,.36,1) forwards}.new-login-branding-content{max-width:100%;text-align:center}.new-login-brand-header{justify-content:center;margin-bottom:.75rem}.new-login-brand-logo{width:42px;height:42px}.new-login-brand-name{font-size:1.3rem}.new-login-brand-tagline{font-size:.9rem;margin-bottom:.5rem}.new-login-brand-description{font-size:.8rem;margin-bottom:.75rem;display:none}.new-login-brand-features{display:none}.new-login-form-container{flex:1;padding:1rem 1.5rem 1.5rem;align-items:flex-start;min-height:auto;height:auto;max-height:none;order:1;animation:newLoginFormSlideIn .8s cubic-bezier(.22,1,.36,1) .1s both;overflow-y:auto}.new-login-form-wrapper{max-width:100%;padding:0;height:auto}.new-login-form-title{font-size:1.5rem}.new-login-form-header{margin-bottom:1.25rem}.new-login-form-input{padding:.8rem 1rem .8rem 2.75rem;font-size:.95rem;border-radius:10px}.new-login-submit-btn{padding:.8rem;font-size:.95rem;border-radius:10px}.new-login-social-btn{padding:.75rem 1rem;font-size:.9rem;border-radius:10px}}@media(max-width:480px){.new-login-branding{padding:1rem 1rem .75rem}.new-login-brand-logo{width:36px;height:36px}.new-login-brand-name{font-size:1.1rem}.new-login-brand-tagline{font-size:.8rem}.new-login-form-container{padding:.75rem 1rem 1rem}.new-login-back-btn{top:.9rem;left:.9rem;padding:.45rem .9rem .45rem .75rem;font-size:12px}.new-login-form-title{font-size:1.3rem}.new-login-form-subtitle{font-size:.8rem}.new-login-form-input{padding:.7rem .8rem .7rem 2.5rem;font-size:.9rem;border-radius:8px}.new-login-input-icon{left:.8rem;font-size:.9rem}.new-login-password-toggle{right:.8rem;font-size:.9rem}.new-login-row-actions{flex-direction:row;justify-content:flex-end}.new-login-submit-btn{padding:.7rem;font-size:.9rem;border-radius:8px}.new-login-social-btn{padding:.7rem;font-size:.85rem;border-radius:8px}.new-login-social-text:before,.new-login-social-text:after{width:20%}}@media(max-width:380px){.new-login-branding{padding:.75rem .75rem .5rem}.new-login-brand-name{font-size:1rem}.new-login-brand-tagline{font-size:.75rem}.new-login-form-container{padding:.5rem .75rem .75rem}.new-login-form-title{font-size:1.1rem}.new-login-form-input{padding:.6rem .7rem .6rem 2.25rem;font-size:.85rem}.new-login-submit-btn{padding:.6rem;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.new-login-page,.new-login-branding,.new-login-form-container,.new-login-brand-feature,.new-login-form-group,.new-login-form-header,.new-login-row-actions,.new-login-submit-btn,.new-login-social,.new-login-signup-prompt,.new-login-brand-name,.new-login-brand-tagline,.new-login-brand-description,.new-login-form-container.split-slide-left,.new-login-branding.split-slide-right{animation:none!important;opacity:1!important;transform:none!important}.new-login-brand-logo,.new-login-feature-dot,.new-login-form-input.new-login-input-error{animation:none!important}.new-login-branding:after{animation:none!important}}.new-login-mobile-logo,.new-login-mobile-heading{display:none}@media(max-width:768px){.new-login-page{display:block;height:auto;min-height:100vh;min-height:100dvh;background:#fff;overflow-y:auto}.new-login-branding{display:none!important}.new-login-form-container{min-height:100vh;min-height:100dvh;height:auto;max-height:none;padding:24px 28px;align-items:center;overflow:visible;background:#fff}.new-login-form-wrapper{max-width:400px;margin:0 auto;height:auto;justify-content:flex-start}.new-login-form-header{display:none}.new-login-mobile-logo{display:block;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #F1F5F9;padding:16px;margin:8px auto 20px;box-shadow:0 8px 20px #0000000f}.new-login-mobile-heading{display:block;text-align:center;margin-bottom:36px}.new-login-mobile-heading h2{font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px;margin:0 0 6px}.new-login-mobile-heading p{font-size:14px;color:#64748b;margin:0}.new-login-form{gap:0}.new-login-form-group{gap:0;margin-bottom:20px}.new-login-form-group:nth-child(2){margin-bottom:0}.new-login-form-label{font-size:14px;font-weight:600;color:#334155;letter-spacing:0;margin-bottom:8px}.new-login-input-wrapper{background:#f8fafc;border:1px solid #CBD5E1;border-radius:12px}.new-login-input-wrapper:focus-within{border-color:#f39c12;background:#fff}.new-login-input-wrapper:has(.new-login-input-error){border-color:#ef4444;border-width:1.5px}.new-login-form-input{background:transparent;border:none;border-radius:12px;padding:14px 44px;font-size:15px;font-weight:500;color:#0f172a}.new-login-form-input::placeholder{color:#94a3b8;font-size:14px;font-weight:400}.new-login-form-input:hover{background:transparent;border:none}.new-login-form-input:focus{background:transparent;border:none;box-shadow:none;transform:none}.new-login-form-input.new-login-input-error{background:transparent;border:none;animation:none}.new-login-input-icon{left:14px;color:#64748b;font-size:20px}.new-login-input-wrapper:has(.new-login-input-error) .new-login-input-icon{color:#ef4444}.new-login-input-wrapper:focus-within .new-login-input-icon{color:#f39c12;transform:none}.new-login-password-toggle{right:8px;color:#94a3b8;font-size:20px}.new-login-password-toggle:hover:not(:disabled){transform:none}.new-login-error-message{font-size:12px;font-weight:500;color:#ef4444;margin:6px 0 0 4px}.new-login-general-error{background:#fef2f2;border:1px solid #FCA5A5;border-left:1px solid #FCA5A5;border-radius:12px;color:#b91c1c;font-size:13px;font-weight:500;padding:12px 16px;margin-bottom:20px;opacity:1;animation:none}.new-login-row-actions{margin:12px 0 0}.new-login-forgot-link{font-size:13px;font-weight:600}.new-login-forgot-link:after{display:none}.new-login-forgot-link:hover{transform:none}.new-login-submit-btn{height:52px;margin-top:28px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:700;letter-spacing:0}.new-login-submit-btn:before{display:none}.new-login-submit-btn:hover:not(:disabled),.new-login-submit-btn:active:not(:disabled){transform:none}.new-login-social{margin-top:24px}.new-login-social-text{font-size:12px;font-weight:600;letter-spacing:.5px;color:#94a3b8;margin-bottom:24px}.new-login-social-text:before,.new-login-social-text:after{background:#e2e8f0}.new-login-social-btn{height:52px;padding:0 16px;border-radius:14px;border:1.5px solid #E2E8F0;font-size:15px}.new-login-social-btn:before{display:none}.new-login-social-btn:hover:not(:disabled),.new-login-social-btn:active:not(:disabled){transform:none}.new-login-signup-prompt{margin-top:28px;text-align:center}.new-login-signup-text{font-size:14px;color:#64748b}.new-login-signup-link{font-size:14px;font-weight:700}.new-login-signup-link:after{display:none}.new-login-signup-link:hover{transform:none}}.modal-overlay-terms{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content-terms{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;overflow:hidden}.modal-header-terms{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eaeaea;background:#fff}.modal-header-terms h2{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.modal-close-terms{background:none;border:none;font-size:1rem;cursor:pointer;color:#999;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.modal-close-terms:hover{color:#e74c3c;background:#fafafa}.modal-body-terms{flex:1;overflow-y:auto;padding:1.5rem}.modal-body-terms.registration-mode{max-height:50vh}.terms-scroll-terms{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;line-height:1.6}.terms-scroll-terms h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #eaeaea}.terms-section-terms{margin-bottom:1rem}.terms-section-terms h4{font-size:.8rem;font-weight:600;color:#f39c12;margin:0 0 .5rem}.terms-section-terms p{font-size:.75rem;color:#666;margin:.5rem 0;line-height:1.5}.terms-section-terms ul{margin:.5rem 0;padding-left:1.5rem}.terms-section-terms li{font-size:.75rem;color:#666;margin:.25rem 0;line-height:1.5}.terms-table-terms{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.7rem}.terms-table-terms th,.terms-table-terms td{border:1px solid #eaeaea;padding:.5rem;text-align:left}.terms-table-terms th{background:#fafafa;font-weight:600;color:#1a1a1a}.modal-footer-terms{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #eaeaea;background:#fafafa}.terms-checkbox-wrapper{flex:1;display:flex;align-items:center;gap:.5rem}.terms-checkbox-wrapper input{width:18px;height:18px;cursor:pointer}.terms-checkbox-wrapper input:disabled{cursor:not-allowed;opacity:.5}.terms-checkbox-wrapper label{font-size:.8rem;color:#666;cursor:pointer}.terms-checkbox-wrapper input:disabled+label{cursor:not-allowed;color:#999}.btn-accept-terms{padding:.5rem 1rem;background:#f39c12;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-accept-terms:hover:not(:disabled){background:#e67e22}.btn-accept-terms:disabled{opacity:.5;cursor:not-allowed}.btn-close-terms{padding:.5rem 1rem;background:#fff;border:1px solid #eaeaea;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;color:#666}.btn-close-terms:hover{background:#f5f5f5;border-color:#ddd}@media(max-width:768px){.modal-content-terms{max-width:95%;max-height:95vh}.modal-header-terms{padding:.75rem 1rem}.modal-header-terms h2{font-size:1rem}.modal-body-terms{padding:1rem}.modal-footer-terms{flex-direction:column;padding:.75rem 1rem}.terms-checkbox-wrapper{order:2}.btn-accept-terms{order:1;width:100%}}@keyframes newRegisterPageFadeIn{0%{opacity:0;transform:scale(.96) perspective(1000px) rotateX(2deg)}to{opacity:1;transform:scale(1) perspective(1000px) rotateX(0)}}.new-register-page{display:flex;min-height:100vh;height:100vh;max-height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;overflow:hidden;animation:newRegisterPageFadeIn .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes newRegisterBrandingSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newRegisterBrandingSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-register-branding{flex:0 0 50%;background:linear-gradient(135deg,#0f1a24,#1a2a3a,#243b4a);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.new-register-branding.branding-left{order:0;animation:newRegisterBrandingSlideInLeft 1s cubic-bezier(.16,1,.3,1) .1s both}.new-register-branding.branding-right{order:1;animation:newRegisterBrandingSlideInRight 1s cubic-bezier(.16,1,.3,1) .1s both}.new-register-branding:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(243,156,18,.03) 0%,transparent 60%);animation:newRegisterShimmer 8s ease-in-out infinite;pointer-events:none}@keyframes newRegisterShimmer{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(10%,-5%) scale(1.1);opacity:.8}75%{transform:translate(-10%,5%) scale(.9);opacity:.6}}.new-register-branding:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(243,156,18,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(243,156,18,.03) 0%,transparent 50%);pointer-events:none}.new-register-branding-content{max-width:420px;color:#fff;position:relative;z-index:1;width:100%}.new-register-brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.new-register-brand-logo{width:48px;height:48px;object-fit:contain;animation:newRegisterLogoFloat 4s ease-in-out infinite}@keyframes newRegisterLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}.new-register-brand-name{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.5px;opacity:0;animation:newRegisterTextReveal .8s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes newRegisterTextReveal{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-register-brand-tagline{font-size:1.1rem;font-weight:500;color:#f39c12;margin-bottom:.75rem;letter-spacing:.3px;opacity:0;animation:newRegisterTextReveal .8s cubic-bezier(.16,1,.3,1) .5s forwards}.new-register-brand-description{font-size:.9rem;color:#b0bec5;line-height:1.6;margin-bottom:1.5rem;opacity:0;animation:newRegisterTextReveal .8s cubic-bezier(.16,1,.3,1) .6s forwards}.new-register-brand-features{display:flex;flex-direction:column;gap:.5rem}.new-register-brand-feature{display:flex;align-items:center;gap:.6rem;color:#e0e7ef;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translate(30px);animation:newRegisterFeatureSlide .7s cubic-bezier(.16,1,.3,1) forwards}.new-register-brand-feature:nth-child(1){animation-delay:.7s}.new-register-brand-feature:nth-child(2){animation-delay:.85s}.new-register-brand-feature:nth-child(3){animation-delay:1s}@keyframes newRegisterFeatureSlide{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-register-brand-feature:last-child{border-bottom:none}.new-register-feature-dot{width:7px;height:7px;background:#f39c12;border-radius:50%;flex-shrink:0;animation:newRegisterDotPulse 2.5s ease-in-out infinite}@keyframes newRegisterDotPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #f39c1266}50%{transform:scale(1.3);opacity:.8;box-shadow:0 0 20px #f39c1233}}@keyframes newRegisterFormSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newRegisterFormSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-register-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;background:#fff;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.new-register-back-btn{position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem .55rem .9rem;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:999px;color:#667085;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:5}.new-register-back-btn:hover{border-color:#e67e22;color:#e67e22;box-shadow:0 4px 16px #f39c1233}.new-register-back-btn:hover .new-register-back-icon{transform:translate(-3px)}.new-register-back-icon{font-size:13px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.new-register-form-container.form-left{order:0!important;animation:newRegisterFormSlideInLeft 1s cubic-bezier(.16,1,.3,1) .15s both}.new-register-form-container.form-right{order:1!important;animation:newRegisterFormSlideInRight 1s cubic-bezier(.16,1,.3,1) .15s both}.new-register-form-wrapper{max-width:460px;width:100%;padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}@keyframes newRegisterFormElementFadeUp{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(4px)}60%{transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.new-register-form-header{margin-bottom:1.5rem;opacity:0;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.new-register-form-title{font-size:1.8rem;font-weight:700;color:#1a2632;margin-bottom:.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#1a2632,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-register-form-subtitle{color:#7f8c8d;font-size:.9rem}.new-register-form-subtitle strong{color:#f39c12;font-weight:600}.new-register-form{display:flex;flex-direction:column;gap:.7rem}.new-register-form-group{display:flex;flex-direction:column;gap:.25rem;width:100%;opacity:0;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.new-register-form-group:nth-child(1){animation-delay:.25s}.new-register-form-group:nth-child(2){animation-delay:.28s}.new-register-form-group:nth-child(3){animation-delay:.31s}.new-register-form-group:nth-child(4){animation-delay:.34s}.new-register-form-group:nth-child(5){animation-delay:.37s}.new-register-form-group:nth-child(6){animation-delay:.4s}.new-register-form-group:nth-child(7){animation-delay:.43s}.new-register-form-group:nth-child(8){animation-delay:.46s}.new-register-form-label{font-size:.8rem;font-weight:600;color:#2c3e50;letter-spacing:.3px}.new-register-optional{font-weight:400;color:#95a5a6;font-size:.7rem}.new-register-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.new-register-input-icon{position:absolute;left:.9rem;color:#95a5a6;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.new-register-input-wrapper:focus-within .new-register-input-icon{color:#f39c12;transform:scale(1.1) translate(2px)}.new-register-form-input{width:100%;padding:.75rem 1rem .75rem 2.9rem;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;transition:all .35s cubic-bezier(.16,1,.3,1);background-color:#f8f9fa;color:#1a2632;font-family:inherit;position:relative;z-index:1}.new-register-form-input:hover{background-color:#f1f3f5;border-color:#dee2e6}.new-register-form-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c1214,0 4px 20px #00000005;transform:translateY(-1px) scale(1.005)}.new-register-form-input.new-register-input-error{border-color:#e74c3c;background-color:#fff5f5;animation:newRegisterShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes newRegisterShake{0%,to{transform:translate(0) scale(1)}10%{transform:translate(-8px) scale(1.01)}30%{transform:translate(8px) scale(1.01)}50%{transform:translate(-5px) scale(.99)}70%{transform:translate(5px) scale(.99)}90%{transform:translate(-3px) scale(1)}}.new-register-form-input:disabled{opacity:.6;cursor:not-allowed}.new-register-password-toggle{position:absolute;right:.9rem;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:.3rem;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:2}.new-register-password-toggle:hover:not(:disabled){color:#f39c12;transform:scale(1.15) rotate(5deg)}.new-register-password-toggle:disabled{cursor:not-allowed;opacity:.6}.new-register-error-message{color:#e74c3c;font-size:.7rem;margin-top:.15rem;animation:newRegisterErrorSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes newRegisterErrorSlide{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-register-general-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:.5rem .75rem;border-radius:8px;margin-bottom:.5rem;font-size:.8rem;border-left:4px solid #dc2626;animation:newRegisterErrorSlide .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.new-register-email-checking{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);z-index:2}.new-register-checking-spinner{width:17px;height:17px;border:2.5px solid #e0e0e0;border-top-color:#f39c12;border-radius:50%;animation:newRegisterSpin .8s linear infinite;display:inline-block}@keyframes newRegisterSpin{to{transform:rotate(360deg)}}.new-register-email-available,.new-register-email-taken{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);z-index:2}.new-register-available-icon{color:#27ae60;font-weight:700;font-size:17px}.new-register-taken-icon{color:#e74c3c;font-weight:700;font-size:17px}.new-register-success-message{color:#27ae60;font-size:.7rem;margin-top:.15rem;display:block}.new-register-checking-message{color:#f39c12;font-size:.7rem;margin-top:.15rem;display:block;animation:newRegisterPulse 1.5s ease-in-out infinite}@keyframes newRegisterPulse{0%,to{opacity:1}50%{opacity:.5}}.new-register-checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;margin:.1rem 0}.new-register-terms-checkbox{width:17px;height:17px;cursor:pointer;accent-color:#f39c12;margin-top:2px;flex-shrink:0}.new-register-checkbox-text{font-size:.8rem;color:#4a5568;line-height:1.3}.new-register-terms-link{background:none;border:none;color:#f39c12;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;font-size:.8rem;display:inline}.new-register-terms-link:hover{color:#e67e22}.new-register-checkbox-label-disabled{cursor:not-allowed;opacity:.85}.new-register-checkbox-label-disabled .new-register-terms-checkbox{cursor:not-allowed;opacity:.5}.new-register-terms-hint{color:#f39c12;font-size:.7rem;font-weight:400;font-style:italic}.new-register-submit-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;display:flex;align-items:center;justify-content:center;margin-top:.1rem;letter-spacing:.5px;opacity:0;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .5s forwards;overflow:hidden;width:100%}.new-register-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.16,1,.3,1)}.new-register-submit-btn:hover:not(:disabled):before{left:100%}.new-register-submit-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 8px 35px #f39c1259}.new-register-submit-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 15px #f39c1240}.new-register-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.new-register-submit-btn.new-register-loading{color:transparent;pointer-events:none}.new-register-submit-btn.new-register-loading:after{content:"";position:absolute;width:23px;height:23px;top:calc(50% - 11.5px);left:calc(50% - 11.5px);border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:newRegisterSpin .8s cubic-bezier(.5,0,.5,1) infinite}.new-register-social{margin-top:.15rem;opacity:0;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .55s forwards}.new-register-social-text{text-align:center;font-size:.75rem;color:#95a5a6;margin-bottom:.6rem;position:relative}.new-register-social-text:before,.new-register-social-text:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent)}.new-register-social-text:before{left:0}.new-register-social-text:after{right:0}.new-register-social-buttons{display:flex;gap:1rem;justify-content:center}.new-register-social-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.5rem;border:2px solid #e9ecef;border-radius:10px;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:.9rem;font-weight:500;color:#4a5568;width:100%;position:relative;overflow:hidden}.new-register-social-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(243,156,18,.08),transparent 70%);transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)}.new-register-social-btn:hover:not(:disabled):before{width:400px;height:400px}.new-register-social-btn.new-register-google-btn{gap:.6rem}.new-register-google-icon{font-size:1.15rem;position:relative;z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1)}.new-register-social-btn:hover:not(:disabled) .new-register-google-icon{transform:scale(1.15) rotate(-5deg)}.new-register-google-text{color:#4a5568;position:relative;z-index:1}.new-register-social-btn:hover:not(:disabled){border-color:#f39c12;background:#fef9e7;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 25px #0000000f}.new-register-social-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.new-register-social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.new-register-social-btn.new-register-loading{pointer-events:none;opacity:.7}.new-register-loading-spinner{display:inline-block;width:19px;height:19px;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#f39c12;animation:newRegisterSpin .8s cubic-bezier(.5,0,.5,1) infinite}.new-register-login-prompt{text-align:center;margin-top:.35rem;opacity:0;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .6s forwards}.new-register-login-text{font-size:.85rem;color:#7f8c8d}.new-register-login-link{color:#f39c12;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.new-register-login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#f39c12,#e67e22);transition:width .4s cubic-bezier(.16,1,.3,1)}.new-register-login-link:hover{color:#e67e22}.new-register-login-link:hover:after{width:100%}.new-register-code-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.new-register-code-inputs{display:flex;gap:.6rem;justify-content:center}.new-register-code-input{width:48px;height:52px;text-align:center;font-size:1.2rem;font-weight:600;border:2px solid #e9ecef;border-radius:10px;background-color:#f8f9fa;transition:all .3s ease}.new-register-code-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c121a;transform:translateY(-2px)}.new-register-code-input.new-register-input-error{border-color:#e74c3c;background-color:#fff5f5}.new-register-resend-code{text-align:center;margin:.3rem 0}.new-register-resend-text{font-size:.85rem;color:#7f8c8d}.new-register-resend-link{background:none;border:none;color:#f39c12;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.new-register-resend-link:hover:not(:disabled){color:#e67e22}.new-register-resend-link:disabled{opacity:.5;cursor:not-allowed}.new-register-back-button{display:flex;align-items:center;justify-content:center;gap:.4rem;background:none;border:2px solid #e9ecef;padding:.7rem;border-radius:10px;color:#7f8c8d;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:100%;margin-top:.3rem;background:#f8f9fa}.new-register-back-button:hover:not(:disabled){background:#fff;border-color:#f39c12;color:#f39c12;transform:translateY(-2px)}.new-register-back-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.new-register-success-container{text-align:center;padding:1.5rem .5rem;animation:newRegisterFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.new-register-success-icon{width:72px;height:72px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 1rem;animation:newRegisterSuccessScale .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes newRegisterSuccessScale{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.new-register-success-title{font-size:1.6rem;font-weight:700;color:#1a2632;margin-bottom:.5rem}.new-register-success-text{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.new-register-back-to-login-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.8rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.new-register-back-to-login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f39c1259}.new-register-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:newRegisterModalFadeIn .3s ease-out}@keyframes newRegisterModalFadeIn{0%{opacity:0}to{opacity:1}}.new-register-modal-content{background:#fff;border-radius:16px;padding:1.5rem 2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0003;animation:newRegisterModalSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes newRegisterModalSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.new-register-modal-content.warning{border-top:4px solid #f39c12}.new-register-modal-content.error{border-top:4px solid #e74c3c}.new-register-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.new-register-modal-icon{font-size:1.5rem}.new-register-modal-header h3{margin:0;color:#2c3e50;font-size:1.1rem}.new-register-modal-body{margin-bottom:1rem}.new-register-modal-body p{color:#666;line-height:1.5;margin:0}.new-register-modal-close-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.7rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease}.new-register-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f39c124d}@media(max-width:1024px){.new-register-branding{padding:2.5rem 2rem}.new-register-form-container{padding:1.5rem 2rem}.new-register-brand-name{font-size:1.4rem}.new-register-form-wrapper{max-width:420px}}@media(max-width:768px){.new-register-page{flex-direction:column;overflow:hidden;height:100vh;animation:newRegisterMobileFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes newRegisterMobileFadeIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.new-register-branding{flex:0 0 auto;min-height:auto;height:auto;max-height:none;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#0f1a24,#1a2a3a);order:0;animation:newRegisterBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-register-branding.branding-right{order:0;animation:newRegisterBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-register-branding-content{max-width:100%;text-align:center}.new-register-brand-header{justify-content:center;margin-bottom:.75rem}.new-register-brand-logo{width:42px;height:42px}.new-register-brand-name{font-size:1.3rem}.new-register-brand-tagline{font-size:.9rem;margin-bottom:.5rem}.new-register-brand-description{font-size:.8rem;margin-bottom:.75rem;display:none}.new-register-brand-features{display:none}.new-register-form-container{flex:1;padding:1rem 1.5rem 1.5rem;align-items:flex-start;min-height:auto;height:auto;max-height:none;order:1;overflow-y:auto}.new-register-form-container.form-left,.new-register-form-container.form-right{order:1!important;animation:newRegisterFormSlideInRight .8s cubic-bezier(.16,1,.3,1) .1s both}.new-register-form-wrapper{max-width:100%;padding:0;height:auto}.new-register-form-title{font-size:1.5rem}.new-register-form-header{margin-bottom:1.25rem}.new-register-form-input{padding:.7rem .8rem .7rem 2.5rem;font-size:.9rem;border-radius:8px}.new-register-submit-btn{padding:.7rem;font-size:.9rem;border-radius:8px}.new-register-social-btn{padding:.7rem 1rem;font-size:.85rem;border-radius:8px}.new-register-code-input{width:42px;height:46px;font-size:1rem}.new-register-code-inputs{gap:.5rem}}@media(max-width:480px){.new-register-branding{padding:1rem 1rem .75rem}.new-register-brand-logo{width:36px;height:36px}.new-register-brand-name{font-size:1.1rem}.new-register-brand-tagline{font-size:.8rem}.new-register-form-container{padding:.75rem 1rem 1rem}.new-register-back-btn{top:.9rem;left:.9rem;padding:.45rem .9rem .45rem .75rem;font-size:12px}.new-register-form-title{font-size:1.3rem}.new-register-form-subtitle{font-size:.8rem}.new-register-form-input{padding:.6rem .7rem .6rem 2.25rem;font-size:.85rem;border-radius:8px}.new-register-input-icon{left:.7rem;font-size:.8rem}.new-register-password-toggle{right:.7rem;font-size:.8rem}.new-register-submit-btn{padding:.6rem;font-size:.85rem;border-radius:8px}.new-register-social-btn{padding:.6rem;font-size:.8rem;border-radius:8px}.new-register-social-text:before,.new-register-social-text:after{width:20%}.new-register-code-input{width:38px;height:42px;font-size:.9rem}.new-register-code-inputs{gap:.3rem}.new-register-success-icon{width:60px;height:60px;font-size:1.8rem}.new-register-success-title{font-size:1.3rem}.new-register-back-to-login-btn{padding:.6rem;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.new-register-page,.new-register-branding.branding-left,.new-register-branding.branding-right,.new-register-form-container.form-left,.new-register-form-container.form-right,.new-register-brand-feature,.new-register-form-group,.new-register-form-header,.new-register-submit-btn,.new-register-social,.new-register-login-prompt,.new-register-success-container,.new-register-brand-name,.new-register-brand-tagline,.new-register-brand-description{animation:none!important;opacity:1!important;transform:none!important}.new-register-brand-logo,.new-register-feature-dot,.new-register-form-input.new-register-input-error{animation:none!important}.new-register-branding:after{animation:none!important}.new-register-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.new-register-modal-content,.new-register-success-icon{animation:none!important}}.new-register-mobile-logo{display:none}@media(max-width:768px){.new-register-page{display:block;height:auto;min-height:100vh;min-height:100dvh;background:#fff;overflow-y:auto}.new-register-branding{display:none!important}.new-register-form-container{min-height:100vh;min-height:100dvh;height:auto;max-height:none;padding:16px 28px 24px;align-items:center;overflow:visible;background:#fff}.new-register-form-wrapper{max-width:400px;margin:0 auto;height:auto}.new-register-mobile-logo{display:block;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #F1F5F9;padding:16px;margin:8px auto 20px;box-shadow:0 8px 20px #0000000f}.new-register-form-header{text-align:center;margin-bottom:32px}.new-register-form-title{font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px}.new-register-form-subtitle{font-size:14px;color:#64748b}.new-register-form-label{font-size:14px;font-weight:600;color:#334155;letter-spacing:0;margin-bottom:8px}.new-register-input-wrapper{background:#f8fafc;border:1px solid #CBD5E1;border-radius:12px}.new-register-input-wrapper:focus-within{border-color:#f39c12;background:#fff}.new-register-input-wrapper:has(.new-register-input-error){border-color:#ef4444;border-width:1.5px}.new-register-form-input{background:transparent;border:none;border-radius:12px;padding:14px 44px;font-size:15px;font-weight:500;color:#0f172a}.new-register-form-input::placeholder{color:#94a3b8;font-size:14px;font-weight:400}.new-register-form-input:hover{background:transparent;border:none}.new-register-form-input:focus{background:transparent;border:none;box-shadow:none;transform:none}.new-register-form-input.new-register-input-error{background:transparent;border:none;animation:none}.new-register-input-icon{left:14px;color:#64748b;font-size:20px}.new-register-input-wrapper:has(.new-register-input-error) .new-register-input-icon{color:#ef4444}.new-register-input-wrapper:focus-within .new-register-input-icon{color:#f39c12;transform:none}.new-register-password-toggle{right:8px;color:#94a3b8;font-size:20px}.new-register-password-toggle:hover:not(:disabled){transform:none}.new-register-error-message{font-size:12px;font-weight:500;color:#ef4444;margin:6px 0 0 4px}.new-register-success-message{font-size:12px;font-weight:500;margin:6px 0 0 4px}.new-register-checking-message{font-size:12px;margin:6px 0 0 4px}.new-register-general-error{background:#fef2f2;border:1px solid #FCA5A5;border-radius:12px;color:#b91c1c;font-size:13px;font-weight:500;padding:12px 16px;margin-bottom:20px;opacity:1;animation:none}.new-register-submit-btn{height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:700;letter-spacing:0}.new-register-submit-btn:before{display:none}.new-register-submit-btn:hover:not(:disabled),.new-register-submit-btn:active:not(:disabled){transform:none}.new-register-code-inputs{gap:8px}.new-register-code-input{width:48px;height:56px;font-size:20px;font-weight:700;border:1.5px solid #CBD5E1;border-radius:14px;background:#f8fafc;color:#0f172a}.new-register-code-input:focus{transform:none;background:#fff}.new-register-code-input.new-register-input-error{background:#fef2f2;animation:none}.new-register-social-text{font-size:12px;font-weight:600;letter-spacing:.5px;color:#94a3b8}.new-register-social-btn{height:52px;padding:0 16px;border-radius:14px;border:1.5px solid #E2E8F0;font-size:15px}.new-register-social-btn:before{display:none}.new-register-social-btn:hover:not(:disabled),.new-register-social-btn:active:not(:disabled){transform:none}.new-register-login-prompt{margin-top:28px;text-align:center}.new-register-login-text,.new-register-resend-text{font-size:14px;color:#64748b}.new-register-resend-link{font-size:14px;text-decoration:none}.new-register-success-container{text-align:center}}@keyframes newForgotPageFadeIn{0%{opacity:0;transform:scale(.96) perspective(1000px) rotateX(2deg)}to{opacity:1;transform:scale(1) perspective(1000px) rotateX(0)}}.new-forgot-page{display:flex;min-height:100vh;height:100vh;max-height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;overflow:hidden;animation:newForgotPageFadeIn .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes newForgotBrandingSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newForgotBrandingSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-forgot-branding{flex:0 0 50%;background:linear-gradient(135deg,#0f1a24,#1a2a3a,#243b4a);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.new-forgot-branding.branding-left{order:0;animation:newForgotBrandingSlideInLeft 1s cubic-bezier(.16,1,.3,1) .1s both}.new-forgot-branding.branding-right{order:1;animation:newForgotBrandingSlideInRight 1s cubic-bezier(.16,1,.3,1) .1s both}.new-forgot-branding:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(243,156,18,.03) 0%,transparent 60%);animation:newForgotShimmer 8s ease-in-out infinite;pointer-events:none}@keyframes newForgotShimmer{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(10%,-5%) scale(1.1);opacity:.8}75%{transform:translate(-10%,5%) scale(.9);opacity:.6}}.new-forgot-branding:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(243,156,18,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(243,156,18,.03) 0%,transparent 50%);pointer-events:none}.new-forgot-branding-content{max-width:420px;color:#fff;position:relative;z-index:1;width:100%}.new-forgot-brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.new-forgot-brand-logo{width:48px;height:48px;object-fit:contain;animation:newForgotLogoFloat 4s ease-in-out infinite}@keyframes newForgotLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}.new-forgot-brand-name{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.5px;opacity:0;animation:newForgotTextReveal .8s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes newForgotTextReveal{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-forgot-brand-tagline{font-size:1.1rem;font-weight:500;color:#f39c12;margin-bottom:.75rem;letter-spacing:.3px;opacity:0;animation:newForgotTextReveal .8s cubic-bezier(.16,1,.3,1) .5s forwards}.new-forgot-brand-description{font-size:.9rem;color:#b0bec5;line-height:1.6;margin-bottom:1.5rem;opacity:0;animation:newForgotTextReveal .8s cubic-bezier(.16,1,.3,1) .6s forwards}.new-forgot-brand-features{display:flex;flex-direction:column;gap:.5rem}.new-forgot-brand-feature{display:flex;align-items:center;gap:.6rem;color:#e0e7ef;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translate(30px);animation:newForgotFeatureSlide .7s cubic-bezier(.16,1,.3,1) forwards}.new-forgot-brand-feature:nth-child(1){animation-delay:.7s}.new-forgot-brand-feature:nth-child(2){animation-delay:.85s}.new-forgot-brand-feature:nth-child(3){animation-delay:1s}@keyframes newForgotFeatureSlide{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-forgot-brand-feature:last-child{border-bottom:none}.new-forgot-feature-dot{width:7px;height:7px;background:#f39c12;border-radius:50%;flex-shrink:0;animation:newForgotDotPulse 2.5s ease-in-out infinite}@keyframes newForgotDotPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #f39c1266}50%{transform:scale(1.3);opacity:.8;box-shadow:0 0 20px #f39c1233}}@keyframes newForgotFormSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newForgotFormSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-forgot-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;background:#fff;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.new-forgot-back-btn{position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem .55rem .9rem;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:999px;color:#667085;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:5}.new-forgot-back-btn:hover{border-color:#e67e22;color:#e67e22;box-shadow:0 4px 16px #f39c1233}.new-forgot-back-btn:hover .new-forgot-back-icon{transform:translate(-3px)}.new-forgot-back-icon{font-size:13px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.new-forgot-form-container.form-left{order:0!important;animation:newForgotFormSlideInLeft 1s cubic-bezier(.16,1,.3,1) .15s both}.new-forgot-form-container.form-right{order:1!important;animation:newForgotFormSlideInRight 1s cubic-bezier(.16,1,.3,1) .15s both}.new-forgot-form-wrapper{max-width:440px;width:100%;padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}@keyframes newForgotFormElementFadeUp{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(4px)}60%{transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.new-forgot-form-header{margin-bottom:1.5rem;opacity:0;animation:newForgotFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.new-forgot-form-title{font-size:1.8rem;font-weight:700;color:#1a2632;margin-bottom:.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#1a2632,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-forgot-form-subtitle{color:#7f8c8d;font-size:.9rem;line-height:1.5}.new-forgot-form-subtitle strong{color:#f39c12;font-weight:600}.new-forgot-form{display:flex;flex-direction:column;gap:.8rem}.new-forgot-form-group{display:flex;flex-direction:column;gap:.25rem;width:100%;opacity:0;animation:newForgotFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.new-forgot-form-group:nth-child(1){animation-delay:.25s}.new-forgot-form-group:nth-child(2){animation-delay:.3s}.new-forgot-form-label{font-size:.8rem;font-weight:600;color:#2c3e50;letter-spacing:.3px}.new-forgot-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.new-forgot-input-icon{position:absolute;left:.9rem;color:#95a5a6;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.new-forgot-input-wrapper:focus-within .new-forgot-input-icon{color:#f39c12;transform:scale(1.1) translate(2px)}.new-forgot-form-input{width:100%;padding:.75rem 1rem .75rem 2.9rem;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;transition:all .35s cubic-bezier(.16,1,.3,1);background-color:#f8f9fa;color:#1a2632;font-family:inherit;position:relative;z-index:1}.new-forgot-form-input:hover{background-color:#f1f3f5;border-color:#dee2e6}.new-forgot-form-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c1214,0 4px 20px #00000005;transform:translateY(-1px) scale(1.005)}.new-forgot-form-input.new-forgot-input-error{border-color:#e74c3c;background-color:#fff5f5;animation:newForgotShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes newForgotShake{0%,to{transform:translate(0) scale(1)}10%{transform:translate(-8px) scale(1.01)}30%{transform:translate(8px) scale(1.01)}50%{transform:translate(-5px) scale(.99)}70%{transform:translate(5px) scale(.99)}90%{transform:translate(-3px) scale(1)}}.new-forgot-form-input:disabled{opacity:.6;cursor:not-allowed}.new-forgot-password-toggle{position:absolute;right:.9rem;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:.3rem;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:2}.new-forgot-password-toggle:hover:not(:disabled){color:#f39c12;transform:scale(1.15) rotate(5deg)}.new-forgot-password-toggle:disabled{cursor:not-allowed;opacity:.6}.new-forgot-error-message{color:#e74c3c;font-size:.7rem;margin-top:.15rem;animation:newForgotErrorSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes newForgotErrorSlide{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-forgot-general-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:.5rem .75rem;border-radius:8px;margin-bottom:.5rem;font-size:.8rem;border-left:4px solid #dc2626;animation:newForgotErrorSlide .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.new-forgot-email-checking{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);z-index:2}.new-forgot-checking-spinner{width:17px;height:17px;border:2.5px solid #e0e0e0;border-top-color:#f39c12;border-radius:50%;animation:newForgotSpin .8s linear infinite;display:inline-block}@keyframes newForgotSpin{to{transform:rotate(360deg)}}.new-forgot-email-exists{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);z-index:2}.new-forgot-exists-icon{color:#27ae60;font-weight:700;font-size:17px}.new-forgot-success-message{color:#27ae60;font-size:.7rem;margin-top:.15rem;display:block}.new-forgot-checking-message{color:#f39c12;font-size:.7rem;margin-top:.15rem;display:block;animation:newForgotPulse 1.5s ease-in-out infinite}@keyframes newForgotPulse{0%,to{opacity:1}50%{opacity:.5}}.new-forgot-code-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.new-forgot-code-inputs{display:flex;gap:.6rem;justify-content:center}.new-forgot-code-input{width:48px;height:52px;text-align:center;font-size:1.2rem;font-weight:600;border:2px solid #e9ecef;border-radius:10px;background-color:#f8f9fa;transition:all .3s ease}.new-forgot-code-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c121a;transform:translateY(-2px)}.new-forgot-code-input.new-forgot-input-error{border-color:#e74c3c;background-color:#fff5f5}.new-forgot-resend-code{text-align:center;margin:.3rem 0}.new-forgot-resend-text{font-size:.85rem;color:#7f8c8d}.new-forgot-resend-link{background:none;border:none;color:#f39c12;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.new-forgot-resend-link:hover:not(:disabled){color:#e67e22}.new-forgot-resend-link:disabled{opacity:.5;cursor:not-allowed}.new-forgot-submit-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;display:flex;align-items:center;justify-content:center;margin-top:.1rem;letter-spacing:.5px;opacity:0;animation:newForgotFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .45s forwards;overflow:hidden;width:100%}.new-forgot-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.16,1,.3,1)}.new-forgot-submit-btn:hover:not(:disabled):before{left:100%}.new-forgot-submit-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 8px 35px #f39c1259}.new-forgot-submit-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 15px #f39c1240}.new-forgot-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.new-forgot-submit-btn.new-forgot-loading{color:transparent;pointer-events:none}.new-forgot-submit-btn.new-forgot-loading:after{content:"";position:absolute;width:23px;height:23px;top:calc(50% - 11.5px);left:calc(50% - 11.5px);border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:newForgotSpin .8s cubic-bezier(.5,0,.5,1) infinite}.new-forgot-signup-prompt{text-align:center;margin-top:.35rem;opacity:0;animation:newForgotFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .5s forwards}.new-forgot-signup-text{font-size:.85rem;color:#7f8c8d}.new-forgot-signup-link{color:#f39c12;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.new-forgot-signup-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#f39c12,#e67e22);transition:width .4s cubic-bezier(.16,1,.3,1)}.new-forgot-signup-link:hover{color:#e67e22}.new-forgot-signup-link:hover:after{width:100%}.new-forgot-success-container{text-align:center;padding:1.5rem .5rem;animation:newForgotFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.new-forgot-success-icon{width:72px;height:72px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 1rem;animation:newForgotSuccessScale .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes newForgotSuccessScale{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.new-forgot-success-title{font-size:1.6rem;font-weight:700;color:#1a2632;margin-bottom:.5rem}.new-forgot-success-text{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.new-forgot-back-to-login-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.8rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.new-forgot-back-to-login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f39c1259}@media(max-width:1024px){.new-forgot-branding{padding:2.5rem 2rem}.new-forgot-form-container{padding:1.5rem 2rem}.new-forgot-brand-name{font-size:1.4rem}.new-forgot-form-wrapper{max-width:420px}}@media(max-width:768px){.new-forgot-page{flex-direction:column;overflow:hidden;height:100vh;animation:newForgotMobileFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes newForgotMobileFadeIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.new-forgot-branding{flex:0 0 auto;min-height:auto;height:auto;max-height:none;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#0f1a24,#1a2a3a);order:0;animation:newForgotBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-forgot-branding.branding-right{order:0;animation:newForgotBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-forgot-branding-content{max-width:100%;text-align:center}.new-forgot-brand-header{justify-content:center;margin-bottom:.75rem}.new-forgot-brand-logo{width:42px;height:42px}.new-forgot-brand-name{font-size:1.3rem}.new-forgot-brand-tagline{font-size:.9rem;margin-bottom:.5rem}.new-forgot-brand-description{font-size:.8rem;margin-bottom:.75rem;display:none}.new-forgot-brand-features{display:none}.new-forgot-form-container{flex:1;padding:1rem 1.5rem 1.5rem;align-items:flex-start;min-height:auto;height:auto;max-height:none;order:1;overflow-y:auto}.new-forgot-form-container.form-left,.new-forgot-form-container.form-right{order:1!important;animation:newForgotFormSlideInRight .8s cubic-bezier(.16,1,.3,1) .1s both}.new-forgot-form-wrapper{max-width:100%;padding:0;height:auto}.new-forgot-form-title{font-size:1.5rem}.new-forgot-form-header{margin-bottom:1.25rem}.new-forgot-form-input{padding:.7rem .8rem .7rem 2.5rem;font-size:.9rem;border-radius:8px}.new-forgot-submit-btn{padding:.7rem;font-size:.9rem;border-radius:8px}.new-forgot-code-input{width:42px;height:46px;font-size:1rem}.new-forgot-code-inputs{gap:.5rem}}@media(max-width:480px){.new-forgot-branding{padding:1rem 1rem .75rem}.new-forgot-brand-logo{width:36px;height:36px}.new-forgot-brand-name{font-size:1.1rem}.new-forgot-brand-tagline{font-size:.8rem}.new-forgot-form-container{padding:.75rem 1rem 1rem}.new-forgot-back-btn{top:.9rem;left:.9rem;padding:.45rem .9rem .45rem .75rem;font-size:12px}.new-forgot-form-title{font-size:1.3rem}.new-forgot-form-subtitle{font-size:.8rem}.new-forgot-form-input{padding:.6rem .7rem .6rem 2.25rem;font-size:.85rem;border-radius:8px}.new-forgot-input-icon{left:.7rem;font-size:.8rem}.new-forgot-password-toggle{right:.7rem;font-size:.8rem}.new-forgot-submit-btn{padding:.6rem;font-size:.85rem;border-radius:8px}.new-forgot-code-input{width:38px;height:42px;font-size:.9rem}.new-forgot-code-inputs{gap:.3rem}.new-forgot-success-icon{width:60px;height:60px;font-size:1.8rem}.new-forgot-success-title{font-size:1.3rem}.new-forgot-back-to-login-btn{padding:.6rem;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.new-forgot-page,.new-forgot-branding.branding-left,.new-forgot-branding.branding-right,.new-forgot-form-container.form-left,.new-forgot-form-container.form-right,.new-forgot-brand-feature,.new-forgot-form-group,.new-forgot-form-header,.new-forgot-submit-btn,.new-forgot-signup-prompt,.new-forgot-success-container,.new-forgot-brand-name,.new-forgot-brand-tagline,.new-forgot-brand-description{animation:none!important;opacity:1!important;transform:none!important}.new-forgot-brand-logo,.new-forgot-feature-dot,.new-forgot-form-input.new-forgot-input-error{animation:none!important}.new-forgot-branding:after{animation:none!important}.new-forgot-success-icon{animation:none!important}}.new-forgot-mobile-logo{display:none}@media(max-width:768px){.new-forgot-page{display:block;height:auto;min-height:100vh;min-height:100dvh;background:#fff;overflow-y:auto}.new-forgot-branding{display:none!important}.new-forgot-form-container{min-height:100vh;min-height:100dvh;height:auto;max-height:none;padding:16px 28px 24px;align-items:center;overflow:visible;background:#fff}.new-forgot-form-wrapper{max-width:400px;margin:0 auto;height:auto}.new-forgot-mobile-logo{display:block;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #F1F5F9;padding:16px;margin:8px auto 16px;box-shadow:0 8px 20px #0000000f}.new-forgot-form-header{text-align:center;margin-bottom:32px}.new-forgot-form-title{font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px}.new-forgot-form-subtitle{font-size:14px;color:#64748b}.new-forgot-form-label{font-size:14px;font-weight:600;color:#334155;letter-spacing:0;margin-bottom:8px}.new-forgot-input-wrapper{background:#f8fafc;border:1px solid #CBD5E1;border-radius:12px}.new-forgot-input-wrapper:focus-within{border-color:#f39c12;background:#fff}.new-forgot-input-wrapper:has(.new-forgot-input-error){border-color:#ef4444;border-width:1.5px}.new-forgot-form-input{background:transparent;border:none;border-radius:12px;padding:14px 44px;font-size:15px;font-weight:500;color:#0f172a}.new-forgot-form-input::placeholder{color:#94a3b8;font-size:14px;font-weight:400}.new-forgot-form-input:hover{background:transparent;border:none}.new-forgot-form-input:focus{background:transparent;border:none;box-shadow:none;transform:none}.new-forgot-form-input.new-forgot-input-error{background:transparent;border:none;animation:none}.new-forgot-input-icon{left:14px;color:#64748b;font-size:20px}.new-forgot-input-wrapper:has(.new-forgot-input-error) .new-forgot-input-icon{color:#ef4444}.new-forgot-input-wrapper:focus-within .new-forgot-input-icon{color:#f39c12;transform:none}.new-forgot-password-toggle{right:8px;color:#94a3b8;font-size:20px}.new-forgot-password-toggle:hover:not(:disabled){transform:none}.new-forgot-error-message{font-size:12px;font-weight:500;color:#ef4444;margin:6px 0 0 4px}.new-forgot-success-message,.new-forgot-checking-message{font-size:12px;font-weight:500;margin:6px 0 0 4px}.new-forgot-general-error{background:#fef2f2;border:1px solid #FCA5A5;border-radius:12px;color:#b91c1c;font-size:13px;font-weight:500;padding:12px 16px;margin-bottom:20px;opacity:1;animation:none}.new-forgot-submit-btn{height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:700;letter-spacing:0}.new-forgot-submit-btn:before{display:none}.new-forgot-submit-btn:hover:not(:disabled),.new-forgot-submit-btn:active:not(:disabled){transform:none}.new-forgot-code-inputs{gap:8px}.new-forgot-code-input{width:48px;height:56px;font-size:20px;font-weight:700;border:1.5px solid #CBD5E1;border-radius:14px;background:#f8fafc;color:#0f172a}.new-forgot-code-input:focus{transform:none;background:#fff}.new-forgot-code-input.new-forgot-input-error{background:#fef2f2;animation:none}.new-forgot-resend-text{font-size:14px;color:#64748b}.new-forgot-resend-link{font-size:14px;text-decoration:none}.new-forgot-signup-prompt{margin-top:28px;text-align:center}.new-forgot-signup-text{font-size:14px;color:#64748b}.new-forgot-success-container{text-align:center}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,sans-serif;line-height:1.6;background:#f5f5f7;color:#1f1f1f}.terms-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:#f5f5f7}.terms-page-container{max-width:900px;width:100%;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000000f;overflow:hidden;padding:2.5rem}.terms-header{margin-bottom:2rem}.terms-header h1{font-size:2.25rem;font-weight:700;color:#1f1f1f;letter-spacing:-.02em;margin:0 0 .5rem}.terms-effective-date{font-size:.875rem;color:#9ca3af;margin:0 0 .75rem}.terms-intro{font-size:1rem;color:#6b6b6f;margin:0;line-height:1.5}.terms-divider{height:1px;background:linear-gradient(90deg,#e5e5e8 0% 100%);margin:1.5rem 0 2rem}.terms-content{margin-bottom:2rem}.terms-content h2{font-size:1.5rem;font-weight:600;color:#1f1f1f;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #E5E5E8;letter-spacing:-.01em}.terms-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #F0F0F0}.terms-section-last{border-bottom:none;padding-bottom:0}.terms-section h3{font-size:1.125rem;font-weight:600;color:#1f1f1f;margin:0 0 1rem}.terms-section p{font-size:.9375rem;color:#4a4a4e;margin-bottom:1rem;line-height:1.65}.terms-section p:last-child{margin-bottom:0}.terms-section ul{margin:.75rem 0 1rem;padding-left:1.5rem}.terms-section li{font-size:.9375rem;color:#4a4a4e;margin-bottom:.5rem;line-height:1.6}.terms-section li:last-child{margin-bottom:0}.terms-highlight-box{background:#f8f9fa;border-left:3px solid #1F1F1F;padding:.75rem 1rem;margin:1rem 0;border-radius:8px}.terms-highlight-box strong{font-size:.9375rem;color:#1f1f1f}.terms-table-wrapper{overflow-x:auto;margin:1rem 0;border-radius:12px;border:1px solid #E5E5E8}.terms-table{width:100%;border-collapse:collapse;font-size:.875rem}.terms-table th{background:#f8f9fa;padding:.875rem 1rem;text-align:left;font-weight:600;color:#1f1f1f;border-bottom:1px solid #E5E5E8}.terms-table td{padding:.875rem 1rem;color:#4a4a4e;border-bottom:1px solid #F0F0F0}.terms-table tr:last-child td{border-bottom:none}.terms-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E5E8;text-align:center}.terms-footer p{font-size:.75rem;color:#9ca3af}@media(max-width:768px){.terms-page-wrapper,.terms-page-container{padding:1.5rem}.terms-header h1{font-size:1.75rem}.terms-content h2{font-size:1.25rem}.terms-section h3{font-size:1rem}.terms-section p,.terms-section li{font-size:.875rem}.terms-table th,.terms-table td{padding:.625rem .75rem;font-size:.8125rem}}@media(max-width:640px){.terms-page-container{padding:1.25rem}.terms-table th,.terms-table td{padding:.5rem .625rem;font-size:.75rem}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--bg-modal: #FFFFFF;--bg-input: #FFFFFF;--bg-bulk: rgba(255, 255, 255, .86);--bg-empty: rgba(255, 255, 255, .86);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-item: rgba(255, 255, 255, .86);--bg-item-unread: rgba(255, 255, 255, .92);--bg-item-selected: rgba(243, 156, 18, .06);--bg-item-broadcast: rgba(139, 92, 246, .04);--bg-icon-default: #F6F8F5;--bg-icon-info: rgba(59, 130, 246, .1);--bg-icon-warning: rgba(243, 156, 18, .1);--bg-icon-success: rgba(16, 185, 129, .1);--bg-icon-error: rgba(239, 68, 68, .1);--bg-dropdown: #FFFFFF;--bg-performed: #F6F8F5;--bg-error: rgba(239, 68, 68, .08);--bg-header-icon: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #E5E7EB;--border-modal: #EEF0ED;--border-error: rgba(239, 68, 68, .15);--border-item-unread: rgba(243, 156, 18, .15);--border-item-broadcast: #8B5CF6;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(23, 33, 43, .15);--shadow-dropdown: 0 10px 40px rgba(23, 33, 43, .12);--overlay-bg: rgba(23, 33, 43, .7);--divider-color: #EEF0ED;--icon-color: #F39C12;--icon-info: #2563EB;--icon-warning: #D97706;--icon-success: #059669;--icon-error: #DC2626;--icon-default: #98A2B3;--icon-broadcast: #8B5CF6;--text-danger: #EF4444;--text-danger-hover: #DC2626;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--checkbox-border: #D1D5DB;--checkbox-bg: #FFFFFF;--checkbox-checked: #F39C12;--unread-label: #EF4444;--unread-dot: #EF4444;--filter-count-bg: rgba(23, 33, 43, .06);--filter-count-text: #667085;--filter-count-active: rgba(255, 255, 255, .2);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%)}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--bg-modal: #1A2533;--bg-input: rgba(255, 255, 255, .05);--bg-bulk: #1A2533;--bg-empty: #1A2533;--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-item: #1A2533;--bg-item-unread: rgba(255, 255, 255, .05);--bg-item-selected: rgba(243, 156, 18, .08);--bg-item-broadcast: rgba(139, 92, 246, .06);--bg-icon-default: #131C28;--bg-icon-info: rgba(59, 130, 246, .12);--bg-icon-warning: rgba(243, 156, 18, .12);--bg-icon-success: rgba(16, 185, 129, .12);--bg-icon-error: rgba(239, 68, 68, .12);--bg-dropdown: #1A2533;--bg-performed: #131C28;--bg-error: rgba(239, 68, 68, .12);--bg-header-icon: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-error: rgba(239, 68, 68, .2);--border-item-unread: rgba(243, 156, 18, .25);--border-item-broadcast: #8B5CF6;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .7);--divider-color: rgba(255, 255, 255, .06);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-warning: #F39C12;--icon-success: #10B981;--icon-error: #EF4444;--icon-default: rgba(255, 255, 255, .4);--icon-broadcast: #8B5CF6;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--checkbox-border: rgba(255, 255, 255, .2);--checkbox-bg: rgba(255, 255, 255, .05);--checkbox-checked: #F39C12;--unread-label: #EF4444;--unread-dot: #EF4444;--filter-count-bg: rgba(255, 255, 255, .08);--filter-count-text: rgba(255, 255, 255, .6);--filter-count-active: rgba(255, 255, 255, .2);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%)}.notif-page{min-height:100vh;padding:2rem 1.5rem;margin:0 auto;background:var(--bg-primary);color:var(--text-primary);font-family:Poppins,sans-serif;transition:background .3s ease,color .3s ease}.notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.notif-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--icon-color);border-radius:50%;animation:spin .8s linear infinite;transition:border-color .3s ease}.notif-loading p{color:var(--text-muted);font-size:.95rem;transition:color .3s ease}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 1.25rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem;transition:border-color .3s ease}.notif-header-left{display:flex;align-items:center;gap:1rem}.notif-back-btn{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:1rem}.notif-header-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-header-icon);border:1px solid var(--border-card);border-radius:12px;color:var(--text-primary);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease,color .3s ease}.notif-header-icon{font-size:1.5rem}.notif-header-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--unread-dot);border-radius:50%;border:2px solid var(--bg-surface);animation:pulse-dot 2s infinite;transition:background .3s ease,border-color .3s ease}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.notif-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.notif-subtitle{font-size:.875rem;color:var(--text-muted);margin:0;transition:color .3s ease}.notif-header-right{display:flex;align-items:center;gap:.5rem}.notif-select-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.notif-select-btn:hover{background:var(--bg-card-hover);border-color:#f39c1240;color:var(--text-primary)}.notif-select-btn.active{background:#f39c121a;border-color:var(--icon-color);color:var(--icon-color)}.notif-mark-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--icon-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.notif-mark-all-btn:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.notif-mark-all-btn svg{font-size:.875rem}.notif-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin:.75rem 0;background:var(--bg-bulk);border:1px solid var(--border-card);border-radius:10px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;gap:.75rem;transition:background .3s ease,border-color .3s ease}.bulk-count{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.bulk-actions-group{display:flex;gap:.5rem}.bulk-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .875rem;border:none;background:#ef44441a;color:var(--text-danger);border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.bulk-delete-btn:hover{background:#ef444433}.bulk-select-btn{padding:.4rem .875rem;border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.bulk-select-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-filters{padding:.75rem 0;margin:.5rem 0}.notif-filter-tabs{display:inline-flex;gap:.25rem;background:var(--bg-tabs);padding:.25rem;border-radius:10px;flex-wrap:wrap;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.filter-tab:hover{color:var(--text-primary);background:var(--bg-hover-light)}.filter-tab.active{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--filter-count-bg);color:var(--filter-count-text);border-radius:10px;font-size:.75rem;font-weight:600;transition:background .3s ease,color .3s ease}.filter-tab.active .filter-count{background:var(--filter-count-active);color:#fff}.filter-unread-dot{font-size:.5rem;color:var(--unread-dot)}.filter-broadcast-icon{color:var(--icon-broadcast);font-size:.875rem}.unread-count,.filter-tab.active .unread-count{background:var(--unread-dot);color:#fff}.broadcast-count,.filter-tab.active .broadcast-count{background:var(--icon-broadcast);color:#fff}.notif-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin:1rem 0;background:var(--bg-error);border:1px solid var(--border-error);border-radius:10px;color:var(--text-danger);transition:background .3s ease,border-color .3s ease,color .3s ease}.notif-error svg{font-size:1.25rem;flex-shrink:0}.notif-error p{flex:1;margin:0;font-size:.875rem}.notif-error button{padding:.25rem 1rem;border:1px solid var(--text-danger);background:transparent;color:var(--text-danger);border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.notif-error button:hover{background:var(--text-danger);color:#fff}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.notif-empty-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-empty);border:1px solid var(--border-card);border-radius:50%;margin-bottom:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.notif-empty-icon{font-size:2.5rem;color:var(--text-muted);transition:color .3s ease}.notif-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;transition:color .3s ease}.notif-empty p{color:var(--text-muted);font-size:.938rem;margin:0;transition:color .3s ease}.notif-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.notif-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-item);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-card);transition:all .2s ease;position:relative}.notif-item:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.notif-item.unread{background:var(--bg-item-unread);border-color:var(--border-item-unread)}.notif-item.unread:hover{border-color:#f39c124d}.notif-item.selected{background:var(--bg-item-selected);border-color:#f39c1240}.notif-item.selected:hover{background:#f39c1214}.notif-item.broadcast.unread{background:var(--bg-item-broadcast)}.notif-item.broadcast.unread:hover{background:#8b5cf60f}.notif-checkbox-wrapper{display:flex;align-items:center;padding-top:.25rem}.notif-checkbox{display:none}.notif-checkbox+label{width:18px;height:18px;border:2px solid var(--checkbox-border);border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;background:var(--checkbox-bg)}.notif-checkbox+label:hover{border-color:var(--icon-color)}.notif-checkbox:checked+label{background:var(--checkbox-checked);border-color:var(--checkbox-checked)}.notif-checkbox:checked+label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid white;border-width:0 2px 2px 0}.notif-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;font-size:1rem;cursor:pointer;transition:all .2s ease}.notif-icon-wrapper:hover{transform:scale(1.05)}.icon-bg-default{background:var(--bg-icon-default);color:var(--icon-default)}.icon-bg-info{background:var(--bg-icon-info);color:var(--icon-info)}.icon-bg-warning{background:var(--bg-icon-warning);color:var(--icon-warning)}.icon-bg-success{background:var(--bg-icon-success);color:var(--icon-success)}.icon-bg-error{background:var(--bg-icon-error);color:var(--icon-error)}.notif-icon-info{color:var(--icon-info)}.notif-icon-warning{color:var(--icon-warning)}.notif-icon-success{color:var(--icon-success)}.notif-icon-error{color:var(--icon-error)}.notif-icon-default{color:var(--icon-default)}.notif-icon-broadcast{color:var(--icon-broadcast)}.notif-content{flex:1;min-width:0;cursor:pointer}.notif-content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.notif-title-wrapper{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.notif-title{font-size:.938rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.notif-unread-label{display:inline-flex;align-items:center;padding:.125rem .625rem;background:var(--unread-label);color:#fff;border-radius:4px;font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notif-time-wrapper{display:flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.813rem;color:var(--text-muted);transition:color .3s ease}.notif-time-ago,.notif-time-separator,.notif-time-full{color:var(--text-muted);transition:color .3s ease}.notif-message{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.5;transition:color .3s ease}.notif-metadata{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.notif-performed-by,.notif-booking-ref{font-size:.75rem;color:var(--text-muted);background:var(--bg-performed);padding:.125rem .5rem;border-radius:4px;transition:color .3s ease,background .3s ease}.notif-footer{margin-top:.5rem}.notif-mark-read-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.notif-mark-read-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.notif-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.notif-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;position:relative}.notif-dropdown-menu{position:absolute;right:0;top:calc(100% + .25rem);min-width:160px;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-dropdown);z-index:100;padding:.25rem;overflow:hidden;animation:dropdownSlideIn .15s ease;transition:background .3s ease,border-color .3s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .875rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.notif-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-dropdown-item.view{color:var(--text-edit)}.notif-dropdown-item.view:hover{background:#3b82f614}.notif-dropdown-item.delete{color:var(--text-danger)}.notif-dropdown-item.delete:hover{background:#ef444414}.notif-dropdown-item svg{font-size:.875rem}.notif-delete-btn{display:none}.notif-footer-stats{padding:1rem 0;margin-top:.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.notif-stats{font-size:.813rem;color:var(--text-muted);transition:color .3s ease}.notif-footer-stats .pagination{display:flex;align-items:center;justify-content:space-between;padding:0;flex-wrap:wrap;gap:12px}.notif-footer-stats .pagination-info{font-size:13px;color:var(--text-muted);transition:color .3s ease}.notif-footer-stats .pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.notif-footer-stats .page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.notif-footer-stats .page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.notif-footer-stats .page-btn:disabled{opacity:.3;cursor:not-allowed}.notif-footer-stats .page-number{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.notif-footer-stats .page-number:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-footer-stats .page-number.active{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.notif-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.notif-modal-content{background:var(--bg-modal);border-radius:18px;max-width:480px;width:100%;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);animation:modalSlideUp .3s ease;overflow:hidden;transition:background .3s ease,border-color .3s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notif-modal-header{padding:1.5rem 2rem .75rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.notif-modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.notif-modal-body{padding:2rem;text-align:center}.notif-modal-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.notif-modal-icon{font-size:3rem;color:var(--icon-color)}.notif-modal-text{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem;line-height:1.5;transition:color .3s ease}.notif-modal-text strong{color:var(--text-danger)}.notif-modal-subtext{font-size:.875rem;color:var(--text-muted);margin:0;transition:color .3s ease}.notif-modal-actions{display:flex;gap:.75rem;padding:0 2rem 2rem}.notif-modal-cancel-btn{flex:1;padding:.625rem;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.notif-modal-cancel-btn:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.notif-modal-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;border:none;background:var(--text-danger);color:#fff;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.notif-modal-confirm-btn:hover{background:var(--text-danger-hover)}.notif-modal-confirm-btn svg{font-size:.875rem}@media(max-width:1024px){.notif-page{padding:1.5rem 1rem}}@media(max-width:768px){.notif-page{padding:1rem}.notif-header{flex-direction:column;align-items:flex-start;padding-bottom:1rem}.notif-header-left{width:100%}.notif-back-btn{display:inline-flex}.notif-header-right{width:100%;justify-content:flex-start}.notif-select-btn span,.notif-mark-all-btn span{display:none}.notif-select-btn,.notif-mark-all-btn{padding:.5rem .75rem}.notif-bulk-actions{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.bulk-actions-group{justify-content:stretch}.bulk-delete-btn,.bulk-select-btn{flex:1;justify-content:center}.notif-filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap;padding:.4rem .75rem;font-size:.813rem}.filter-count{min-width:18px;height:18px;font-size:.688rem}.notif-item{padding:.875rem 1rem;gap:.75rem}.notif-content-header{flex-direction:column;align-items:flex-start;gap:.25rem}.notif-time-wrapper{font-size:.75rem}.notif-time-full{display:none}.notif-icon-wrapper{width:36px;height:36px;font-size:.875rem}.notif-title{font-size:.875rem}.notif-message{font-size:.813rem}.notif-dropdown-menu{right:-8px;min-width:140px}.notif-modal-content{margin:1rem;max-width:100%;border-radius:14px}.notif-modal-body{padding:1.5rem}.notif-modal-actions{flex-direction:column}.notif-modal-header{padding:1.25rem 1.5rem .5rem}.notif-modal-actions{padding:0 1.5rem 1.5rem}}@media(max-width:480px){.notif-header h2{font-size:1.125rem}.notif-header-icon-wrapper{width:40px;height:40px}.notif-header-icon{font-size:1.25rem}.notif-item{padding:.75rem .875rem;gap:.5rem}.notif-checkbox-wrapper{padding-top:0}.notif-checkbox+label{width:16px;height:16px}.notif-actions{align-self:flex-start}.notif-menu-btn{width:28px;height:28px;font-size:.875rem}.notif-empty-icon-wrapper{width:64px;height:64px}.notif-empty-icon{font-size:2rem}.notif-footer-stats{padding:.75rem 0}.notif-stats{font-size:.75rem}.notif-footer-stats .pagination{flex-direction:column;align-items:center;gap:8px}.notif-footer-stats .pagination-controls{justify-content:center}.notif-footer-stats .page-btn,.notif-footer-stats .page-number{font-size:12px;padding:6px 12px}.notif-footer-stats .pagination-info{font-size:12px}.notif-dropdown-menu{min-width:130px}.notif-dropdown-item{font-size:.813rem;padding:.4rem .75rem}.notif-modal-content{border-radius:12px}.notif-modal-body{padding:1.25rem}.notif-modal-icon{font-size:2.5rem}.notif-modal-text{font-size:.938rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.notif-modal-content,.notif-dropdown-menu{animation:none!important}.notif-spinner{animation:none!important;border-color:var(--icon-color)!important}.notif-header-dot{animation:none!important}.notif-mark-all-btn:hover,.notif-icon-wrapper:hover,.notif-item:hover{transform:none!important}}:root{--sidebar-bg: #0B111A;--sidebar-bg-secondary: #131C28;--sidebar-border: #1A2533;--sidebar-text: rgba(255, 255, 255, .5);--sidebar-text-hover: rgba(255, 255, 255, .9);--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .04);--sidebar-active: rgba(243, 156, 18, .08);--sidebar-accent: #F39C12;--sidebar-accent-hover: #E67E22;--bg-primary: #F7F7F8;--bg-elevated: #FFFFFF;--bg-surface: #FAF8F5;--text-primary: #1A1E24;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-light: #E8E4DE;--border-medium: #D5D0C9;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--warning-light: rgba(243, 156, 18, .08);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .75);--glass-blur: 10px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-header: 0 1px 3px rgba(0, 0, 0, .05);--shadow-glow: 0 0 30px rgba(243, 156, 18, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hamburger-left: 1rem;--hamburger-size: 44px;--hamburger-gap: 1rem;--header-padding-right: 1rem;--header-bg: #FFFFFF;--header-border: #E8E4DE;--header-shadow: 0 1px 3px rgba(0, 0, 0, .05);--header-user-bg: #F5F2ED;--header-user-border: #E8E4DE;--header-blur: none}body.dark-mode{--sidebar-bg: #0B111A;--sidebar-bg-secondary: #131C28;--sidebar-border: #1A2533;--sidebar-text: rgba(255, 255, 255, .5);--sidebar-text-hover: rgba(255, 255, 255, .9);--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .04);--sidebar-active: rgba(243, 156, 18, .08);--bg-primary: #0B111A;--bg-elevated: #1A2533;--bg-surface: #131C28;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);--border-light: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--glass-bg: rgba(26, 37, 51, .6);--glass-border: rgba(255, 255, 255, .06);--header-bg: rgba(26, 37, 51, .6);--header-border: rgba(255, 255, 255, .06);--header-shadow: none;--header-user-bg: rgba(255, 255, 255, .05);--header-user-border: rgba(255, 255, 255, .08);--header-blur: blur(10px)}.dashboard-layout-dashboard{display:flex;min-height:100vh;background:var(--bg-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-layout-dashboard,.main-content-layout-dashboard,.sidebar-layout-dashboard,.dashboard-header-layout-dashboard,.content-area-layout-dashboard,.dashboard-layout-dashboard *{animation:none!important}.main-content-layout-dashboard{flex:1;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);transition:margin-left .3s cubic-bezier(.16,1,.3,1)}@media(min-width:769px){.main-content-layout-dashboard{margin-left:280px}}@media(max-width:768px){.main-content-layout-dashboard{margin-left:0}}.content-area-layout-dashboard{flex:1;padding:1.5rem 2rem;overflow-y:auto;background:transparent}@media(max-width:768px){.content-area-layout-dashboard{padding:1rem}}@media(max-width:480px){.content-area-layout-dashboard{padding:.75rem}}.dashboard-header-layout-dashboard{background:var(--header-bg);backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--header-border);min-height:80px;width:100%;box-shadow:var(--header-shadow)}.page-title-layout-dashboard{font-size:1.15rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary)!important;margin:0;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-description-layout-dashboard{font-size:.8rem;font-weight:400;font-family:var(--font-family);color:var(--text-secondary)!important;margin:0;line-height:1.4;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-user-name-layout-dashboard{font-size:.88rem;font-weight:600;font-family:var(--font-family);color:var(--text-primary)!important;white-space:nowrap}.maintenance-warning{display:flex;align-items:center;gap:.5rem;background:#fff9;color:var(--sidebar-accent)!important;padding:.35rem .9rem;border-radius:20px;font-size:.7rem;font-weight:500;font-family:var(--font-family);white-space:nowrap;border:1px solid rgba(243,156,18,.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.maintenance-icon{font-size:.8rem}.maintenance-text{font-size:.7rem;font-family:var(--font-family);color:var(--sidebar-accent)!important}.header-right-layout-dashboard{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap;flex-shrink:0}.dashboard-header-layout-dashboard.is-detail-mode{justify-content:flex-start;min-height:80px}.header-back-left-layout-dashboard{display:flex;align-items:center}.header-back-btn-layout-dashboard{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.65rem .25rem;min-height:44px;font-family:var(--font-family);font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:color .2s ease}.header-back-btn-layout-dashboard:hover{color:var(--icon-warning)}.header-back-btn-layout-dashboard:focus-visible{outline:2px solid var(--icon-warning);outline-offset:2px;border-radius:6px}.dark-mode-toggle-btn{background:#0000000d;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;transition:all .3s ease;width:40px;height:40px;font-size:1.1rem;flex-shrink:0;position:relative}.dark-mode-toggle-btn:hover{background:#00000014;color:#f39c12;transform:scale(1.05)}.dark-mode-toggle-btn:active{transform:scale(.95)}.dark-mode-toggle-btn .dark-mode-icon{transition:transform .5s ease;font-size:1.1rem}.dark-mode-toggle-btn:hover .dark-mode-icon{transform:rotate(30deg)}.notification-btn{position:relative;width:40px;height:40px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:#333;font-size:1.1rem}.notification-btn:hover{background:#00000014;color:#f39c12;transform:scale(1.05)}.notification-btn.has-unread{color:#f39c12}.notification-btn.has-unread:hover,.notification-btn.active{background:#f39c1226;color:#f39c12}.notification-badge-header{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;font-family:var(--font-family);min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #FFFFFF}.header-user-info-layout-dashboard{display:flex;align-items:center;gap:.75rem;padding:.25rem .75rem;flex-shrink:0;background:transparent;border:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.dashboard-header-layout-dashboard .page-title-layout-dashboard{color:var(--text-primary)!important}.dashboard-header-layout-dashboard .page-description-layout-dashboard{color:var(--text-secondary)!important}.dashboard-header-layout-dashboard .header-user-name-layout-dashboard{color:var(--text-primary)!important}.dashboard-header-layout-dashboard .maintenance-warning,.dashboard-header-layout-dashboard .maintenance-text{color:var(--sidebar-accent)!important}@media(min-width:769px){.dashboard-header-layout-dashboard{padding:.75rem 2rem;flex-direction:row;min-height:80px}}@media(max-width:768px){.dashboard-header-layout-dashboard{padding-left:calc(var(--hamburger-left) + var(--hamburger-size) + var(--hamburger-gap));padding-right:var(--header-padding-right);padding-top:.75rem;padding-bottom:.75rem;flex-direction:row;flex-wrap:nowrap;min-height:auto;gap:.5rem;align-items:center}.page-title-layout-dashboard,.page-description-layout-dashboard{display:none!important}.role-engineer .header-active-section-layout-dashboard,.role-admin .header-active-section-layout-dashboard{display:inline-block;font-size:1.1rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:50vw}.sidebar-layout-dashboard.open-layout-dashboard~.main-content-layout-dashboard .dashboard-header-layout-dashboard{padding-left:var(--header-padding-right)!important}}@media(max-width:480px){.dashboard-header-layout-dashboard{padding-left:calc(var(--hamburger-left) + var(--hamburger-size) + .5rem);padding-right:.75rem;padding-top:.5rem;padding-bottom:.5rem;gap:.3rem}.sidebar-layout-dashboard.open-layout-dashboard~.main-content-layout-dashboard .dashboard-header-layout-dashboard{padding-left:.75rem}}.header-left-layout-dashboard{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}@media(max-width:768px){.header-left-layout-dashboard{flex:1;min-width:0;gap:.25rem}}@media(min-width:769px){.page-title-layout-dashboard,.page-description-layout-dashboard{display:block!important}}.page-header-info-layout-dashboard{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.header-active-section-layout-dashboard{display:none}.header-profile-image-layout-dashboard{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--sidebar-accent);flex-shrink:0}@media(max-width:768px){.header-user-name-layout-dashboard{display:none}}@media(max-width:480px){.header-user-info-layout-dashboard{padding:.1rem .15rem;gap:.3rem}.header-profile-image-layout-dashboard{width:28px;height:28px}}.sidebar-layout-dashboard{width:280px;background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-secondary) 100%);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1001;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translate(0)}@media(min-width:769px){.sidebar-layout-dashboard{transform:translate(0)!important}}@media(max-width:768px){.sidebar-layout-dashboard{transform:translate(-100%)}.sidebar-layout-dashboard.open-layout-dashboard{transform:translate(0)}}.sidebar-overlay-layout-dashboard{position:fixed;inset:0;background:#0009;z-index:1000;display:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}@media(max-width:768px){.sidebar-overlay-layout-dashboard{display:block!important;pointer-events:none;opacity:0}.sidebar-overlay-layout-dashboard.visible{opacity:1!important;pointer-events:all!important}}@media(min-width:769px){.sidebar-overlay-layout-dashboard{display:none!important}}.sidebar-header-layout-dashboard{padding:1.75rem 1.5rem;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0}.logo-container-layout-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;text-align:center}.logo-icon-layout-dashboard{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto}.sidebar-logo-img-layout-dashboard{width:56px;height:56px;object-fit:contain}.logo-text-layout-dashboard{font-size:1.3rem;font-weight:700;font-family:var(--font-family);color:#fff;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#FFFFFF 0%,var(--sidebar-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav-layout-dashboard{flex:1;padding:1rem .75rem .5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.sidebar-nav-layout-dashboard::-webkit-scrollbar{width:4px}.sidebar-nav-layout-dashboard::-webkit-scrollbar-track{background:transparent}.sidebar-nav-layout-dashboard::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:4px}.sidebar-nav-layout-dashboard::-webkit-scrollbar-thumb:hover{background:var(--sidebar-accent)}.sidebar-section-layout-dashboard{display:flex;flex-direction:column;gap:.3rem}.sidebar-section-header-layout-dashboard{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.35rem .75rem!important;width:100%!important;min-height:36px!important;margin:0!important;opacity:.7;-webkit-user-select:none;user-select:none}.sidebar-section-icon-layout-dashboard{font-size:.7rem;color:var(--sidebar-accent);width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-section-title-layout-dashboard{font-size:.65rem;font-weight:600;font-family:var(--font-family);color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.8px}.sidebar-section-header-layout-dashboard.clickable{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;transition:background-color .2s ease!important;border-radius:var(--radius-sm);padding:.35rem .75rem!important;margin:0!important}.sidebar-section-header-layout-dashboard.clickable:hover{background:#ffffff0a!important}.sidebar-section-arrow-layout-dashboard{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffffff4d!important;transition:transform .3s ease!important;font-size:.7rem!important;width:20px!important;height:20px!important;flex-shrink:0!important}.sidebar-section-arrow-layout-dashboard svg{transition:transform .3s ease!important}.dropdown-items-wrapper{max-height:0!important;overflow:hidden!important;transition:max-height .35s cubic-bezier(.4,0,.2,1)!important;padding:0!important;margin:0!important}.dropdown-items-wrapper.open{max-height:500px!important}.dropdown-items-wrapper.closed{max-height:0!important}.nav-item-layout-dashboard.dropdown-item{padding-left:2.5rem!important;font-size:.85rem!important;padding-top:.6rem!important;padding-bottom:.6rem!important;margin:0!important;border-radius:var(--radius-sm)!important}.nav-item-layout-dashboard.dropdown-item:first-of-type{margin-top:.15rem!important}.nav-item-layout-dashboard.dropdown-item:last-of-type{margin-bottom:.15rem!important}.nav-item-layout-dashboard.dropdown-item:hover{background:var(--sidebar-hover)!important;color:var(--sidebar-text-hover)!important}.nav-item-layout-dashboard.dropdown-item.active-layout-dashboard{background:var(--sidebar-active)!important;color:var(--sidebar-text-active)!important}.nav-item-layout-dashboard.dropdown-item .nav-icon-layout-dashboard{font-size:.9rem!important;width:22px!important}.nav-item-layout-dashboard.dropdown-item .nav-label-layout-dashboard{font-size:.85rem!important}.nav-item-layout-dashboard.dropdown-item .notification-badge-sidebar{font-size:9px!important;padding:1px 6px!important;min-width:16px!important}.sidebar-section-items-layout-dashboard{display:flex;flex-direction:column;gap:.3rem}.nav-item-layout-dashboard{display:flex;align-items:center;gap:1.2rem;width:100%;padding:.8rem 1rem .8rem .75rem;background:none;border:none;cursor:pointer;transition:all var(--transition-base);font-size:.92rem;font-weight:500;font-family:var(--font-family);color:var(--sidebar-text);text-align:left;border-radius:var(--radius-md);position:relative}.nav-item-layout-dashboard:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.nav-item-layout-dashboard:hover .nav-icon-layout-dashboard{color:var(--sidebar-accent)}.nav-item-layout-dashboard.active-layout-dashboard{background:var(--sidebar-active);color:var(--sidebar-text-active)}.nav-item-layout-dashboard.active-layout-dashboard .nav-icon-layout-dashboard{color:var(--sidebar-accent)}.nav-item-layout-dashboard.active-layout-dashboard:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--sidebar-accent);border-radius:0 3px 3px 0}.nav-icon-layout-dashboard{font-size:1.05rem;width:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-base)}.nav-label-layout-dashboard{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;font-family:var(--font-family);font-weight:500}.sidebar-spacer-layout-dashboard{flex:1;min-height:.5rem}.nav-item-layout-dashboard.logout-sidebar-btn{border-top:1px solid var(--sidebar-border);padding-top:1rem;margin-top:.25rem;margin-bottom:.75rem;color:var(--sidebar-text);flex-shrink:0;font-size:.92rem;font-family:var(--font-family)}.sidebar-footer-layout-dashboard{flex-shrink:0;padding:.75rem .75rem 1rem;border-top:1px solid var(--sidebar-border);background:inherit}.sidebar-footer-layout-dashboard .nav-item-layout-dashboard.logout-sidebar-btn{border-top:none;padding-top:.8rem;margin:0;width:100%}.nav-item-layout-dashboard.logout-sidebar-btn:hover{background:#ef444414;color:#ef4444}.nav-item-layout-dashboard.logout-sidebar-btn:hover .nav-icon-layout-dashboard{color:#ef4444}.mobile-hamburger-btn{display:none;position:fixed;top:1rem;left:var(--hamburger-left);z-index:1100;background:transparent;border:none;cursor:pointer;width:var(--hamburger-size);height:var(--hamburger-size);flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;transition:all var(--transition-base);flex-shrink:0}.mobile-hamburger-btn.hidden{display:none!important}.hamburger-line{display:block;width:28px;height:3px;background:#ffffffb3;border-radius:2px;transition:all var(--transition-base)}.mobile-hamburger-btn:hover .hamburger-line{background:var(--sidebar-accent)}@media(min-width:769px){.mobile-hamburger-btn{display:none!important}}@media(max-width:768px){:root{--hamburger-left: 1.25rem}.mobile-hamburger-btn{display:flex;background:var(--header-bg);border:1px solid var(--header-border);border-radius:12px;box-shadow:var(--header-shadow)}}.notification-badge-sidebar{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:12px;margin-left:auto;min-width:18px;text-align:center;font-family:var(--font-family)}.nav-item-layout-dashboard.active-layout-dashboard .notification-badge-sidebar{background:#ef4444;color:#fff}.logout-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.logout-modal-container{background:#fff;border-radius:var(--radius-2xl);padding:2.5rem 2.5rem 2rem;max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-medium)}.logout-modal-title{font-size:1.25rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin:0 0 .5rem}.logout-modal-message{font-size:.95rem;font-weight:500;font-family:var(--font-family);color:var(--text-secondary);margin:0 0 .25rem}.logout-modal-sub-message{font-size:.8rem;font-weight:400;font-family:var(--font-family);color:var(--text-muted);margin:0 0 1.5rem}.logout-modal-actions{display:flex;gap:.75rem;justify-content:center}.logout-modal-btn{padding:.6rem 1.75rem;border:none;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);min-width:100px}.logout-modal-btn-cancel{background:#f1f2f4;color:var(--text-secondary);border:1px solid var(--border-medium)}.logout-modal-btn-cancel:hover{background:#e5e7eb;color:var(--text-primary)}.logout-modal-btn-confirm{background:#ef4444;color:#fff}.logout-modal-btn-confirm:hover{background:#dc2626;transform:scale(1.02)}@media(max-width:480px){.logout-modal-container{padding:2rem 1.5rem 1.5rem;max-width:340px}.logout-modal-title{font-size:1.1rem}.logout-modal-message{font-size:.88rem}.logout-modal-btn{padding:.5rem 1.25rem;font-size:.82rem;min-width:80px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){body.sidebar-open{overflow:hidden!important}}.sidebar-layout-dashboard{transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.hamburger-line{background:#ffffffb3!important}.mobile-hamburger-btn .hamburger-line{background:var(--text-primary)!important}body.dark-mode .mobile-hamburger-btn .hamburger-line{background:#ffffffb3!important}.mobile-hamburger-btn:hover .hamburger-line{background:var(--sidebar-accent)!important}.sidebar-section-header-layout-dashboard{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.35rem .75rem!important;width:100%!important;min-height:36px!important}.sidebar-section-header-layout-dashboard .sidebar-section-title-layout-dashboard{flex:1!important}.sidebar-section-header-layout-dashboard.clickable{transition:background-color .2s ease!important}.notification-popover{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;background:#fff;border-radius:14px;border:1px solid var(--border-medium);box-shadow:0 12px 48px #0000001f;z-index:10000;overflow:hidden;animation:notifPopIn .2s cubic-bezier(.16,1,.3,1)}@keyframes notifPopIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-popover-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-light)}.notification-popover-header h3{font-size:16px;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin:0}.mark-all-read-btn{background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);padding:4px 8px;border-radius:6px}.mark-all-read-btn:hover{color:var(--sidebar-accent);background:#f39c1214}.notification-popover-body{max-height:400px;overflow-y:auto;padding:4px 0}.notification-popover-body::-webkit-scrollbar{width:4px}.notification-popover-body::-webkit-scrollbar-track{background:transparent}.notification-popover-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:all var(--transition-fast);position:relative;border-bottom:1px solid var(--border-light)}.notif-item:last-child{border-bottom:none}.notif-item:hover,.notif-item.unread{background:#f39c120a}.notif-item.unread:hover{background:#f39c1214}.notif-item.read{background:transparent;border-left:3px solid transparent}.notif-item.read:hover{background:#f9fafb}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--sidebar-accent);flex-shrink:0;margin-top:8px}.notif-item.read .notif-unread-dot{display:none}.notif-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.icon-bg-success{background:#10b9811f}.icon-bg-info{background:#3b82f61f}.icon-bg-assessment{background:#8b5cf61f}.icon-bg-warning{background:#f59e0b1f}.icon-bg-error{background:#ef44441f}.icon-bg-default{background:#f39c121f}.icon-bg-broadcast{background:#8b5cf61f}.notif-icon-payment{color:#10b981}.notif-icon-project{color:#3b82f6}.notif-icon-assessment{color:#8b5cf6}.notif-icon-schedule{color:var(--sidebar-accent)}.notif-icon-info{color:#3b82f6}.notif-icon-warning{color:#f59e0b}.notif-icon-error{color:#ef4444}.notif-icon-success{color:#10b981}.notif-icon-default{color:var(--text-muted)}.notif-icon-broadcast{color:#8b5cf6}.notif-item.unread .notif-title{color:var(--text-primary)}.notif-item.read .notif-title,.notif-item.unread .notif-message{color:var(--text-secondary)}.notif-item.read .notif-message{color:var(--text-muted)}.notif-content{flex:1;min-width:0}.notif-title{font-size:14px;font-weight:600;font-family:var(--font-family);margin-bottom:2px}.notif-message{font-size:13px;font-weight:400;font-family:var(--font-family);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.notif-time{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:400;font-family:var(--font-family);color:var(--text-muted);margin-top:4px}.notif-time .time-icon{font-size:10px}.notif-view-all{padding:10px 20px 14px;border-top:1px solid var(--border-light);display:flex;justify-content:center}.view-all-btn{background:none;border:none;color:var(--sidebar-accent);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;padding:6px 16px;border-radius:8px;transition:all var(--transition-base);width:100%;text-align:center}.view-all-btn:hover{background:#f39c1214}.notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:12px;color:var(--text-muted)}.notif-loading .loading-icon{font-size:28px;color:var(--border-medium);animation:spin 1s linear infinite}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:4px;color:var(--text-muted)}.notif-empty .empty-icon{font-size:32px;color:var(--border-medium);margin-bottom:8px}.notif-empty span{font-size:14px;font-weight:500;color:var(--text-secondary)}.notif-empty p{font-size:12px;color:var(--text-muted);margin:0}.notification-wrapper{position:relative;display:inline-block}@media(max-width:480px){.notification-popover{width:340px;right:-10px}.notification-popover-header h3{font-size:14px}.notif-title{font-size:13px}.notif-message{font-size:12px}.notif-icon{width:30px;height:30px;font-size:12px}}.header-user-initials-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sidebar-accent) 0%,var(--sidebar-accent-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-family:var(--font-family);color:#fff;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 20px #f39c1226;transition:all var(--transition-base)}.header-user-initials-avatar:hover{transform:scale(1.05);box-shadow:0 0 30px #f39c1240}.header-user-photo-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 20px #f39c1226;background:var(--header-user-bg)}.header-user-photo-img.large{width:46px;height:46px}@media(max-width:480px){.header-user-initials-avatar{width:32px;height:32px;font-size:12px}.header-user-photo-img:not(.large){width:32px;height:32px}}.header-profile-image-layout-dashboard{display:none!important}@media(max-width:1024px){.sidebar-layout-dashboard{width:260px}.main-content-layout-dashboard{margin-left:260px}.logo-text-layout-dashboard{font-size:1.2rem}.sidebar-logo-img-layout-dashboard{width:48px;height:48px}.sidebar-header-layout-dashboard{padding:1.5rem 1.25rem}.nav-item-layout-dashboard{padding:.75rem .9rem;font-size:.88rem;gap:1.1rem}.nav-icon-layout-dashboard{font-size:1rem;width:24px}.nav-label-layout-dashboard{font-size:.88rem}.sidebar-section-title-layout-dashboard{font-size:.62rem}.dashboard-header-layout-dashboard{padding:.75rem 1.5rem .75rem calc(var(--hamburger-left) + var(--hamburger-size) + var(--hamburger-gap))}.content-area-layout-dashboard{padding:1.25rem 1.5rem}}@media(max-width:768px){.sidebar-layout-dashboard{width:280px;transform:translate(-100%)}.sidebar-layout-dashboard.open-layout-dashboard{transform:translate(0)}.main-content-layout-dashboard{margin-left:0}.logo-text-layout-dashboard{font-size:1.1rem}.sidebar-logo-img-layout-dashboard{width:44px;height:44px}.sidebar-header-layout-dashboard{padding:1.25rem 1rem}.sidebar-nav-layout-dashboard{padding:.75rem .6rem .5rem;gap:.6rem}.nav-item-layout-dashboard{padding:.7rem .9rem;font-size:.88rem;gap:1rem;border-radius:var(--radius-sm)}.nav-icon-layout-dashboard{font-size:1rem;width:24px}.nav-label-layout-dashboard{font-size:.88rem}.sidebar-section-title-layout-dashboard{font-size:.6rem}.sidebar-section-header-layout-dashboard{padding:.3rem .5rem .3rem .6rem}.nav-item-layout-dashboard.logout-sidebar-btn{padding-top:.8rem;margin-top:.2rem;margin-bottom:.5rem;font-size:.88rem}.nav-item-layout-dashboard.dropdown-item{padding-left:2rem!important;font-size:.82rem!important;padding-top:.5rem!important;padding-bottom:.5rem!important}.nav-item-layout-dashboard.dropdown-item .nav-label-layout-dashboard{font-size:.82rem!important}.dropdown-items-wrapper.open{max-height:350px!important}}@media(max-width:480px){.sidebar-layout-dashboard{width:260px}.sidebar-header-layout-dashboard{padding:1rem .75rem}.logo-text-layout-dashboard{font-size:1rem}.sidebar-logo-img-layout-dashboard,.logo-icon-layout-dashboard{width:40px;height:40px}.sidebar-nav-layout-dashboard{padding:.5rem .5rem .4rem;gap:.5rem}.sidebar-section-header-layout-dashboard{padding:.25rem .4rem .25rem .5rem;gap:.4rem}.sidebar-section-icon-layout-dashboard{font-size:.6rem;width:16px}.sidebar-section-title-layout-dashboard{font-size:.55rem;letter-spacing:.6px}.sidebar-section-items-layout-dashboard{gap:.2rem}.nav-item-layout-dashboard{padding:.6rem .8rem;font-size:.85rem;gap:.9rem;border-radius:var(--radius-sm)}.nav-icon-layout-dashboard{font-size:.95rem;width:22px}.nav-label-layout-dashboard{font-size:.85rem}.mobile-hamburger-btn{width:40px;height:40px;top:.75rem;left:var(--hamburger-left);gap:5px}.hamburger-line{width:24px;height:2.5px}.nav-item-layout-dashboard.logout-sidebar-btn{padding-top:.6rem;font-size:.85rem}.nav-item-layout-dashboard.dropdown-item{padding-left:1.75rem!important;font-size:.78rem!important;padding-top:.45rem!important;padding-bottom:.45rem!important}.nav-item-layout-dashboard.dropdown-item .nav-label-layout-dashboard{font-size:.78rem!important}.dropdown-items-wrapper.open{max-height:300px!important}}body.dark-mode .dashboard-header-layout-dashboard{background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow)}body.dark-mode .page-title-layout-dashboard{color:#fff!important}body.dark-mode .page-description-layout-dashboard{color:#fff9!important}body.dark-mode .header-user-name-layout-dashboard{color:#fff!important}body.dark-mode .header-user-initials-avatar{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}body.dark-mode .header-user-info-layout-dashboard{background:transparent;border-color:transparent}body.dark-mode .notification-btn{color:#ffffff80;background:#ffffff0d}body.dark-mode .notification-btn:hover{background:#ffffff14;color:#fff}body.dark-mode .notification-btn.active{background:#f39c1226;color:#f39c12}body.dark-mode .notification-btn.has-unread{color:#f39c12}body.dark-mode .notification-btn.has-unread:hover{background:#f39c1226;color:#f39c12}body.dark-mode .dark-mode-toggle-btn{color:#ffffff80;background:#ffffff0d}body.dark-mode .dark-mode-toggle-btn:hover{background:#ffffff14;color:#f39c12}body.dark-mode .dark-mode-toggle-btn.active{color:#f39c12;background:#f39c121f}body.dark-mode .dark-mode-toggle-btn.active:hover{background:#f39c122e}body.dark-mode .notification-badge-header{border-color:var(--bg-primary)}body.dark-mode .sidebar-layout-dashboard{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-secondary) 100%);border-right:1px solid var(--sidebar-border)}body.dark-mode .sidebar-section-title-layout-dashboard,body.dark-mode .nav-item-layout-dashboard{color:var(--sidebar-text)}body.dark-mode .nav-item-layout-dashboard.active-layout-dashboard{background:var(--sidebar-active);color:var(--sidebar-text-active)}body.dark-mode .nav-item-layout-dashboard.active-layout-dashboard:before{background:var(--sidebar-accent)}body.dark-mode .nav-item-layout-dashboard:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}body.dark-mode .nav-item-layout-dashboard:hover .nav-icon-layout-dashboard{color:var(--sidebar-accent)}body.dark-mode .logo-text-layout-dashboard{background:linear-gradient(135deg,#FFFFFF 0%,var(--sidebar-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .main-content-layout-dashboard,body.dark-mode .content-area-layout-dashboard{background:var(--bg-primary)}body.dark-mode .notification-popover{background:#1a2533;border:1px solid rgba(255,255,255,.08)}body.dark-mode .notification-popover-header h3{color:#fff}body.dark-mode .mark-all-read-btn{color:#fff6}body.dark-mode .mark-all-read-btn:hover{color:#f39c12}body.dark-mode .notif-item{border-bottom-color:#ffffff08}body.dark-mode .notif-item:hover{background:#ffffff0a}body.dark-mode .notif-item.unread{background:#f39c120a}body.dark-mode .notif-item.unread:hover{background:#f39c1214}body.dark-mode .notif-item.read{background:transparent}body.dark-mode .notif-item.read:hover{background:#ffffff05}body.dark-mode .notif-title,body.dark-mode .notif-item.unread .notif-title{color:#fff}body.dark-mode .notif-item.read .notif-title{color:#fff9}body.dark-mode .notif-message{color:#ffffff80}body.dark-mode .notif-item.unread .notif-message{color:#ffffffb3}body.dark-mode .notif-item.read .notif-message{color:#fff6}body.dark-mode .notif-time{color:#ffffff4d}body.dark-mode .notif-empty span{color:#ffffff80}body.dark-mode .notif-empty p{color:#fff3}body.dark-mode .notif-loading{color:#fff6}body.dark-mode .view-all-btn{color:#f39c12}body.dark-mode .view-all-btn:hover{background:#f39c1214}body.dark-mode .logout-modal-container{background:#1a2533;border:1px solid rgba(255,255,255,.06)}body.dark-mode .logout-modal-title{color:#fff}body.dark-mode .logout-modal-message{color:#ffffffb3}body.dark-mode .logout-modal-sub-message{color:#fff6}body.dark-mode .logout-modal-btn-cancel{background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.08)}body.dark-mode .logout-modal-btn-cancel:hover{background:#ffffff1a;color:#fff}body.dark-mode .logout-modal-btn-confirm{background:#ef4444;color:#fff}body.dark-mode .logout-modal-btn-confirm:hover{background:#dc2626}body.dark-mode .notification-badge-sidebar,body.dark-mode .nav-item-layout-dashboard.active-layout-dashboard .notification-badge-sidebar{background:#ef4444;color:#fff}body.dark-mode .mobile-hamburger-btn .hamburger-line{background:#ffffffb3}body.dark-mode .mobile-hamburger-btn:hover .hamburger-line{background:var(--sidebar-accent)}body.dark-mode .sidebar-overlay-layout-dashboard{background:#0009}body.dark-mode .maintenance-warning{background:var(--warning-light);border:1px solid rgba(243,156,18,.1)}body.dark-mode .maintenance-text{color:var(--sidebar-accent)!important}body.dark-mode .sidebar-nav-layout-dashboard::-webkit-scrollbar-thumb{background:var(--sidebar-border)}body.dark-mode .sidebar-nav-layout-dashboard::-webkit-scrollbar-thumb:hover{background:var(--sidebar-accent)}body.dark-mode .notification-popover-body::-webkit-scrollbar-thumb{background:#ffffff26}@media(max-width:768px){.dark-mode-toggle-btn{width:36px;height:36px;font-size:.95rem}}@media(max-width:480px){.dark-mode-toggle-btn{width:32px;height:32px;font-size:.85rem;padding:.35rem}}.mobile-bottom-nav-layout-dashboard{display:none}.page-title-row-layout-dashboard{display:flex;align-items:center;gap:2px}.page-title-chevron-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-primary);align-items:center;justify-content:center}.mobile-sheet-overlay{display:none}.header-user-initials-avatar.large{width:46px;height:46px;font-size:17px;flex-shrink:0}.mobile-sheet{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:24px 24px 0 0;box-shadow:var(--shadow-lg);padding:.5rem .75rem calc(1rem + env(safe-area-inset-bottom));max-height:72vh;overflow-y:auto;animation:mobileSheetUp .28s cubic-bezier(.16,1,.3,1)}@keyframes mobileSheetUp{0%{opacity:.5;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mobile-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border-medium);margin:.35rem auto .6rem}.mobile-sheet-profile{display:flex;align-items:center;gap:.75rem;padding:.4rem .25rem .7rem}.mobile-sheet-meta{display:flex;flex-direction:column;min-width:0;flex:1}.mobile-sheet-meta strong{font-size:1rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-sheet-meta span{font-size:.78rem;font-family:var(--font-family);color:var(--text-secondary)}.mobile-sheet-titlebar{display:flex;align-items:center;gap:.6rem;padding:.4rem .25rem .7rem}.mobile-sheet-title{flex:1;font-size:1.05rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);letter-spacing:-.4px}.mobile-sheet-back,.mobile-sheet-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-light);background:var(--header-user-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-sheet-section{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-family);color:var(--text-muted);padding:.55rem .35rem .25rem}.mobile-sheet-item{display:flex;align-items:center;gap:.7rem;width:100%;border:none;background:transparent;cursor:pointer;padding:.65rem .35rem;font-family:var(--font-family);font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:left;letter-spacing:-.2px}.mobile-sheet-item.active{color:var(--sidebar-accent)}.mobile-sheet-icon{width:42px;height:42px;border-radius:14px;background:var(--header-user-bg);border:1px solid var(--header-user-border);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-primary);flex-shrink:0}.mobile-sheet-chevron{margin-left:auto;flex-shrink:0}.mobile-sheet-divider{height:1px;background:var(--border-light);margin:.45rem .1rem}.mobile-sheet-item.logout{color:#ef4444}.mobile-sheet-item.logout .mobile-sheet-icon{background:#ef444414;border-color:#ef444426;color:#ef4444}body.dark-mode .mobile-sheet{background:#1a2533;border-color:#ffffff14}@media(max-width:768px){.role-user .mobile-hamburger-btn,.role-user .sidebar-layout-dashboard,.role-user .sidebar-overlay-layout-dashboard{display:none!important}.role-user .dashboard-header-layout-dashboard{padding:.75rem 1rem!important}.role-user .page-title-layout-dashboard{display:block!important;font-size:1.05rem}.page-description-layout-dashboard,.role-admin .page-title-row-layout-dashboard,.role-engineer .page-title-row-layout-dashboard{display:none!important}.role-user .content-area-layout-dashboard{padding-bottom:120px}.page-title-chevron-btn{display:inline-flex}.mobile-bottom-nav-layout-dashboard{display:block;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:0 20px calc(12px + env(safe-area-inset-bottom));background:transparent;pointer-events:none}.mobile-bottom-nav-pill{pointer-events:auto;display:flex;align-items:center;min-height:68px;max-height:76px;padding:8px;gap:2px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:36px;box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f}.mobile-bottom-nav-item{position:relative;flex:1;height:48px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:24px;color:var(--text-muted);font-family:var(--font-family);padding:0 6px;min-width:0;transition:background var(--transition-base),color var(--transition-base)}.mobile-bottom-nav-item.active{flex:2;background:#f39c1224;color:var(--text-primary);padding:0 14px}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:var(--sidebar-accent)}.mobile-bottom-nav-icon{font-size:20px;display:inline-flex;flex-shrink:0}.mobile-bottom-nav-item:not(.active) .mobile-bottom-nav-icon{font-size:22px}.mobile-bottom-nav-label{font-size:13px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-badge-sidebar.floating{position:absolute;top:2px;right:6px;margin:0}.mobile-sheet-overlay{display:flex;align-items:flex-end;justify-content:center;position:fixed;inset:0;z-index:2000;background:#00000080}.mobile-sheet{width:100%;max-width:560px}.on-fullscreen-page .dashboard-header-layout-dashboard,.on-fullscreen-page .mobile-bottom-nav-layout-dashboard{display:none!important}.on-fullscreen-page .content-area-layout-dashboard{padding-bottom:1rem}.on-req-list-page .dashboard-header-layout-dashboard{display:none!important}body.dark-mode .mobile-bottom-nav-item.active{background:#f39c122e;color:#fff}}.nav-alert-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;margin-left:auto;flex-shrink:0}.mobile-bottom-nav-item .nav-alert-dot.floating{position:absolute;top:8px;right:12px;margin:0}@keyframes newSetupPageFadeIn{0%{opacity:0;transform:scale(.96) perspective(1000px) rotateX(2deg)}to{opacity:1;transform:scale(1) perspective(1000px) rotateX(0)}}.new-setup-page{display:flex;min-height:100vh;height:100vh;max-height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;overflow:hidden;animation:newSetupPageFadeIn .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes newSetupBrandingSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newSetupBrandingSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-setup-branding{flex:0 0 50%;background:linear-gradient(135deg,#0f1a24,#1a2a3a,#243b4a);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.new-setup-branding.branding-left{order:0;animation:newSetupBrandingSlideInLeft 1s cubic-bezier(.16,1,.3,1) .1s both}.new-setup-branding.branding-right{order:1;animation:newSetupBrandingSlideInRight 1s cubic-bezier(.16,1,.3,1) .1s both}.new-setup-branding:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(243,156,18,.03) 0%,transparent 60%);animation:newSetupShimmer 8s ease-in-out infinite;pointer-events:none}@keyframes newSetupShimmer{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(10%,-5%) scale(1.1);opacity:.8}75%{transform:translate(-10%,5%) scale(.9);opacity:.6}}.new-setup-branding:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(243,156,18,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(243,156,18,.03) 0%,transparent 50%);pointer-events:none}.new-setup-branding-content{max-width:420px;color:#fff;position:relative;z-index:1;width:100%}.new-setup-brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.new-setup-brand-logo{width:48px;height:48px;object-fit:contain;animation:newSetupLogoFloat 4s ease-in-out infinite}@keyframes newSetupLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}.new-setup-brand-name{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.5px;opacity:0;animation:newSetupTextReveal .8s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes newSetupTextReveal{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-setup-brand-tagline{font-size:1.1rem;font-weight:500;color:#f39c12;margin-bottom:.75rem;letter-spacing:.3px;opacity:0;animation:newSetupTextReveal .8s cubic-bezier(.16,1,.3,1) .5s forwards}.new-setup-brand-description{font-size:.9rem;color:#b0bec5;line-height:1.6;margin-bottom:1.5rem;opacity:0;animation:newSetupTextReveal .8s cubic-bezier(.16,1,.3,1) .6s forwards}.new-setup-brand-features{display:flex;flex-direction:column;gap:.5rem}.new-setup-brand-feature{display:flex;align-items:center;gap:.6rem;color:#e0e7ef;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translate(30px);animation:newSetupFeatureSlide .7s cubic-bezier(.16,1,.3,1) forwards}.new-setup-brand-feature:nth-child(1){animation-delay:.7s}.new-setup-brand-feature:nth-child(2){animation-delay:.85s}.new-setup-brand-feature:nth-child(3){animation-delay:1s}@keyframes newSetupFeatureSlide{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.new-setup-brand-feature:last-child{border-bottom:none}.new-setup-feature-dot{width:7px;height:7px;background:#f39c12;border-radius:50%;flex-shrink:0;animation:newSetupDotPulse 2.5s ease-in-out infinite}@keyframes newSetupDotPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #f39c1266}50%{transform:scale(1.3);opacity:.8;box-shadow:0 0 20px #f39c1233}}@keyframes newSetupFormSlideInLeft{0%{opacity:0;transform:translate(-80px) scale(.95);clip-path:inset(0 100% 0 0)}60%{opacity:.8;transform:translate(10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0% 0 0)}}@keyframes newSetupFormSlideInRight{0%{opacity:0;transform:translate(80px) scale(.95);clip-path:inset(0 0 0 100%)}60%{opacity:.8;transform:translate(-10px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0%)}}.new-setup-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;background:#fff;min-height:100vh;height:100vh;max-height:100vh;transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.new-setup-form-container.form-left{order:0!important;animation:newSetupFormSlideInLeft 1s cubic-bezier(.16,1,.3,1) .15s both}.new-setup-form-container.form-right{order:1!important;animation:newSetupFormSlideInRight 1s cubic-bezier(.16,1,.3,1) .15s both}.new-setup-form-wrapper{max-width:480px;width:100%;padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}@keyframes newSetupFormElementFadeUp{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(4px)}60%{transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.new-setup-form-header{margin-bottom:1.5rem;opacity:0;animation:newSetupFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.new-setup-form-title{font-size:1.8rem;font-weight:700;color:#1a2632;margin-bottom:.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#1a2632,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-setup-form-subtitle{color:#7f8c8d;font-size:.9rem}.new-setup-info-box{margin-bottom:1rem;padding:0}.new-setup-info-text{font-size:.95rem;color:#2c3e50;margin:0}.new-setup-welcome-name{color:#f39c12;font-weight:600}.new-setup-info-subtext{font-size:.85rem;color:#7f8c8d;margin:.1rem 0 0}.new-setup-form{display:flex;flex-direction:column;gap:.8rem}.new-setup-form-group{display:flex;flex-direction:column;gap:.3rem;width:100%;opacity:0;animation:newSetupFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.new-setup-form-group:nth-child(1){animation-delay:.25s}.new-setup-form-group:nth-child(2){animation-delay:.3s}.new-setup-form-group:nth-child(3){animation-delay:.35s}.new-setup-form-group:nth-child(4){animation-delay:.4s}.new-setup-form-group:nth-child(5){animation-delay:.45s}.new-setup-form-group:nth-child(6){animation-delay:.5s}.new-setup-form-group:nth-child(7){animation-delay:.55s}.new-setup-form-group:nth-child(8){animation-delay:.6s}.new-setup-form-label{font-size:.8rem;font-weight:600;color:#2c3e50;letter-spacing:.3px}.new-setup-required{color:#e74c3c;font-size:.8rem}.new-setup-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.new-setup-input-icon{position:absolute;left:.9rem;color:#95a5a6;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.new-setup-input-wrapper:focus-within .new-setup-input-icon{color:#f39c12;transform:scale(1.1) translate(2px)}.new-setup-form-input{width:100%;padding:.75rem 1rem .75rem 2.9rem;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;transition:all .35s cubic-bezier(.16,1,.3,1);background-color:#f8f9fa;color:#1a2632;font-family:inherit;position:relative;z-index:1}.new-setup-form-input:hover{background-color:#f1f3f5;border-color:#dee2e6}.new-setup-form-input:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c1214,0 4px 20px #00000005;transform:translateY(-1px) scale(1.005)}.new-setup-form-input.error{border-color:#e74c3c;background-color:#fff5f5;animation:newSetupShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes newSetupShake{0%,to{transform:translate(0) scale(1)}10%{transform:translate(-8px) scale(1.01)}30%{transform:translate(8px) scale(1.01)}50%{transform:translate(-5px) scale(.99)}70%{transform:translate(5px) scale(.99)}90%{transform:translate(-3px) scale(1)}}.new-setup-form-input::placeholder{color:#95a5a6;font-size:.85rem}.new-setup-select-wrapper{position:relative;display:flex;align-items:center;width:100%}.new-setup-select-icon{position:absolute;left:.9rem;color:#95a5a6;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.new-setup-select{width:100%;padding:.75rem 1rem .75rem 2.9rem;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;transition:all .35s cubic-bezier(.16,1,.3,1);background-color:#f8f9fa;color:#1a2632;appearance:none;cursor:pointer;font-family:inherit}.new-setup-select:focus{outline:none;border-color:#f39c12;background-color:#fff;box-shadow:0 0 0 4px #f39c1214;transform:translateY(-1px) scale(1.005)}.new-setup-select.error{border-color:#e74c3c;background-color:#fff5f5}.new-setup-birthday-row{display:grid;grid-template-columns:1fr .7fr 1fr;gap:.5rem;width:100%}.new-setup-error-message{color:#e74c3c;font-size:.7rem;margin-top:.15rem;display:block;animation:newSetupErrorSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes newSetupErrorSlide{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-setup-api-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:.5rem .75rem;border-radius:8px;margin-bottom:.5rem;font-size:.8rem;border-left:4px solid #dc2626;animation:newSetupErrorSlide .5s cubic-bezier(.16,1,.3,1) forwards}.new-setup-form-actions{display:flex;gap:.75rem;margin-top:.5rem;opacity:0;animation:newSetupFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .65s forwards}.new-setup-btn-next{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.new-setup-btn-next:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 35px #f39c1259}.new-setup-btn-back{background:none;border:2px solid #e9ecef;padding:.85rem;border-radius:10px;color:#7f8c8d;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa}.new-setup-btn-back:hover{background:#fff;border-color:#f39c12;color:#f39c12;transform:translateY(-2px)}.new-setup-btn-submit{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);flex:2}.new-setup-btn-submit:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 8px 35px #f39c1259}.new-setup-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.new-setup-success-container{text-align:center;padding:1.5rem .5rem;animation:newSetupFormElementFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.new-setup-success-icon{font-size:4rem;color:#2ecc71;margin-bottom:1rem;animation:newSetupSuccessScale .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes newSetupSuccessScale{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.new-setup-success-title{font-size:1.6rem;font-weight:700;color:#1a2632;margin-bottom:.5rem}.new-setup-success-message{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.new-setup-btn-dashboard{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.new-setup-btn-dashboard:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 35px #f39c1259}@media(max-width:1024px){.new-setup-branding{padding:2.5rem 2rem}.new-setup-form-container{padding:1.5rem 2rem}.new-setup-brand-name{font-size:1.4rem}.new-setup-form-wrapper{max-width:420px}}@media(max-width:768px){.new-setup-page{flex-direction:column;overflow:hidden;height:100vh;animation:newSetupMobileFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes newSetupMobileFadeIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.new-setup-branding{flex:0 0 auto;min-height:auto;height:auto;max-height:none;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#0f1a24,#1a2a3a);order:0;animation:newSetupBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-setup-branding.branding-right{order:0;animation:newSetupBrandingSlideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.new-setup-branding-content{max-width:100%;text-align:center}.new-setup-brand-header{justify-content:center;margin-bottom:.75rem}.new-setup-brand-logo{width:42px;height:42px}.new-setup-brand-name{font-size:1.3rem}.new-setup-brand-tagline{font-size:.9rem;margin-bottom:.5rem}.new-setup-brand-description{font-size:.8rem;margin-bottom:.75rem;display:none}.new-setup-brand-features{display:none}.new-setup-form-container{flex:1;padding:1rem 1.5rem 1.5rem;align-items:flex-start;min-height:auto;height:auto;max-height:none;order:1;overflow-y:auto}.new-setup-form-container.form-left,.new-setup-form-container.form-right{order:1!important;animation:newSetupFormSlideInRight .8s cubic-bezier(.16,1,.3,1) .1s both}.new-setup-form-wrapper{max-width:100%;padding:0;height:auto}.new-setup-form-title{font-size:1.5rem}.new-setup-form-header{margin-bottom:1.25rem}.new-setup-form-input,.new-setup-select{padding:.7rem .8rem .7rem 2.5rem;font-size:.9rem;border-radius:8px}.new-setup-birthday-row{grid-template-columns:1fr}.new-setup-form-actions{flex-direction:column}.new-setup-btn-back,.new-setup-btn-submit{width:100%}}@media(max-width:480px){.new-setup-branding{padding:1rem 1rem .75rem}.new-setup-brand-logo{width:36px;height:36px}.new-setup-brand-name{font-size:1.1rem}.new-setup-brand-tagline{font-size:.8rem}.new-setup-form-container{padding:.75rem 1rem 1rem}.new-setup-form-title{font-size:1.3rem}.new-setup-form-subtitle{font-size:.8rem}.new-setup-form-input,.new-setup-select{padding:.6rem .7rem .6rem 2.25rem;font-size:.85rem;border-radius:8px}.new-setup-input-icon,.new-setup-select-icon{left:.7rem;font-size:.8rem}.new-setup-success-icon{font-size:3rem}.new-setup-success-title{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.new-setup-page,.new-setup-branding.branding-left,.new-setup-branding.branding-right,.new-setup-form-container.form-left,.new-setup-form-container.form-right,.new-setup-brand-feature,.new-setup-form-group,.new-setup-form-header,.new-setup-form-actions,.new-setup-success-container,.new-setup-brand-name,.new-setup-brand-tagline,.new-setup-brand-description{animation:none!important;opacity:1!important;transform:none!important}.new-setup-brand-logo,.new-setup-feature-dot,.new-setup-form-input.error{animation:none!important}.new-setup-branding:after{animation:none!important}.new-setup-success-icon{animation:none!important}}.new-setup-mobile-logo,.new-setup-select-chevron{display:none}@media(max-width:768px){.new-setup-page{display:block;height:auto;min-height:100vh;min-height:100dvh;background:#fff;overflow-y:auto}.new-setup-branding{display:none!important}.new-setup-form-container{min-height:100vh;min-height:100dvh;height:auto;max-height:none;padding:16px 28px 24px;align-items:center;overflow:visible;background:#fff}.new-setup-form-wrapper{max-width:400px;margin:0 auto;height:auto}.new-setup-mobile-logo{display:block;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #F1F5F9;padding:16px;margin:8px auto 20px;box-shadow:0 8px 20px #0000000f}.new-setup-form-header{text-align:center;margin-bottom:32px}.new-setup-form-title{font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px}.new-setup-form-subtitle{font-size:14px;color:#64748b}.new-setup-form-label{font-size:14px;font-weight:600;color:#334155;letter-spacing:0;margin-bottom:8px}.new-setup-input-wrapper,.new-setup-select-wrapper{background:#f8fafc;border:1px solid #CBD5E1;border-radius:12px}.new-setup-input-wrapper:focus-within,.new-setup-select-wrapper:focus-within{border-color:#f39c12;background:#fff}.new-setup-input-wrapper:has(.new-setup-form-input.error),.new-setup-select-wrapper:has(.new-setup-select.error){border-color:#ef4444;border-width:1.5px}.new-setup-form-input,.new-setup-select{background:transparent;border:none;border-radius:12px;padding:14px 14px 14px 44px;font-size:15px;font-weight:500;color:#0f172a}.new-setup-select{padding-right:36px}.new-setup-form-input::placeholder{color:#94a3b8;font-size:14px;font-weight:400}.new-setup-form-input:hover,.new-setup-select:hover{background:transparent;border:none}.new-setup-form-input:focus,.new-setup-select:focus{background:transparent;border:none;box-shadow:none;transform:none}.new-setup-form-input.error,.new-setup-select.error{background:transparent;border:none;animation:none}.new-setup-input-icon,.new-setup-select-icon{left:14px;color:#64748b;font-size:20px}.new-setup-input-wrapper:has(.new-setup-form-input.error) .new-setup-input-icon,.new-setup-select-wrapper:has(.new-setup-select.error) .new-setup-select-icon{color:#ef4444}.new-setup-input-wrapper:focus-within .new-setup-input-icon,.new-setup-select-wrapper:focus-within .new-setup-select-icon{color:#f39c12;transform:none}.new-setup-error-message{font-size:12px;font-weight:500;color:#ef4444;margin:6px 0 0 4px}.new-setup-hint-text{font-size:12px;margin:6px 0 0 4px}.new-setup-info-box{border-radius:12px;margin-bottom:20px}.new-setup-btn-next,.new-setup-btn-submit,.new-setup-btn-dashboard{min-height:52px;padding:14px 16px;border-radius:14px;font-size:16px;font-weight:700;letter-spacing:0;width:100%}.new-setup-btn-next:before,.new-setup-btn-submit:before{display:none}.new-setup-btn-next:hover:not(:disabled),.new-setup-btn-submit:hover:not(:disabled){transform:none}.new-setup-form-actions{gap:12px;margin-top:28px}.new-setup-btn-back{min-height:52px;border-radius:14px;font-size:15px}.new-setup-birthday-row{grid-template-columns:1fr 1fr 1fr}.new-setup-select-chevron{display:inline-flex;position:absolute;right:14px;color:#94a3b8;font-size:14px;pointer-events:none}.new-setup-select-wrapper:has(.new-setup-select-chevron)>.new-setup-select{padding-right:40px}.new-setup-success-container{text-align:center}}.new-setup-photo-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0}.new-setup-photo-container .new-setup-form-title,.new-setup-photo-container .new-setup-form-subtitle{text-align:center}.new-setup-photo-avatar{position:relative;width:120px;height:120px;border-radius:50%;background:#f1f5f9;border:2px dashed #CBD5E1;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:8px auto;transition:border-color .2s ease}.new-setup-photo-avatar:hover{border-color:#f39c12}.new-setup-photo-placeholder{font-size:40px;font-weight:700;color:#94a3b8;letter-spacing:-.5px}.new-setup-photo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.new-setup-photo-camera{position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:50%;background:#f39c12;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;border:3px solid #FFFFFF}.new-setup-photo-container .new-setup-btn-submit{width:100%}.new-setup-btn-skip{background:none;border:none;color:#64748b;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;padding:8px 16px}.new-setup-btn-skip:hover:not(:disabled){color:#0f172a}.new-setup-btn-skip:disabled{opacity:.5;cursor:not-allowed}.new-setup-photo-container .new-setup-error-message{text-align:center}@media(max-width:768px){.new-setup-photo-container{gap:14px;padding:0;width:100%}.new-setup-photo-container .new-setup-form-title{font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px}.new-setup-photo-container .new-setup-form-subtitle{font-size:14px;color:#64748b}.new-setup-photo-avatar{width:120px;height:120px;margin:12px auto}.new-setup-btn-skip{width:100%;min-height:52px;border-radius:14px;font-size:16px;font-weight:700}}@media(max-width:480px){.new-setup-photo-avatar{width:104px;height:104px}.new-setup-photo-placeholder{font-size:34px}.new-setup-photo-camera{width:30px;height:30px;font-size:12px}.new-setup-photo-container .new-setup-form-title{font-size:22px}}:root{--bg-primary: #F5F7FA;--bg-card: #FFFFFF;--bg-card-hover: #FFFFFF;--bg-surface: #F9FAFB;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .025);--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-white: #111827;--border-color: #E5E7EB;--border-card: #E5E7EB;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .9);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: #FFFFFF;--input-border: #D1D5DB;--badge-bg: #F3F4F6;--badge-border: #E5E7EB;--accent-primary: #D97A0E;--accent-primary-hover: #C06A0C;--accent-primary-light: rgba(217, 122, 14, .1);--accent-primary-subtle: rgba(217, 122, 14, .05);--accent-secondary: #F59E0B;--accent-border: #FCD34D;--semantic-success: #059669;--semantic-success-bg: rgba(5, 150, 105, .08);--semantic-success-border: rgba(5, 150, 105, .12);--semantic-info: #2563EB;--semantic-info-bg: rgba(37, 99, 235, .08);--semantic-info-border: rgba(37, 99, 235, .12);--semantic-error: #DC2626;--semantic-error-bg: rgba(220, 38, 38, .08);--semantic-error-border: rgba(220, 38, 38, .12);--semantic-warning: #D97706;--semantic-warning-bg: rgba(217, 119, 6, .08);--semantic-warning-border: rgba(217, 119, 6, .12);--stat-icon-1: #D97A0E;--stat-icon-1-bg: rgba(217, 122, 14, .08);--stat-icon-2: #2563EB;--stat-icon-2-bg: rgba(37, 99, 235, .08);--stat-icon-3: #059669;--stat-icon-3-bg: rgba(5, 150, 105, .08);--stat-icon-4: #7C3AED;--stat-icon-4-bg: rgba(124, 58, 237, .08)}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--glass-bg: rgba(26, 37, 51, .92);--glass-border: rgba(255, 255, 255, .06);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: #1A2533;--input-border: rgba(255, 255, 255, .06);--badge-bg: #131C28;--badge-border: rgba(255, 255, 255, .06);--accent-primary: #F39C12;--accent-primary-hover: #E67E22;--accent-primary-light: rgba(243, 156, 18, .1);--accent-primary-subtle: rgba(243, 156, 18, .05);--accent-secondary: #F39C12;--accent-border: rgba(243, 156, 18, .2);--semantic-success: #10B981;--semantic-success-bg: rgba(16, 185, 129, .1);--semantic-success-border: rgba(16, 185, 129, .2);--semantic-info: #3B82F6;--semantic-info-bg: rgba(59, 130, 246, .1);--semantic-info-border: rgba(59, 130, 246, .2);--semantic-error: #EF4444;--semantic-error-bg: rgba(239, 68, 68, .1);--semantic-error-border: rgba(239, 68, 68, .2);--semantic-warning: #D97706;--semantic-warning-bg: rgba(243, 156, 18, .1);--semantic-warning-border: rgba(243, 156, 18, .2);--stat-icon-1: #F39C12;--stat-icon-1-bg: rgba(243, 156, 18, .15);--stat-icon-2: #3B82F6;--stat-icon-2-bg: rgba(59, 130, 246, .15);--stat-icon-3: #10B981;--stat-icon-3-bg: rgba(16, 185, 129, .15);--stat-icon-4: #8B5CF6;--stat-icon-4-bg: rgba(139, 92, 246, .15)}.dashboard-container_admindashbu{margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease;padding:0 28px}.welcome-section_admindashbu{display:flex;align-items:center;justify-content:space-between;padding:28px 0 24px;border-bottom:1px solid var(--border-color);margin-bottom:28px;flex-wrap:wrap;gap:16px}.welcome-content_admindashbu{display:flex;flex-direction:column;gap:6px}.welcome-greeting-wrapper_admindashbu{display:flex;align-items:center;gap:12px}.welcome-icon_admindashbu{font-size:28px;color:var(--accent-primary)}.welcome-title_admindashbu{font-size:26px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px;transition:color .3s ease;line-height:1.2}.welcome-subtitle_admindashbu{font-size:14px;color:var(--text-secondary);margin:0;font-weight:400;transition:color .3s ease;line-height:1.5}.welcome-actions_admindashbu{display:flex;gap:12px;flex-wrap:wrap}.btn-primary_admindashbu{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.btn-primary_admindashbu:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d97a0e2e;color:#fff}.btn-secondary_admindashbu{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn-secondary_admindashbu:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateY(-1px);color:var(--text-primary)}.stats-grid_admindashbu{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card_admindashbu{background:var(--bg-card);border-radius:12px;padding:22px 24px 18px;border:1px solid var(--border-card);transition:all .2s ease;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card_admindashbu:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--border-color)}.stat-card-header_admindashbu{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-card_admindashbu:nth-child(1) .stat-icon-wrapper_admindashbu{background:var(--stat-icon-1-bg);color:var(--stat-icon-1);border-color:transparent}.stat-card_admindashbu:nth-child(2) .stat-icon-wrapper_admindashbu{background:var(--stat-icon-2-bg);color:var(--stat-icon-2);border-color:transparent}.stat-card_admindashbu:nth-child(3) .stat-icon-wrapper_admindashbu{background:var(--stat-icon-3-bg);color:var(--stat-icon-3);border-color:transparent}.stat-card_admindashbu:nth-child(4) .stat-icon-wrapper_admindashbu{background:var(--stat-icon-4-bg);color:var(--stat-icon-4);border-color:transparent}.stat-icon-wrapper_admindashbu{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .2s ease}.stat-card_admindashbu:hover .stat-icon-wrapper_admindashbu{transform:scale(1.05)}.stat-card-content_admindashbu{display:flex;flex-direction:column;gap:4px}.stat-value_admindashbu{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease;letter-spacing:-.3px}.stat-value_admindashbu .accent{color:var(--accent-primary)}.stat-label_admindashbu{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.stat-detail_admindashbu{font-size:13px;color:var(--text-secondary);transition:color .3s ease;font-weight:400}.stat-sparkline_admindashbu{margin-top:12px;height:30px;opacity:.4}.stat-sparkline_admindashbu svg{color:var(--accent-primary)}.quick-actions_admindashbu{margin-bottom:28px}.quick-actions-header_admindashbu{margin-bottom:14px}.quick-actions-title_admindashbu{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin:0;transition:color .3s ease}.quick-actions-grid_admindashbu{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-action-item_admindashbu{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-card)}.quick-action-item_admindashbu:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--border-color)}.quick-action-item_admindashbu:nth-child(1) .quick-action-icon-wrapper_admindashbu{background:var(--stat-icon-1-bg);color:var(--stat-icon-1);border-color:transparent}.quick-action-item_admindashbu:nth-child(2) .quick-action-icon-wrapper_admindashbu{background:var(--stat-icon-2-bg);color:var(--stat-icon-2);border-color:transparent}.quick-action-item_admindashbu:nth-child(3) .quick-action-icon-wrapper_admindashbu{background:var(--stat-icon-3-bg);color:var(--stat-icon-3);border-color:transparent}.quick-action-item_admindashbu:nth-child(4) .quick-action-icon-wrapper_admindashbu{background:var(--stat-icon-4-bg);color:var(--stat-icon-4);border-color:transparent}.quick-action-icon-wrapper_admindashbu{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s ease}.quick-action-item_admindashbu:hover .quick-action-icon-wrapper_admindashbu{transform:scale(1.05)}.quick-action-content_admindashbu{flex:1;min-width:0}.quick-action-label_admindashbu{display:block;font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease;line-height:1.3}.quick-action-description_admindashbu{display:block;font-size:12px;color:var(--text-secondary);transition:color .3s ease;margin-top:2px}.quick-action-arrow_admindashbu{color:var(--text-muted);font-size:14px;transition:all .2s ease}.quick-action-item_admindashbu:hover .quick-action-arrow_admindashbu{transform:translate(3px);color:var(--accent-primary)}.charts-row_admindashbu{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.chart-card_admindashbu{background:var(--bg-card);border-radius:12px;padding:22px 24px 18px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:all .2s ease}.chart-card_admindashbu:hover{border-color:var(--border-color)}.chart-header_admindashbu{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:8px}.chart-title_admindashbu{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.chart-subtitle_admindashbu{font-size:13px;color:var(--text-secondary);display:block;transition:color .3s ease;font-weight:400}.chart-legend_admindashbu{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary);transition:color .3s ease;font-weight:400}.legend-dot_admindashbu{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.quotes-dot_admindashbu{background:var(--accent-primary)}.assessments-dot_admindashbu{background:var(--semantic-success)}.revenue-dot_admindashbu{background:var(--accent-primary)}.chart-body_admindashbu{height:280px}.chart-tooltip_admindashbu{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;box-shadow:var(--shadow-card)}.tooltip-label_admindashbu{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 4px}.tooltip-item_admindashbu{font-size:13px;font-weight:500;margin:2px 0;color:var(--text-primary)}.empty-chart_admindashbu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.empty-chart_admindashbu p{margin:0;font-size:14px}.empty-chart_admindashbu small{font-size:12px;color:var(--text-muted)}.activity-container_admindashbu{background:var(--bg-card);border-radius:12px;padding:22px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card)}.activity-header_admindashbu{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.activity-title_admindashbu{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.activity-title-icon_admindashbu{color:var(--accent-primary)}.view-all-btn_admindashbu{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-primary);background:none;border:none;cursor:pointer;font-weight:500;transition:all .18s ease;font-family:Poppins,sans-serif}.view-all-btn_admindashbu:hover{color:var(--accent-primary-hover);gap:10px}.activity-list_admindashbu{display:flex;flex-direction:column;gap:2px}.activity-item_admindashbu{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;transition:all .18s ease;cursor:pointer}.activity-item_admindashbu:hover{background:var(--bg-hover)}.activity-icon_admindashbu{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.activity-icon_admindashbu.pending{background:var(--semantic-warning-bg);color:var(--semantic-warning);border:1px solid var(--semantic-warning-border)}.activity-icon_admindashbu.completed{background:var(--semantic-success-bg);color:var(--semantic-success);border:1px solid var(--semantic-success-border)}.activity-icon_admindashbu.scheduled{background:var(--semantic-info-bg);color:var(--semantic-info);border:1px solid var(--semantic-info-border)}.activity-icon_admindashbu.cancelled{background:var(--semantic-error-bg);color:var(--semantic-error);border:1px solid var(--semantic-error-border)}.activity-icon_admindashbu.processing{background:var(--semantic-warning-bg);color:var(--semantic-warning);border:1px solid var(--semantic-warning-border)}.activity-icon_admindashbu.accepted{background:var(--semantic-success-bg);color:var(--semantic-success);border:1px solid var(--semantic-success-border)}.activity-content_admindashbu{flex:1;min-width:0}.activity-message_admindashbu{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;transition:color .3s ease;line-height:1.4}.activity-time_admindashbu{font-size:12px;color:var(--text-muted);display:block;margin-top:2px;transition:color .3s ease}.activity-status_admindashbu{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:4px 12px;border-radius:20px;flex-shrink:0;background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--badge-border);transition:all .3s ease}.activity-status_admindashbu.pending{background:var(--semantic-warning-bg);color:var(--semantic-warning);border:1px solid var(--semantic-warning-border)}.activity-status_admindashbu.completed{background:var(--semantic-success-bg);color:var(--semantic-success);border:1px solid var(--semantic-success-border)}.activity-status_admindashbu.scheduled{background:var(--semantic-info-bg);color:var(--semantic-info);border:1px solid var(--semantic-info-border)}.activity-status_admindashbu.cancelled{background:var(--semantic-error-bg);color:var(--semantic-error);border:1px solid var(--semantic-error-border)}.activity-status_admindashbu.processing{background:var(--semantic-warning-bg);color:var(--semantic-warning);border:1px solid var(--semantic-warning-border)}.activity-status_admindashbu.accepted{background:var(--semantic-success-bg);color:var(--semantic-success);border:1px solid var(--semantic-success-border)}.empty-activity_admindashbu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.empty-activity_admindashbu p{font-size:14px;color:var(--text-secondary);margin:0}.empty-activity_admindashbu small{font-size:12px;color:var(--text-muted)}.error-state_admindashbu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.error-icon_admindashbu{font-size:48px;color:var(--semantic-error);margin-bottom:16px}.error-state_admindashbu h2{font-size:24px;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.error-state_admindashbu p{font-size:16px;color:var(--text-secondary);margin:0 0 20px;transition:color .3s ease}.retry-btn_admindashbu{padding:10px 32px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s ease;box-shadow:0 1px 2px #0000000a}.retry-btn_admindashbu:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d97a0e2e}.skeleton-line_admindashbu{border-radius:6px;animation:shimmer_admindashbu 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer_admindashbu{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title_admindashbu{width:40%;height:32px;margin-bottom:8px}.skeleton-subtitle_admindashbu{width:60%;height:20px}.skeleton-card_admindashbu{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);padding:20px;min-height:120px}.skeleton-stat-main_admindashbu{width:60%;height:28px;margin-bottom:8px}.skeleton-quick-action_admindashbu{height:76px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color)}.skeleton-chart_admindashbu{height:280px;border-radius:8px;background:var(--bg-surface)}@media(max-width:1200px){.dashboard-container_admindashbu{padding-inline:20px}.stats-grid_admindashbu{gap:14px}.stat-card_admindashbu{padding:18px 20px}.stat-value_admindashbu{font-size:24px}}@media(max-width:1024px){.charts-row_admindashbu{grid-template-columns:1fr;gap:16px}.stats-grid_admindashbu{grid-template-columns:repeat(2,1fr);gap:14px}.quick-actions-grid_admindashbu{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-container_admindashbu{padding-inline:18px}.stat-value_admindashbu{font-size:22px}.welcome-title_admindashbu{font-size:24px}.chart-card_admindashbu{padding:18px 20px}.chart-body_admindashbu{height:220px}}@media(max-width:768px){.dashboard-container_admindashbu{padding-inline:14px;padding-top:12px}.welcome-section_admindashbu{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0 18px}.welcome-title_admindashbu{font-size:20px}.welcome-icon_admindashbu{font-size:22px}.welcome-subtitle_admindashbu{font-size:13px}.welcome-actions_admindashbu{width:100%;gap:8px}.welcome-actions_admindashbu .btn-primary_admindashbu,.welcome-actions_admindashbu .btn-secondary_admindashbu{flex:1;justify-content:center;padding:8px 16px;font-size:13px}.stats-grid_admindashbu{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card_admindashbu{padding:14px 16px;border-radius:10px}.stat-value_admindashbu{font-size:20px}.stat-label_admindashbu,.stat-detail_admindashbu{font-size:11px}.stat-icon-wrapper_admindashbu{width:38px;height:38px;font-size:17px}.quick-actions-grid_admindashbu{grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-item_admindashbu{padding:12px 14px;border-radius:10px}.quick-action-icon-wrapper_admindashbu{width:38px;height:38px;font-size:16px}.quick-action-label_admindashbu{font-size:13px}.quick-action-description_admindashbu,.quick-actions-title_admindashbu{font-size:11px}.chart-card_admindashbu{padding:16px;border-radius:10px}.chart-title_admindashbu{font-size:14px}.chart-subtitle_admindashbu{font-size:12px}.chart-legend_admindashbu{font-size:11px;gap:10px}.chart-body_admindashbu{height:200px}.activity-container_admindashbu{padding:16px;border-radius:10px}.activity-title_admindashbu{font-size:14px}.activity-item_admindashbu{padding:10px 12px;gap:10px;flex-wrap:wrap}.activity-icon_admindashbu{width:34px;height:34px;font-size:14px}.activity-message_admindashbu{font-size:13px}.activity-time_admindashbu{font-size:11px}.activity-status_admindashbu{font-size:10px;padding:3px 10px}.view-all-btn_admindashbu{font-size:12px}.btn-primary_admindashbu,.btn-secondary_admindashbu{padding:8px 16px;font-size:13px;border-radius:6px}}@media(max-width:480px){.dashboard-container_admindashbu{padding-inline:10px}.stats-grid_admindashbu{grid-template-columns:1fr 1fr;gap:8px}.stat-card_admindashbu{padding:12px;border-radius:8px}.stat-value_admindashbu{font-size:17px}.stat-label_admindashbu{font-size:10px;letter-spacing:.3px}.stat-detail_admindashbu{font-size:10px}.stat-icon-wrapper_admindashbu{width:32px;height:32px;font-size:14px;border-radius:8px}.stat-sparkline_admindashbu{height:20px;margin-top:8px}.quick-actions-grid_admindashbu{grid-template-columns:1fr 1fr;gap:6px}.quick-action-item_admindashbu{padding:10px 12px;gap:8px;border-radius:8px}.quick-action-icon-wrapper_admindashbu{width:32px;height:32px;font-size:14px;border-radius:8px}.quick-action-label_admindashbu{font-size:12px}.quick-action-description_admindashbu{font-size:10px}.quick-action-arrow_admindashbu{font-size:11px}.welcome-title_admindashbu,.welcome-icon_admindashbu{font-size:18px}.welcome-subtitle_admindashbu{font-size:12px}.welcome-actions_admindashbu{flex-direction:column}.welcome-actions_admindashbu .btn-primary_admindashbu,.welcome-actions_admindashbu .btn-secondary_admindashbu{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.chart-card_admindashbu{padding:12px;border-radius:8px}.chart-title_admindashbu{font-size:13px}.chart-subtitle_admindashbu{font-size:11px}.chart-legend_admindashbu{font-size:10px;gap:8px}.legend-dot_admindashbu{width:8px;height:8px}.chart-body_admindashbu{height:160px}.activity-container_admindashbu{padding:12px;border-radius:8px}.activity-title_admindashbu{font-size:13px}.activity-item_admindashbu{padding:8px 10px;gap:8px}.activity-icon_admindashbu{width:30px;height:30px;font-size:13px;border-radius:8px}.activity-message_admindashbu{font-size:12px}.activity-time_admindashbu{font-size:10px}.activity-status_admindashbu{font-size:9px;padding:2px 8px}.view-all-btn_admindashbu{font-size:11px}.btn-primary_admindashbu,.btn-secondary_admindashbu{padding:6px 12px;font-size:12px;border-radius:4px}.error-state_admindashbu h2{font-size:20px}.error-state_admindashbu p{font-size:14px}.retry-btn_admindashbu{padding:8px 24px;font-size:13px}}@media(max-width:360px){.dashboard-container_admindashbu{padding-inline:6px}.stats-grid_admindashbu{grid-template-columns:1fr 1fr;gap:6px}.stat-card_admindashbu{padding:8px 10px}.stat-value_admindashbu{font-size:14px}.stat-label_admindashbu,.stat-detail_admindashbu{font-size:9px}.stat-icon-wrapper_admindashbu{width:26px;height:26px;font-size:12px}.quick-actions-grid_admindashbu{grid-template-columns:1fr;gap:6px}.quick-action-item_admindashbu{padding:8px 10px}.quick-action-icon-wrapper_admindashbu{width:28px;height:28px;font-size:12px}.quick-action-label_admindashbu{font-size:11px}.welcome-title_admindashbu,.welcome-icon_admindashbu{font-size:16px}.chart-body_admindashbu{height:140px}.activity-item_admindashbu{padding:6px 8px}.activity-message_admindashbu{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stat-card_admindashbu:hover,.quick-action-item_admindashbu:hover,.activity-item_admindashbu:hover,.chart-card_admindashbu:hover{transform:none!important}.skeleton-line_admindashbu{animation:none!important;background:var(--skeleton-bg)!important}.btn-primary_admindashbu:hover,.btn-secondary_admindashbu:hover,.view-all-btn_admindashbu:hover,.retry-btn_admindashbu:hover,.quick-action-item_admindashbu:hover .quick-action-arrow_admindashbu{transform:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-engineer-card: rgba(255, 255, 255, .5);--bg-engineer-selected: rgba(243, 156, 18, .06);--bg-engineer-avatar: rgba(243, 156, 18, .12);--bg-info-box: rgba(243, 156, 18, .06);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-engineer: #EEF0ED;--border-engineer-hover: #D1D5DB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-assigned-bg: rgba(59, 130, 246, .1);--status-assigned-text: #2563EB;--status-processing-bg: rgba(139, 92, 246, .1);--status-processing-text: #7C3AED;--status-paid-bg: rgba(16, 185, 129, .1);--status-paid-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-quoted-bg: rgba(243, 156, 18, .1);--status-quoted-text: #D97706;--status-verifying-bg: rgba(59, 130, 246, .1);--status-verifying-text: #2563EB;--status-inprogress-bg: rgba(139, 92, 246, .1);--status-inprogress-text: #7C3AED;--status-partial-bg: rgba(59, 130, 246, .1);--status-partial-text: #2563EB;--status-overdue-bg: rgba(239, 68, 68, .1);--status-overdue-text: #DC2626;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--required-color: #EF4444;--error-color: #EF4444;--invalid-date: #EF4444}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-engineer-card: rgba(255, 255, 255, .05);--bg-engineer-selected: rgba(243, 156, 18, .08);--bg-engineer-avatar: rgba(243, 156, 18, .12);--bg-info-box: rgba(243, 156, 18, .08);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-engineer: rgba(255, 255, 255, .06);--border-engineer-hover: rgba(255, 255, 255, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-assigned-bg: rgba(59, 130, 246, .12);--status-assigned-text: #3B82F6;--status-processing-bg: rgba(139, 92, 246, .12);--status-processing-text: #8B5CF6;--status-paid-bg: rgba(16, 185, 129, .12);--status-paid-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-quoted-bg: rgba(243, 156, 18, .12);--status-quoted-text: #F39C12;--status-verifying-bg: rgba(59, 130, 246, .12);--status-verifying-text: #3B82F6;--status-inprogress-bg: rgba(139, 92, 246, .12);--status-inprogress-text: #8B5CF6;--status-partial-bg: rgba(59, 130, 246, .12);--status-partial-text: #3B82F6;--status-overdue-bg: rgba(239, 68, 68, .12);--status-overdue-text: #EF4444;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--required-color: #EF4444;--error-color: #EF4444;--invalid-date: #EF4444}.site-assessment-adminbills_{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.header-adminbills_{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.chart-area-adminbills_{background:var(--bg-card);border-radius:14px;padding:20px 24px 16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-bottom:24px;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chart-area-adminbills_:hover{transform:translateY(-2px);border-color:#f39c1240;box-shadow:var(--shadow-card-hover)}.chart-header-adminbills_{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.chart-header-adminbills_ h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.chart-period-adminbills_{font-size:13px;color:var(--text-muted);transition:color .3s ease}.chart-wrapper-adminbills_{height:220px}.recharts-custom-tooltip-adminbills_{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-dropdown);transition:background .3s ease,border-color .3s ease}.tooltip-label-adminbills_{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px;transition:color .3s ease}.tooltip-item-adminbills_{font-size:13px;font-weight:500;margin:2px 0;color:var(--text-primary);transition:color .3s ease}.tabs-adminbills_{display:inline-flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn-adminbills_{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;position:relative;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.tab-btn-adminbills_:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn-adminbills_.active-adminbills_{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.tab-badge-adminbills_{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:20px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-muted);transition:background .3s ease,color .3s ease}.tab-btn-adminbills_.active-adminbills_ .tab-badge-adminbills_{background:#fff3;color:#fff}.tab-needs-dot-adminbills_{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot-adminbills_ 1.8s ease-in-out infinite}@keyframes pulse-needs-dot-adminbills_{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.toolbar-adminbills_{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-group-adminbills_{position:relative;flex:1;min-width:200px;max-width:380px}.search-group-adminbills_ input{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-group-adminbills_ input::placeholder{color:var(--text-muted)}.search-group-adminbills_ input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.search-icon-adminbills_{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.filter-group-adminbills_{position:relative;min-width:160px}.filter-group-adminbills_ select{width:100%;padding:10px 36px 10px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;appearance:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-group-adminbills_ select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.filter-group-adminbills_ select option{background:var(--bg-select-option);color:var(--text-primary)}.select-arrow-adminbills_{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:12px;transition:color .3s ease}.refresh-btn-adminbills_{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.refresh-btn-adminbills_:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.spinning-adminbills_{animation:spin 1s linear infinite}.site-table-container-adminbills_{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.data-table-adminbills_{width:100%;border-collapse:collapse;font-size:13px}.data-table-adminbills_ thead{background:var(--bg-table-header)}.data-table-adminbills_ thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.data-table-adminbills_ thead th.sortable-th-adminbills_{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table-adminbills_ thead th.sortable-th-adminbills_:hover{color:var(--text-primary)}.data-table-adminbills_ tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.data-table-adminbills_ tbody tr:last-child{border-bottom:none}.data-table-adminbills_ tbody tr:hover{background:var(--bg-table-row-hover)}.data-table-adminbills_ tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.ref-cell-adminbills_{font-weight:500;color:var(--text-primary);font-family:monospace;font-size:12px;transition:color .3s ease}.client-cell-adminbills_{font-weight:500;color:var(--text-primary);transition:color .3s ease}.contact-info-adminbills_{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.email-cell-adminbills_{font-size:12px;color:var(--text-muted);transition:color .3s ease}.amount-cell-adminbills_{font-weight:600;color:var(--text-primary);transition:color .3s ease}.status-badge-adminbills_{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-adminbills_.pending,.status-badge-adminbills_.pending-payment,.status-badge-adminbills_.pending-review,.status-badge-adminbills_.for-verification{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.assigned,.status-badge-adminbills_.scheduled{background:var(--status-assigned-bg);color:var(--status-assigned-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.processing,.status-badge-adminbills_.site-visit-ongoing{background:var(--status-processing-bg);color:var(--status-processing-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.paid,.status-badge-adminbills_.completed,.status-badge-adminbills_.approved,.status-badge-adminbills_.accepted{background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.cancelled,.status-badge-adminbills_.overdue{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.quoted{background:var(--status-quoted-bg);color:var(--status-quoted-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.verifying{background:var(--status-verifying-bg);color:var(--status-verifying-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.inprogress{background:var(--status-inprogress-bg);color:var(--status-inprogress-text);border:1px solid var(--border-medium)}.status-badge-adminbills_.partial{background:var(--status-partial-bg);color:var(--status-partial-text);border:1px solid var(--border-medium)}.action-dropdown-container-adminbills_{position:relative;display:inline-block}.action-dropdown-toggle-adminbills_{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;position:relative}.action-needs-dot-adminbills_{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot-adminbills_ 1.8s ease-in-out infinite}.action-dropdown-toggle-adminbills_:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.dropdown-arrow-adminbills_{font-size:10px;transition:transform .2s ease}.dropdown-arrow-adminbills_.open-adminbills_{transform:rotate(180deg)}.action-dropdown-menu-adminbills_{min-width:200px;max-width:250px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;transition:background .3s ease,border-color .3s ease}.action-dropdown-menu-adminbills_::-webkit-scrollbar{width:3px}.action-dropdown-menu-adminbills_::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.action-dropdown-menu-adminbills_::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.dropdown-item-adminbills_{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.dropdown-item-adminbills_:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item-adminbills_.success{color:var(--text-success)}.dropdown-item-adminbills_.success:hover{background:#10b9811a}.dropdown-item-adminbills_.danger{color:var(--text-danger)}.dropdown-item-adminbills_.danger:hover{background:#ef44441a}.dropdown-item-adminbills_.warning{color:var(--icon-warning)}.dropdown-item-adminbills_.warning:hover{background:#f39c121a}.dropdown-item-adminbills_.primary{color:var(--text-edit)}.dropdown-item-adminbills_.primary:hover{background:#3b82f61a}.dropdown-item-adminbills_.disabled-adminbills_{opacity:.5;cursor:not-allowed}.empty-state-adminbills_{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px;transition:color .3s ease}.pagination-adminbills_{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.pagination-info-adminbills_{font-size:13px;color:var(--text-muted);transition:color .3s ease}.pagination-controls-adminbills_{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn-adminbills_{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-btn-adminbills_:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn-adminbills_:disabled{opacity:.3;cursor:not-allowed}.page-number-adminbills_{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-number-adminbills_:hover{background:var(--bg-section);color:var(--text-primary)}.page-number-adminbills_.active-adminbills_{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.modal-overlay-adminbills_{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-adminbills_{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;transition:background .3s ease,border-color .3s ease}.detail-modal-adminbills_{max-width:600px}.assign-engineer-modal-adminbills_{max-width:620px;max-height:72vh;height:auto;overflow:hidden;margin:auto;display:flex;flex-direction:column}.assign-iot-modal-adminbills_{max-height:86vh}.assign-engineer-modal-adminbills_ .modal-body-adminbills_{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.modal-overlay-adminbills_{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 20px}.modal-header-adminbills_{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.modal-header-adminbills_ h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-adminbills_{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-close-adminbills_:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-adminbills_{padding:20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-body-adminbills_::-webkit-scrollbar{width:4px}.modal-body-adminbills_::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-adminbills_::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.detail-row-adminbills_{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-row-adminbills_:last-child{border-bottom:none}.detail-row-adminbills_ span{color:var(--text-muted);font-size:13px;transition:color .3s ease}.detail-row-adminbills_ strong{color:var(--text-primary);font-size:14px;transition:color .3s ease}.detail-section-adminbills_{margin-bottom:16px}.detail-section-adminbills_:last-child{margin-bottom:0}.detail-section-adminbills_ h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;transition:color .3s ease}.detail-section-adminbills_ p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.detail-section-adminbills_ p strong{color:var(--text-primary);transition:color .3s ease}.form-group-adminbills_{display:flex;flex-direction:column;gap:6px;margin-top:12px}.form-group-adminbills_ label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.required-field-adminbills_{color:var(--required-color)}.form-group-adminbills_ textarea,.form-group-adminbills_ input,.form-group-adminbills_ select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.form-group-adminbills_ textarea:focus,.form-group-adminbills_ input:focus,.form-group-adminbills_ select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-adminbills_ textarea{resize:vertical;min-height:80px}.date-input-adminbills_{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.date-input-adminbills_:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.invalid-date-adminbills_{border-color:var(--invalid-date)!important}.validation-error-adminbills_ label{color:var(--error-color)!important;font-size:12px}.validation-hint-adminbills_ label{color:var(--text-muted)!important;font-size:12px}.info-box-adminbills_{background:var(--bg-info-box);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-top:12px;display:flex;align-items:flex-start;gap:10px}.info-box-adminbills_ svg{color:var(--icon-color);font-size:16px;margin-top:2px;flex-shrink:0}.info-box-adminbills_ small{font-size:12px;color:var(--text-secondary);line-height:1.5;transition:color .3s ease}.google-search-wrap-adminbills_{position:relative}.google-search-input-wrap-adminbills_{position:relative;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-input);border-radius:999px;padding:0 14px 0 40px;transition:all .2s ease;box-shadow:var(--shadow-card)}.google-search-input-wrap-adminbills_:focus-within{border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121f,var(--shadow-dropdown)}.google-search-icon-adminbills_{position:absolute;left:14px;color:var(--text-muted);font-size:14px;pointer-events:none}.google-search-input-adminbills_{flex:1;padding:12px 0;background:transparent!important;border:none!important;box-shadow:none!important;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;outline:none;border-radius:0!important}.google-search-clear-adminbills_{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 0 0 8px;line-height:1}.google-search-dropdown-adminbills_{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:16px;box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:30;max-height:220px;overflow-y:auto}.google-search-dropdown-up-adminbills_{top:auto;bottom:calc(100% + 8px);max-height:200px;z-index:40}.google-search-wrap-adminbills_{z-index:1}.google-search-wrap-adminbills_:focus-within{z-index:2}.google-search-dropdown-static-adminbills_{position:static;margin-top:8px;max-height:220px;z-index:auto}.google-search-item-adminbills_{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s ease}.google-search-item-adminbills_:hover{background:var(--bg-hover)}.google-search-item-adminbills_.selected-adminbills_{background:var(--bg-engineer-selected)}.google-search-item-icon-adminbills_{width:32px;height:32px;border-radius:50%;background:var(--bg-engineer-avatar);display:inline-flex;align-items:center;justify-content:center;color:var(--icon-color);font-size:14px;flex-shrink:0}.google-search-item-text-adminbills_{flex:1;min-width:0;display:flex;flex-direction:column}.google-search-item-text-adminbills_ strong{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-search-item-text-adminbills_ small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-search-item-check-adminbills_{color:var(--icon-color);font-size:16px;flex-shrink:0}.google-search-empty-adminbills_{padding:14px;font-size:13px;color:var(--text-muted);text-align:center}.google-search-more-adminbills_{padding:8px 14px 10px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-color);text-align:center}.engineer-grid-adminbills_{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto;padding:4px 2px}.engineer-grid-adminbills_::-webkit-scrollbar{width:3px}.engineer-grid-adminbills_::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.engineer-grid-adminbills_::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.engineer-card-adminbills_{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-engineer-card);border:2px solid var(--border-engineer);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.engineer-card-adminbills_:hover{border-color:var(--border-engineer-hover)}.engineer-card-adminbills_.selected-adminbills_{border-color:var(--icon-color);background:var(--bg-engineer-selected)}.engineer-avatar-adminbills_{width:36px;height:36px;border-radius:50%;background:var(--bg-engineer-avatar);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--icon-warning);flex-shrink:0;overflow:hidden}.engineer-photo-adminbills_{width:100%;height:100%;object-fit:cover;border-radius:50%}.engineer-info-adminbills_{flex:1;min-width:0}.engineer-name-adminbills_{font-size:13px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.engineer-email-adminbills_{font-size:11px;color:var(--text-muted);transition:color .3s ease}.engineer-selected-badge-adminbills_{color:var(--icon-color);font-size:16px;flex-shrink:0}.no-engineers-adminbills_{color:var(--text-muted);font-size:13px;padding:12px;text-align:center;grid-column:1 / -1;transition:color .3s ease}.modal-actions-adminbills_{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease;flex-shrink:0}.assign-engineer-modal-adminbills_ .modal-header-adminbills_{flex-shrink:0}.cancel-btn-adminbills_{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-adminbills_:hover{background:var(--btn-cancel-hover)}.approve-btn-adminbills_,.assign-btn-adminbills_,.verify-btn-adminbills_,.upload-btn-adminbills_{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.approve-btn-adminbills_:hover:not(:disabled),.assign-btn-adminbills_:hover:not(:disabled),.verify-btn-adminbills_:hover:not(:disabled),.upload-btn-adminbills_:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.approve-btn-adminbills_:disabled,.assign-btn-adminbills_:disabled,.verify-btn-adminbills_:disabled,.upload-btn-adminbills_:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.reject-btn-adminbills_{padding:10px 24px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.reject-btn-adminbills_:hover:not(:disabled){background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.reject-btn-adminbills_:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.skeleton-line-adminbills_{border-radius:6px;animation:shimmer-adminbills_ 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer-adminbills_{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title-adminbills_{width:40%;height:32px;margin-bottom:8px}.skeleton-subtitle-adminbills_{width:60%;height:20px}.skeleton-card-adminbills_{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);padding:20px;min-height:100px}.skeleton-chart-adminbills_{height:220px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card);margin-bottom:24px}.skeleton-tab-adminbills_{width:120px;height:40px;border-radius:8px;background:var(--bg-card)}.skeleton-table-adminbills_{height:300px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@media(max-width:1200px){.site-assessment-adminbills_{padding-inline:20px}}@media(max-width:1024px){.site-assessment-adminbills_{padding-inline:18px}}@media(max-width:768px){.site-assessment-adminbills_{padding-inline:14px;padding-top:12px;overflow-x:clip;max-width:100%;box-sizing:border-box}.header-adminbills_{padding:0 0 16px}.tabs-adminbills_{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;border-radius:8px}.tab-btn-adminbills_{padding:8px 10px;font-size:12px;white-space:nowrap;flex:1 1 0;min-width:0;flex-shrink:1;justify-content:center;overflow:hidden;text-overflow:ellipsis}.toolbar-adminbills_{flex-direction:column;align-items:stretch;gap:8px}.search-group-adminbills_{max-width:none;min-width:auto}.filter-group-adminbills_{min-width:auto}.refresh-btn-adminbills_{justify-content:center}.site-table-container-adminbills_{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.data-table-adminbills_{font-size:12px;min-width:0}.data-table-adminbills_ thead{display:none}.data-table-adminbills_,.data-table-adminbills_ tbody,.data-table-adminbills_ tr,.data-table-adminbills_ td{display:block;width:100%}.data-table-adminbills_ tbody tr{display:block;width:100%;background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.data-table-adminbills_ tbody tr:hover{background:var(--bg-surface)}.data-table-adminbills_ tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.data-table-adminbills_ tbody td:last-child{border-bottom:none}.data-table-adminbills_ tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.data-table-adminbills_ tbody td>*,.data-table-adminbills_ tbody td .ref-cell-adminbills_,.data-table-adminbills_ tbody td .client-cell-adminbills_,.data-table-adminbills_ tbody td .amount-cell-adminbills_{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.data-table-adminbills_ tbody td .status-badge-adminbills_{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.data-table-adminbills_ tbody td.empty-state-adminbills_{display:block;text-align:center;justify-content:center}.data-table-adminbills_ tbody td.empty-state-adminbills_:before{content:none}.action-dropdown-container-adminbills_{display:inline-flex;justify-content:flex-end;margin-left:auto}.action-dropdown-menu-adminbills_{max-width:calc(100vw - 28px)}.dropdown-item-adminbills_{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.chart-area-adminbills_{padding:14px 16px;border-radius:10px}.chart-header-adminbills_ h3{font-size:14px}.chart-period-adminbills_{font-size:11px}.chart-wrapper-adminbills_{height:180px}.modal-adminbills_{max-width:100%;margin:12px;border-radius:14px}.modal-header-adminbills_{padding:16px 18px}.modal-header-adminbills_ h3{font-size:18px}.modal-body-adminbills_{padding:16px 18px}.modal-actions-adminbills_{padding:14px 18px 18px}.pagination-adminbills_{flex-direction:column;align-items:center;gap:8px}.pagination-controls-adminbills_{justify-content:center}.engineer-grid-adminbills_{grid-template-columns:1fr}}@media(max-width:480px){.site-assessment-adminbills_{padding-inline:10px}.tab-btn-adminbills_{padding:6px 10px;font-size:11px}.data-table-adminbills_ tbody td{padding:8px 0;font-size:11px;gap:10px}.data-table-adminbills_ tbody td:before{font-size:10px}.data-table-adminbills_ tbody tr{padding:4px 12px;margin-bottom:10px}.tab-badge-adminbills_{min-width:18px;height:18px;font-size:10px;padding:0 6px}.data-table-adminbills_ thead th{padding:8px 10px;font-size:11px}.action-dropdown-toggle-adminbills_{padding:4px 10px;font-size:11px}.action-dropdown-menu-adminbills_{min-width:160px}.dropdown-item-adminbills_{font-size:12px;padding:6px 12px}.chart-wrapper-adminbills_{height:150px}.modal-adminbills_{border-radius:12px}.modal-header-adminbills_{padding:14px 16px}.modal-header-adminbills_ h3{font-size:16px}.modal-body-adminbills_{padding:14px 16px}.modal-actions-adminbills_{padding:12px 16px 16px;flex-direction:column}.modal-actions-adminbills_ button{width:100%;justify-content:center}.detail-row-adminbills_{flex-direction:column;gap:2px;padding:6px 0}.detail-row-adminbills_ span{font-size:12px}.detail-row-adminbills_ strong{font-size:13px}.engineer-card-adminbills_{padding:8px 12px}.engineer-avatar-adminbills_{width:30px;height:30px;font-size:13px}.engineer-name-adminbills_,.pagination-info-adminbills_{font-size:12px}.page-btn-adminbills_,.page-number-adminbills_{font-size:12px;padding:6px 12px}}@media(max-width:360px){.site-assessment-adminbills_{padding-inline:6px}.tab-btn-adminbills_{padding:4px 8px;font-size:10px}.data-table-adminbills_ tbody td{padding:6px 0;font-size:10px}.data-table-adminbills_ tbody td:before{font-size:10px}.data-table-adminbills_ tbody td[data-label=Client],.data-table-adminbills_ tbody td[data-label=Contact],.data-table-adminbills_ tbody td[data-label=Reference]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.data-table-adminbills_ tbody td[data-label=Client]:before,.data-table-adminbills_ tbody td[data-label=Contact]:before,.data-table-adminbills_ tbody td[data-label=Reference]:before{max-width:100%}.data-table-adminbills_ tbody td[data-label=Client]>*,.data-table-adminbills_ tbody td[data-label=Contact]>*,.data-table-adminbills_ tbody td[data-label=Reference]>*{margin-left:0;text-align:left;flex:none;width:100%}.chart-wrapper-adminbills_{height:120px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chart-area-adminbills_:hover,.data-table-adminbills_ tbody tr:hover{transform:none!important}.skeleton-line-adminbills_{animation:none!important;background:var(--skeleton-bg)!important}.refresh-btn-adminbills_:hover,.action-dropdown-toggle-adminbills_:hover,.approve-btn-adminbills_:hover,.assign-btn-adminbills_:hover,.reject-btn-adminbills_:hover,.cancel-btn-adminbills_:hover,.verify-btn-adminbills_:hover,.upload-btn-adminbills_:hover,.modal-close-adminbills_:hover{transform:none!important}.spinning-adminbills_{animation:none!important}.dropdown-arrow-adminbills_.open-adminbills_{transform:none!important}}.add-appliance-btn-enad{padding:8px 20px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.add-appliance-btn-enad:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.add-appliance-btn-enad:active{transform:translateY(0)}.edit-appliance-btn-enad{padding:4px 12px;background:transparent;color:var(--text-edit);border:1px solid var(--border-medium);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-right:4px}.edit-appliance-btn-enad:hover{background:#3b82f61a;border-color:var(--text-edit);transform:translateY(-1px)}.delete-appliance-btn-enad{padding:4px 12px;background:transparent;color:var(--text-danger);border:1px solid var(--border-medium);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.delete-appliance-btn-enad:hover{background:#ef44441a;border-color:var(--text-danger);transform:translateY(-1px)}.confirm-btn-enad{padding:10px 28px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.confirm-btn-enad:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.confirm-btn-enad:active{transform:translateY(0)}.confirm-btn-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-delete-btn-enad{padding:10px 28px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.confirm-delete-btn-enad:hover{background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.confirm-delete-btn-enad:active{transform:translateY(0)}.cancel-btn-enad{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-enad:hover{background:var(--btn-cancel-hover);color:var(--text-primary);transform:translateY(-1px)}.cancel-btn-enad:active{transform:translateY(0)}.consumption-results-cusset-enad{background:var(--bg-card);border-radius:14px;padding:20px 24px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-bottom:20px;transition:all .2s ease}.consumption-results-cusset-enad h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.results-grid-cusset-enad{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.result-card-cusset-enad{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-section);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.day-result .result-icon-enad{color:#f59e0b}.night-result .result-icon-enad{color:#3b82f6}.total-result .result-icon-enad{color:#10b981}.monthly-result .result-icon-enad{color:#8b5cf6}.result-info-enad{display:flex;flex-direction:column;flex:1;min-width:0}.result-label-enad{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.result-value-enad{font-size:18px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.result-percentage-enad{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .3s ease}.result-card-cusset-enad,.result-card-cusset-enad.day-result,.result-card-cusset-enad.night-result,.result-card-cusset-enad.total-result,.result-card-cusset-enad.monthly-result,.results-grid-cusset-enad .result-card-cusset-enad{border-left:none!important}.device-grid-adminbills_{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto;padding:4px 2px}.device-grid-adminbills_::-webkit-scrollbar{width:3px}.device-grid-adminbills_::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.device-grid-adminbills_::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.device-card-adminbills_{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-engineer-card);border:2px solid var(--border-engineer);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.device-card-adminbills_:hover{border-color:var(--border-engineer-hover)}.device-card-adminbills_.selected-adminbills_{border-color:var(--icon-color);background:var(--bg-engineer-selected)}.device-icon-adminbills_{width:36px;height:36px;border-radius:50%;background:var(--bg-engineer-avatar);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--icon-warning);flex-shrink:0}.device-info-adminbills_{flex:1;min-width:0}.device-name-adminbills_{font-size:13px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.device-id-adminbills_{font-size:11px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.device-status-adminbills_{margin-top:2px}.device-available-badge{display:inline-block;padding:1px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.device-selected-badge-adminbills_{color:var(--icon-color);font-size:16px;flex-shrink:0}.no-devices-adminbills_{color:var(--text-muted);font-size:13px;padding:12px;text-align:center;grid-column:1 / -1;transition:color .3s ease}.back-btn-adminbills_{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.back-btn-adminbills_:hover:not(:disabled){background:var(--btn-cancel-hover);color:var(--text-primary)}.back-btn-adminbills_:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.device-grid-adminbills_{grid-template-columns:1fr}}@media(max-width:480px){.device-card-adminbills_{padding:8px 12px}.device-icon-adminbills_{width:30px;height:30px;font-size:13px}.device-name-adminbills_{font-size:12px}}.client-profile-adminbills_{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-adminbills_{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-adminbills_{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-adminbills_{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-photos-grid-adminbills_{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.site-photo-item-adminbills_{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-section)}.site-photo-item-adminbills_ img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.site-photo-item-adminbills_:hover img{transform:scale(1.05)}.site-photo-item-adminbills_.more-photos{display:flex;align-items:center;justify-content:center}.site-photo-item-adminbills_ .more-photos-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000008c;color:#fff;font-weight:700;font-size:14px}.site-photo-viewer-overlay-adminbills_{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.site-photo-viewer-content-adminbills_{position:relative;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.site-photo-viewer-close-adminbills_{position:absolute;top:-44px;right:0;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px}.site-photo-viewer-main-adminbills_{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.site-photo-viewer-main-adminbills_ img{max-width:100%;max-height:78vh;border-radius:12px;object-fit:contain}.site-photo-viewer-nav-adminbills_{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.site-photo-viewer-nav-adminbills_.prev{left:8px}.site-photo-viewer-nav-adminbills_.next{right:8px}.site-photo-viewer-nav-adminbills_:disabled{opacity:.3;cursor:default}.site-photo-viewer-counter-adminbills_{color:#fff;margin-top:10px;font-size:14px;font-weight:600}@media(max-width:480px){.site-photos-grid-adminbills_{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-engineer-card: rgba(255, 255, 255, .5);--bg-engineer-selected: rgba(243, 156, 18, .06);--bg-engineer-avatar: rgba(243, 156, 18, .12);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-engineer: #EEF0ED;--border-engineer-hover: #D1D5DB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--status-quoted-bg: rgba(243, 156, 18, .1);--status-quoted-text: #D97706;--status-approved-bg: rgba(59, 130, 246, .1);--status-approved-text: #2563EB;--status-initial-paid-bg: rgba(139, 92, 246, .1);--status-initial-paid-text: #7C3AED;--status-inprogress-bg: rgba(139, 92, 246, .1);--status-inprogress-text: #7C3AED;--status-progress-paid-bg: rgba(59, 130, 246, .1);--status-progress-paid-text: #2563EB;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-full-paid-bg: rgba(16, 185, 129, .1);--status-full-paid-text: #059669;--required-color: #EF4444;--error-color: #EF4444;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-success-hover: rgba(16, 185, 129, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1);--dropdown-item-warning-hover: rgba(243, 156, 18, .1);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-info-hover: rgba(6, 182, 212, .1)}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-engineer-card: rgba(255, 255, 255, .05);--bg-engineer-selected: rgba(243, 156, 18, .08);--bg-engineer-avatar: rgba(243, 156, 18, .12);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-engineer: rgba(255, 255, 255, .06);--border-engineer-hover: rgba(255, 255, 255, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--status-quoted-bg: rgba(243, 156, 18, .12);--status-quoted-text: #F39C12;--status-approved-bg: rgba(59, 130, 246, .12);--status-approved-text: #3B82F6;--status-initial-paid-bg: rgba(139, 92, 246, .12);--status-initial-paid-text: #8B5CF6;--status-inprogress-bg: rgba(139, 92, 246, .12);--status-inprogress-text: #8B5CF6;--status-progress-paid-bg: rgba(59, 130, 246, .12);--status-progress-paid-text: #3B82F6;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-full-paid-bg: rgba(16, 185, 129, .12);--status-full-paid-text: #10B981;--required-color: #EF4444;--error-color: #EF4444;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-success-hover: rgba(16, 185, 129, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12);--dropdown-item-warning-hover: rgba(243, 156, 18, .12);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-info-hover: rgba(6, 182, 212, .12)}.project-management{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.project-header-projectmanagement{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.project-charts-row-projectmanagement{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.project-chart-card-projectmanagement{background:var(--bg-card);border-radius:14px;padding:20px 24px 16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-chart-card-projectmanagement:hover{transform:translateY(-2px);border-color:#f39c1240;box-shadow:var(--shadow-card-hover)}.project-chart-header-projectmanagement{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.project-chart-header-projectmanagement h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.project-chart-period-projectmanagement{font-size:13px;color:var(--text-muted);transition:color .3s ease}.project-chart-wrapper-projectmanagement{height:220px}.recharts-custom-tooltip-projectmanagement{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-dropdown);transition:background .3s ease,border-color .3s ease}.tooltip-label-projectmanagement{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px;transition:color .3s ease}.tooltip-item-projectmanagement{font-size:13px;font-weight:500;margin:2px 0;color:var(--text-primary);transition:color .3s ease}.project-tabs-projectmanagement{margin-bottom:16px}.project-filters-projectmanagement{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-group-projectmanagement{position:relative;flex:1;min-width:200px;max-width:380px}.search-group-projectmanagement input{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-group-projectmanagement input::placeholder{color:var(--text-muted)}.search-group-projectmanagement input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.search-icon-projectmanagement{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.filter-group-projectmanagement{position:relative;min-width:160px}.filter-group-projectmanagement select{width:100%;padding:10px 36px 10px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;appearance:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-group-projectmanagement select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.filter-group-projectmanagement select option{background:var(--bg-select-option);color:var(--text-primary)}.select-arrow-projectmanagement{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:12px;transition:color .3s ease}.refresh-btn-projectmanagement{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.refresh-btn-projectmanagement:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.spinning-projectmanagement{animation:spin 1s linear infinite}.project-table-container-projectmanagement{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.table-wrapper-projectmanagement{overflow-x:auto}.project-table-projectmanagement{width:100%;border-collapse:collapse;font-size:13px}.project-table-projectmanagement thead{background:var(--bg-table-header)}.project-table-projectmanagement thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.project-table-projectmanagement thead th.sortable-th-projectmanagement{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.project-table-projectmanagement thead th.sortable-th-projectmanagement:hover{color:var(--text-primary)}.project-table-projectmanagement tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.project-table-projectmanagement tbody tr:last-child{border-bottom:none}.project-table-projectmanagement tbody tr:hover{background:var(--bg-table-row-hover)}.project-table-projectmanagement tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.project-cell-projectmanagement .project-name-projectmanagement{font-weight:600;color:var(--text-primary);transition:color .3s ease}.project-cell-projectmanagement .project-ref-projectmanagement{font-size:11px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.amount-projectmanagement{font-weight:600;color:var(--text-primary);transition:color .3s ease}.client-cell-projectmanagement{font-weight:500;color:var(--text-primary);transition:color .3s ease}.client-profile-projectmanagement{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-projectmanagement{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-projectmanagement{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-projectmanagement{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-name-projectmanagement small{display:block;font-weight:400;font-size:11px;color:var(--text-muted)}.status-badge-projectmanagement{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-projectmanagement.quoted{background:var(--status-quoted-bg);color:var(--status-quoted-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.approved{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.initial-paid{background:var(--status-initial-paid-bg);color:var(--status-initial-paid-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.in-progress{background:var(--status-inprogress-bg);color:var(--status-inprogress-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.progress-paid{background:var(--status-progress-paid-bg);color:var(--status-progress-paid-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.completed{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.status-badge-projectmanagement.full-paid{background:var(--status-full-paid-bg);color:var(--status-full-paid-text);border:1px solid var(--border-medium)}.action-dropdown-container-projectmanagement{position:relative;display:inline-block}.action-dropdown-toggle-projectmanagement{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;position:relative}.action-needs-dot-projectmanagement{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot-projectmanagement 1.8s ease-in-out infinite}@keyframes pulse-needs-dot-projectmanagement{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.action-dropdown-toggle-projectmanagement:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.dropdown-arrow-projectmanagement{font-size:10px;transition:transform .2s ease}.dropdown-arrow-projectmanagement.open{transform:rotate(180deg)}.action-dropdown-menu-projectmanagement{min-width:200px;max-width:250px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;transition:background .3s ease,border-color .3s ease}.action-dropdown-menu-projectmanagement::-webkit-scrollbar{width:3px}.action-dropdown-menu-projectmanagement::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.action-dropdown-menu-projectmanagement::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.dropdown-item-projectmanagement{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.dropdown-item-projectmanagement:hover{background:var(--dropdown-item-hover);color:var(--text-primary)}.dropdown-item-projectmanagement.success{color:var(--text-success)}.dropdown-item-projectmanagement.success:hover{background:var(--dropdown-item-success-hover)}.dropdown-item-projectmanagement.danger{color:var(--text-danger)}.dropdown-item-projectmanagement.danger:hover{background:var(--dropdown-item-danger-hover)}.dropdown-item-projectmanagement.warning{color:var(--icon-warning)}.dropdown-item-projectmanagement.warning:hover{background:var(--dropdown-item-warning-hover)}.dropdown-item-projectmanagement.primary{color:var(--text-edit)}.dropdown-item-projectmanagement.primary:hover{background:var(--dropdown-item-primary-hover)}.dropdown-item-projectmanagement.info{color:#0891b2}.dropdown-item-projectmanagement.info:hover{background:var(--dropdown-item-info-hover)}.empty-state-projectmanagement{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px;transition:color .3s ease}.pagination-projectmanagement{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.pagination-info-projectmanagement{font-size:13px;color:var(--text-muted);transition:color .3s ease}.pagination-controls-projectmanagement{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn-projectmanagement{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-btn-projectmanagement:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn-projectmanagement:disabled{opacity:.3;cursor:not-allowed}.page-number-projectmanagement{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-number-projectmanagement:hover{background:var(--bg-section);color:var(--text-primary)}.page-number-projectmanagement.active-projectmanagement{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.modal-overlay-projectmanagement{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-projectmanagement{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;transition:background .3s ease,border-color .3s ease}.detail-modal-projectmanagement{max-width:600px}.assign-engineer-modal-projectmanagement{max-width:620px}.modal-header-projectmanagement{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-header-projectmanagement h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-body-projectmanagement{padding:20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-body-projectmanagement::-webkit-scrollbar{width:4px}.modal-body-projectmanagement::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-projectmanagement::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-actions-projectmanagement{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.cancel-btn-projectmanagement{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-projectmanagement:hover{background:var(--btn-cancel-hover)}.assign-btn-projectmanagement,.approve-btn-projectmanagement{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.assign-btn-projectmanagement:hover:not(:disabled),.approve-btn-projectmanagement:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.assign-btn-projectmanagement:disabled,.approve-btn-projectmanagement:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.detail-row-projectmanagement{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-row-projectmanagement:last-child{border-bottom:none}.detail-row-projectmanagement span{color:var(--text-muted);font-size:13px;transition:color .3s ease}.detail-row-projectmanagement strong{color:var(--text-primary);font-size:14px;transition:color .3s ease}.detail-section-projectmanagement{margin-bottom:16px}.detail-section-projectmanagement:last-child{margin-bottom:0}.detail-section-projectmanagement h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;transition:color .3s ease}.detail-section-projectmanagement p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.detail-section-projectmanagement p strong{color:var(--text-primary);transition:color .3s ease}.form-group-projectmanagement{display:flex;flex-direction:column;gap:6px;margin-top:12px}.form-group-projectmanagement label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-group-projectmanagement textarea,.form-group-projectmanagement input,.form-group-projectmanagement select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.form-group-projectmanagement textarea:focus,.form-group-projectmanagement input:focus,.form-group-projectmanagement select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-projectmanagement textarea{resize:vertical;min-height:80px}.google-search-wrap-projectmanagement{position:relative;z-index:1}.google-search-wrap-projectmanagement:focus-within{z-index:2}.google-search-input-wrap-projectmanagement{position:relative;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-input);border-radius:999px;padding:0 14px 0 40px;transition:all .2s ease;box-shadow:var(--shadow-card)}.google-search-input-wrap-projectmanagement:focus-within{border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121f,var(--shadow-dropdown)}.google-search-icon-projectmanagement{position:absolute;left:14px;color:var(--text-muted);font-size:14px;pointer-events:none}.google-search-input-projectmanagement{flex:1;padding:12px 0;background:transparent!important;border:none!important;box-shadow:none!important;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;outline:none;border-radius:0!important;min-width:0}.google-search-clear-projectmanagement{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 0 0 8px;line-height:1}.google-search-dropdown-projectmanagement{position:static;margin-top:8px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:16px;box-shadow:var(--shadow-dropdown);overflow:hidden;max-height:220px;overflow-y:auto}.google-search-item-projectmanagement{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s ease}.google-search-item-projectmanagement:hover{background:var(--bg-hover)}.google-search-item-projectmanagement.selected-projectmanagement{background:var(--bg-engineer-selected)}.google-search-item-icon-projectmanagement{width:32px;height:32px;border-radius:50%;background:var(--bg-engineer-avatar);display:inline-flex;align-items:center;justify-content:center;color:var(--icon-color);font-size:14px;flex-shrink:0}.google-search-item-text-projectmanagement{flex:1;min-width:0;display:flex;flex-direction:column}.google-search-item-text-projectmanagement strong{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-search-item-text-projectmanagement small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-search-item-check-projectmanagement{color:var(--icon-color);font-size:16px;flex-shrink:0}.google-search-empty-projectmanagement{padding:14px;font-size:13px;color:var(--text-muted);text-align:center}.google-search-more-projectmanagement{padding:8px 14px 10px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-color);text-align:center}.required-field-projectmanagement{color:var(--required-color)}.info-box-projectmanagement{background:var(--bg-info-box, rgba(243, 156, 18, .06));border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-top:12px;display:flex;align-items:flex-start;gap:10px}.info-box-projectmanagement svg{color:var(--icon-color);font-size:16px;margin-top:2px;flex-shrink:0}.info-box-projectmanagement small{font-size:12px;color:var(--text-secondary);line-height:1.5}.engineer-grid-projectmanagement{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto;padding:4px 2px}.engineer-grid-projectmanagement::-webkit-scrollbar{width:3px}.engineer-grid-projectmanagement::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.engineer-grid-projectmanagement::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.engineer-card-projectmanagement{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-engineer-card);border:2px solid var(--border-engineer);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.engineer-card-projectmanagement:hover{border-color:var(--border-engineer-hover)}.engineer-card-projectmanagement.selected-projectmanagement{border-color:var(--icon-color);background:var(--bg-engineer-selected)}.engineer-avatar-projectmanagement{width:36px;height:36px;border-radius:50%;background:var(--bg-engineer-avatar);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--icon-warning);flex-shrink:0}.engineer-info-projectmanagement{flex:1;min-width:0}.engineer-name-projectmanagement{font-size:13px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.engineer-email-projectmanagement{font-size:11px;color:var(--text-muted);transition:color .3s ease}.engineer-selected-badge-projectmanagement{color:var(--icon-color);font-size:16px;flex-shrink:0}.no-engineers-projectmanagement{color:var(--text-muted);font-size:13px;padding:12px;text-align:center;grid-column:1 / -1;transition:color .3s ease}.skeleton-title-projectmanagement{width:40%;height:32px;border-radius:6px;animation:shimmer-projectmanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-subtitle-projectmanagement{width:60%;height:20px;border-radius:6px;animation:shimmer-projectmanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-chart-projectmanagement{height:220px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}.skeleton-tab-projectmanagement{height:40px;width:120px;border-radius:8px;background:var(--bg-card);animation:shimmer-projectmanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-select-projectmanagement{height:40px;width:160px;border-radius:8px;background:var(--bg-card);animation:shimmer-projectmanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-search-projectmanagement{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer-projectmanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-projectmanagement{height:300px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@keyframes shimmer-projectmanagement{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.project-management{padding-inline:20px}}@media(max-width:1024px){.project-management{padding-inline:18px}.project-charts-row-projectmanagement{grid-template-columns:1fr;gap:16px}.project-chart-wrapper-projectmanagement{height:200px}}@media(max-width:768px){.project-management{padding-inline:14px;padding-top:12px;overflow-x:clip;max-width:100%;box-sizing:border-box}.project-header-projectmanagement{padding:0 0 16px}.project-filters-projectmanagement{flex-direction:column;align-items:stretch;gap:8px}.search-group-projectmanagement{max-width:none;min-width:auto}.filter-group-projectmanagement{min-width:auto;max-width:100%}.filter-group-projectmanagement select{max-width:100%}.refresh-btn-projectmanagement{justify-content:center}.project-table-container-projectmanagement{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.table-wrapper-projectmanagement{overflow:visible}.project-table-projectmanagement{min-width:0}.project-table-projectmanagement thead{display:none}.project-table-projectmanagement,.project-table-projectmanagement tbody,.project-table-projectmanagement tr,.project-table-projectmanagement td{display:block;width:100%}.project-table-projectmanagement tbody tr{display:block;width:100%;background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.project-table-projectmanagement tbody tr:hover{background:var(--bg-surface)}.project-table-projectmanagement tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.project-table-projectmanagement tbody td:last-child{border-bottom:none}.project-table-projectmanagement tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.project-table-projectmanagement tbody td>*,.project-table-projectmanagement tbody td .project-name-projectmanagement,.project-table-projectmanagement tbody td .amount-projectmanagement,.project-table-projectmanagement tbody td .client-cell-projectmanagement,.project-table-projectmanagement tbody td .client-profile-projectmanagement{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.project-table-projectmanagement tbody td .status-badge-projectmanagement{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.project-table-projectmanagement tbody td.empty-state-projectmanagement{display:block;text-align:center;justify-content:center}.project-table-projectmanagement tbody td.empty-state-projectmanagement:before{content:none}.project-cell-projectmanagement{margin-left:auto;min-width:0;flex:1;text-align:right}.action-dropdown-menu-projectmanagement{max-width:calc(100vw - 28px)}.amount-projectmanagement{display:inline-block}.modal-projectmanagement{max-width:100%;margin:12px;border-radius:14px}.modal-header-projectmanagement h3{font-size:18px}.modal-body-projectmanagement{padding:16px 18px}.modal-actions-projectmanagement{padding:14px 18px 18px;flex-direction:column}.modal-actions-projectmanagement button{width:100%;justify-content:center}.pagination-projectmanagement{flex-direction:column;align-items:center;gap:8px}.pagination-controls-projectmanagement{justify-content:center}.project-chart-card-projectmanagement{padding:14px 16px;border-radius:10px}.project-chart-header-projectmanagement h3{font-size:14px}.project-chart-period-projectmanagement{font-size:11px}.project-chart-wrapper-projectmanagement{height:180px}.engineer-grid-projectmanagement{grid-template-columns:1fr}}@media(max-width:480px){.project-management{padding-inline:10px}.project-chart-wrapper-projectmanagement{height:150px}.project-table-projectmanagement tbody td{padding:8px 0;font-size:11px;gap:10px}.project-table-projectmanagement tbody td:before{font-size:10px}.project-table-projectmanagement tbody tr{padding:4px 12px;margin-bottom:10px}.page-btn-projectmanagement,.page-number-projectmanagement{font-size:12px;padding:6px 12px}.pagination-info-projectmanagement{font-size:12px}.modal-projectmanagement{border-radius:12px}.modal-header-projectmanagement h3{font-size:16px}.modal-body-projectmanagement{padding:14px 16px}}@media(max-width:360px){.project-management{padding-inline:6px}.project-chart-wrapper-projectmanagement{height:130px}.project-table-projectmanagement tbody td{padding:6px 0;font-size:10px}.project-table-projectmanagement tbody td:before{font-size:10px}.project-table-projectmanagement tbody td[data-label=Project],.project-table-projectmanagement tbody td[data-label=Client]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.project-table-projectmanagement tbody td[data-label=Project]:before,.project-table-projectmanagement tbody td[data-label=Client]:before{max-width:100%}.project-table-projectmanagement tbody td[data-label=Project]>*,.project-table-projectmanagement tbody td[data-label=Client]>*,.project-table-projectmanagement tbody td[data-label=Project] .project-cell-projectmanagement{margin-left:0;text-align:left;flex:none;width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-chart-card-projectmanagement:hover,.project-table-projectmanagement tbody tr:hover{transform:none!important}.skeleton-title-projectmanagement,.skeleton-subtitle-projectmanagement,.skeleton-tab-projectmanagement,.skeleton-select-projectmanagement,.skeleton-search-projectmanagement{animation:none!important;background:var(--skeleton-bg)!important}.refresh-btn-projectmanagement:hover,.action-dropdown-toggle-projectmanagement:hover,.assign-btn-projectmanagement:hover,.approve-btn-projectmanagement:hover,.cancel-btn-projectmanagement:hover{transform:none!important}.spinning-projectmanagement{animation:none!important}.dropdown-arrow-projectmanagement.open{transform:none!important}}.site-photos-grid-projectmanagement{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.site-photo-item-projectmanagement{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-section)}.site-photo-item-projectmanagement img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.site-photo-item-projectmanagement:hover img{transform:scale(1.05)}.site-photo-item-projectmanagement.more-photos{display:flex;align-items:center;justify-content:center}.site-photo-item-projectmanagement .more-photos-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000008c;color:#fff;font-weight:700;font-size:14px}.site-photo-viewer-overlay-projectmanagement{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.site-photo-viewer-content-projectmanagement{position:relative;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.site-photo-viewer-close-projectmanagement{position:absolute;top:-44px;right:0;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px}.site-photo-viewer-main-projectmanagement{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.site-photo-viewer-main-projectmanagement img{max-width:100%;max-height:78vh;border-radius:12px;object-fit:contain}.site-photo-viewer-nav-projectmanagement{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.site-photo-viewer-nav-projectmanagement.prev{left:8px}.site-photo-viewer-nav-projectmanagement.next{right:8px}.site-photo-viewer-nav-projectmanagement:disabled{opacity:.3;cursor:default}.site-photo-viewer-counter-projectmanagement{color:#fff;margin-top:10px;font-size:14px;font-weight:600}@media(max-width:480px){.site-photos-grid-projectmanagement{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-mobile-toggle: rgba(255, 255, 255, .86);--bg-detail-section: #F3F5F1;--bg-rejected: rgba(239, 68, 68, .05);--bg-rejection-text: rgba(239, 68, 68, .06);--bg-payment-summary: #F3F5F1;--bg-remarks: #F3F5F1;--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-verifying-bg: rgba(59, 130, 246, .1);--status-verifying-text: #2563EB;--status-paid-bg: rgba(16, 185, 129, .1);--status-paid-text: #059669;--status-partial-bg: rgba(139, 92, 246, .1);--status-partial-text: #7C3AED;--status-rejected-bg: rgba(239, 68, 68, .1);--status-rejected-text: #DC2626;--status-scheduled-bg: rgba(59, 130, 246, .1);--status-scheduled-text: #2563EB;--status-processing-bg: rgba(139, 92, 246, .1);--status-processing-text: #7C3AED;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--invoice-initial-bg: rgba(243, 156, 18, .1);--invoice-initial-text: #D97706;--invoice-progress-bg: rgba(59, 130, 246, .1);--invoice-progress-text: #2563EB;--invoice-final-bg: rgba(16, 185, 129, .1);--invoice-final-text: #059669;--invoice-full-bg: rgba(139, 92, 246, .1);--invoice-full-text: #7C3AED;--invoice-additional-bg: rgba(239, 68, 68, .1);--invoice-additional-text: #DC2626;--gateway-paymongo-bg: rgba(139, 92, 246, .1);--gateway-paymongo-text: #7C3AED;--gateway-cash-bg: rgba(16, 185, 129, .1);--gateway-cash-text: #059669;--gateway-manual-bg: #EEF0ED;--gateway-manual-text: #667085;--transaction-pre-bg: rgba(59, 130, 246, .1);--transaction-pre-text: #2563EB;--transaction-project-bg: rgba(16, 185, 129, .1);--transaction-project-text: #059669;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--btn-close-bg: transparent;--btn-close-hover: rgba(0, 0, 0, .03);--required-color: #EF4444;--error-color: #EF4444;--receipt-link-color: #2563EB;--receipt-link-hover: #3B82F6;--no-receipt-color: #D1D5DB;--balance-color: #D97706;--rejection-border: rgba(239, 68, 68, .15);--verified-auto-bg: rgba(139, 92, 246, .1);--verified-auto-text: #7C3AED}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-mobile-toggle: #1A2533;--bg-detail-section: #131C28;--bg-rejected: rgba(239, 68, 68, .08);--bg-rejection-text: rgba(239, 68, 68, .1);--bg-payment-summary: #131C28;--bg-remarks: #131C28;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-verifying-bg: rgba(59, 130, 246, .12);--status-verifying-text: #3B82F6;--status-paid-bg: rgba(16, 185, 129, .12);--status-paid-text: #10B981;--status-partial-bg: rgba(139, 92, 246, .12);--status-partial-text: #8B5CF6;--status-rejected-bg: rgba(239, 68, 68, .12);--status-rejected-text: #EF4444;--status-scheduled-bg: rgba(59, 130, 246, .12);--status-scheduled-text: #3B82F6;--status-processing-bg: rgba(139, 92, 246, .12);--status-processing-text: #8B5CF6;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--invoice-initial-bg: rgba(243, 156, 18, .12);--invoice-initial-text: #F39C12;--invoice-progress-bg: rgba(59, 130, 246, .12);--invoice-progress-text: #3B82F6;--invoice-final-bg: rgba(16, 185, 129, .12);--invoice-final-text: #10B981;--invoice-full-bg: rgba(139, 92, 246, .12);--invoice-full-text: #8B5CF6;--invoice-additional-bg: rgba(239, 68, 68, .12);--invoice-additional-text: #EF4444;--gateway-paymongo-bg: rgba(139, 92, 246, .12);--gateway-paymongo-text: #8B5CF6;--gateway-cash-bg: rgba(16, 185, 129, .12);--gateway-cash-text: #10B981;--gateway-manual-bg: rgba(255, 255, 255, .05);--gateway-manual-text: rgba(255, 255, 255, .6);--transaction-pre-bg: rgba(59, 130, 246, .12);--transaction-pre-text: #3B82F6;--transaction-project-bg: rgba(16, 185, 129, .12);--transaction-project-text: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-close-bg: transparent;--btn-close-hover: rgba(255, 255, 255, .05);--required-color: #EF4444;--error-color: #EF4444;--receipt-link-color: #3B82F6;--receipt-link-hover: #3B82F6;--no-receipt-color: rgba(255, 255, 255, .2);--balance-color: #F39C12;--rejection-border: rgba(239, 68, 68, .2);--verified-auto-bg: rgba(139, 92, 246, .12);--verified-auto-text: #8B5CF6}.admin-billing{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.billing-header-adminbilling{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.billing-charts-row-adminbilling{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.billing-chart-card-adminbilling{background:var(--bg-card);border-radius:14px;padding:20px 24px 16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.billing-chart-card-adminbilling:hover{transform:translateY(-2px);border-color:#f39c1240;box-shadow:var(--shadow-card-hover)}.billing-chart-header-adminbilling{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.billing-chart-header-adminbilling h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.billing-chart-period-adminbilling{font-size:13px;color:var(--text-muted);transition:color .3s ease}.billing-chart-wrapper-adminbilling{height:200px}.chart-tooltip-adminbilling{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-dropdown);transition:background .3s ease,border-color .3s ease}.tooltip-label-adminbilling{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px;transition:color .3s ease}.tooltip-item-adminbilling{font-size:13px;font-weight:500;margin:2px 0;color:var(--text-primary);transition:color .3s ease}.billing-tabs-wrapper-adminbilling{margin-bottom:20px}.mobile-tab-toggle-adminbilling{display:none;width:100%;padding:12px 16px;background:var(--bg-mobile-toggle);border:1px solid var(--border-card);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,color .3s ease,border-color .3s ease}.mobile-tab-toggle-adminbilling .tab-label-adminbilling{text-transform:uppercase;letter-spacing:.5px}.toggle-arrow-adminbilling{transition:transform .2s ease;color:var(--text-muted)}.toggle-arrow-adminbilling.open{transform:rotate(180deg)}.billing-tabs-adminbilling{display:inline-flex;gap:6px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn-adminbilling{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap;position:relative}.tab-btn-adminbilling:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn-adminbilling.active{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.tab-badge-adminbilling{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:20px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-muted);transition:background .3s ease,color .3s ease}.tab-btn-adminbilling.active .tab-badge-adminbilling{background:#fff3;color:#fff}.tab-needs-dot-adminbilling{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot-adminbilling 1.8s ease-in-out infinite}@keyframes pulse-needs-dot-adminbilling{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.filters-section-adminbilling{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-group-adminbilling{position:relative;flex:1;min-width:200px;max-width:380px}.search-group-adminbilling input{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-group-adminbilling input::placeholder{color:var(--text-muted)}.search-group-adminbilling input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.search-icon-adminbilling{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.filter-group-adminbilling{position:relative;min-width:160px}.filter-group-adminbilling select{width:100%;padding:10px 36px 10px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;appearance:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-group-adminbilling select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.filter-group-adminbilling select option{background:var(--bg-select-option);color:var(--text-primary)}.select-arrow-adminbilling{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:12px;transition:color .3s ease}.refresh-btn-adminbilling{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.refresh-btn-adminbilling:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.spinning-adminbilling{animation:spin 1s linear infinite}.payments-table-container-adminbilling{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.table-responsive-adminbilling{overflow-x:auto}.payments-table-adminbilling{width:100%;border-collapse:collapse;font-size:13px}.payments-table-adminbilling thead{background:var(--bg-table-header)}.payments-table-adminbilling thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.payments-table-adminbilling thead th.sortable-th-adminbilling{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.payments-table-adminbilling thead th.sortable-th-adminbilling:hover{color:var(--text-primary)}.payments-table-adminbilling tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.payments-table-adminbilling tbody tr:last-child{border-bottom:none}.payments-table-adminbilling tbody tr:hover{background:var(--bg-table-row-hover)}.payments-table-adminbilling tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.ref-cell-adminbilling{font-weight:500;color:var(--text-primary);font-family:monospace;font-size:12px;transition:color .3s ease}.amount-adminbilling{font-weight:600;color:var(--text-primary);transition:color .3s ease}.amount-adminbilling.balance{color:var(--balance-color)}.status-badge-adminbilling{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-adminbilling.pending,.status-badge-adminbilling.waiting-verification{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.for-verification{background:var(--status-verifying-bg);color:var(--status-verifying-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.paid,.status-badge-adminbilling.verified{background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.partial{background:var(--status-partial-bg);color:var(--status-partial-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.rejected,.status-badge-adminbilling.failed,.status-badge-adminbilling.overdue{background:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:1px solid var(--border-medium)}.status-badge-adminbilling.completed{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.invoice-type-adminbilling{display:inline-block;padding:2px 10px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.invoice-type-adminbilling.initial{background:var(--invoice-initial-bg);color:var(--invoice-initial-text)}.invoice-type-adminbilling.progress{background:var(--invoice-progress-bg);color:var(--invoice-progress-text)}.invoice-type-adminbilling.final{background:var(--invoice-final-bg);color:var(--invoice-final-text)}.invoice-type-adminbilling.full{background:var(--invoice-full-bg);color:var(--invoice-full-text)}.invoice-type-adminbilling.additional{background:var(--invoice-additional-bg);color:var(--invoice-additional-text)}.gateway-badge-adminbilling{display:inline-block;padding:2px 10px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.gateway-badge-adminbilling.paymongo{background:var(--gateway-paymongo-bg);color:var(--gateway-paymongo-text)}.gateway-badge-adminbilling.cash{background:var(--gateway-cash-bg);color:var(--gateway-cash-text)}.gateway-badge-adminbilling.manual{background:var(--gateway-manual-bg);color:var(--gateway-manual-text)}.receipt-cell-adminbilling{text-align:center}.receipt-link-adminbilling{display:inline-flex;align-items:center;gap:4px;color:var(--receipt-link-color);text-decoration:none;font-size:12px;font-weight:500;transition:all .2s ease}.receipt-link-adminbilling:hover{color:var(--receipt-link-hover);text-decoration:underline}.no-receipt-adminbilling{color:var(--no-receipt-color);font-size:14px}.verified-badge-adminbilling{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.verified-badge-adminbilling.auto-verified{background:var(--verified-auto-bg);color:var(--verified-auto-text);border:1px solid var(--border-medium)}.failed-badge-adminbilling{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--border-medium)}.transaction-type-adminbilling{display:inline-block;padding:2px 10px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.transaction-type-adminbilling.pre{background:var(--transaction-pre-bg);color:var(--transaction-pre-text)}.transaction-type-adminbilling.project{background:var(--transaction-project-bg);color:var(--transaction-project-text)}.action-dropdown-container-adminbilling{position:relative;display:inline-block}.action-dropdown-toggle-adminbilling{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;position:relative}.action-needs-dot-adminbilling{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot-adminbilling 1.8s ease-in-out infinite}.action-dropdown-toggle-adminbilling:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.dropdown-arrow-adminbilling{font-size:10px;transition:transform .2s ease}.dropdown-arrow-adminbilling.open{transform:rotate(180deg)}.action-dropdown-menu-adminbilling{min-width:200px;max-width:250px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;transition:background .3s ease,border-color .3s ease}.action-dropdown-menu-adminbilling::-webkit-scrollbar{width:3px}.action-dropdown-menu-adminbilling::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.action-dropdown-menu-adminbilling::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.dropdown-item-adminbilling{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.dropdown-item-adminbilling:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item-adminbilling.success{color:var(--text-success)}.dropdown-item-adminbilling.success:hover{background:#10b9811a}.dropdown-item-adminbilling.danger{color:var(--text-danger)}.dropdown-item-adminbilling.danger:hover{background:#ef44441a}.dropdown-item-adminbilling.warning{color:var(--icon-warning)}.dropdown-item-adminbilling.warning:hover{background:#f39c121a}.dropdown-item-adminbilling.primary{color:var(--text-edit)}.dropdown-item-adminbilling.primary:hover{background:#3b82f61a}.dropdown-item-adminbilling.info{color:#0891b2}.dropdown-item-adminbilling.info:hover{background:#06b6d41a}.empty-state-adminbilling{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px;transition:color .3s ease}.empty-state-adminbilling svg{margin-right:8px;color:var(--icon-color)}.pagination-adminbilling{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.pagination-info-adminbilling{font-size:13px;color:var(--text-muted);transition:color .3s ease}.pagination-controls-adminbilling{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn-adminbilling{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-btn-adminbilling:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn-adminbilling:disabled{opacity:.3;cursor:not-allowed}.page-number-adminbilling{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-number-adminbilling:hover{background:var(--bg-section);color:var(--text-primary)}.page-number-adminbilling.active{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.modal-overlay-adminbilling{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-adminbilling{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;transition:background .3s ease,border-color .3s ease}.modal-content-adminbilling h3{padding:20px 24px 16px;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.modal-body-adminbilling{padding:20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-body-adminbilling::-webkit-scrollbar{width:4px}.modal-body-adminbilling::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-adminbilling::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-close-adminbilling{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-close-adminbilling:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-actions-adminbilling{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.btn-cancel-adminbilling{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-cancel-adminbilling:hover{background:var(--btn-cancel-hover)}.btn-verify-adminbilling,.btn-approve-adminbilling,.btn-record-adminbilling,.btn-save-adminbilling{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.btn-verify-adminbilling:hover:not(:disabled),.btn-approve-adminbilling:hover:not(:disabled),.btn-record-adminbilling:hover:not(:disabled),.btn-save-adminbilling:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.btn-verify-adminbilling:disabled,.btn-approve-adminbilling:disabled,.btn-record-adminbilling:disabled,.btn-save-adminbilling:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-reject-adminbilling,.btn-reject-confirm-adminbilling{padding:10px 24px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.btn-reject-adminbilling:hover:not(:disabled),.btn-reject-confirm-adminbilling:hover:not(:disabled){background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.btn-reject-adminbilling:disabled,.btn-reject-confirm-adminbilling:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-close-adminbilling{padding:10px 24px;background:var(--btn-close-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-close-adminbilling:hover{background:var(--btn-close-hover);color:var(--text-primary)}.detail-row-adminbilling{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-row-adminbilling:last-child{border-bottom:none}.detail-row-adminbilling span{color:var(--text-muted);font-size:13px;transition:color .3s ease}.detail-row-adminbilling strong{color:var(--text-primary);font-size:14px;transition:color .3s ease}.detail-section-adminbilling{margin-bottom:16px}.detail-section-adminbilling:last-child{margin-bottom:0}.detail-section-adminbilling h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.detail-section-adminbilling p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.detail-section-adminbilling p strong{color:var(--text-primary);transition:color .3s ease}.detail-grid-adminbilling{display:grid;gap:12px}.detail-grid-adminbilling.two-col{grid-template-columns:1fr 1fr}.detail-grid-adminbilling label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:2px;transition:color .3s ease}.detail-grid-adminbilling p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.detail-modal-adminbilling{max-width:700px}.modal-header-adminbilling{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-title-adminbilling{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-title-adminbilling h3{padding:0;border:none;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-subtitle-adminbilling{margin-top:4px;font-size:13px;color:var(--text-muted);transition:color .3s ease}.modal-footer-adminbilling{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.bank-name-adminbilling{font-weight:600;color:var(--text-primary);font-size:13px;transition:color .3s ease}.customer-cell-adminbilling small{display:block;font-size:11px;color:var(--text-muted);transition:color .3s ease}.rejected-row-adminbilling{background:var(--bg-rejected)}.proof-container-adminbilling{margin-top:8px}.proof-actions-adminbilling{display:flex;gap:8px;flex-wrap:wrap}.proof-btn-adminbilling{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;text-decoration:none}.proof-btn-adminbilling:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.proof-btn-adminbilling.download{color:var(--receipt-link-color)}.proof-btn-adminbilling.download:hover{background:#3b82f61a}.no-proof-adminbilling{color:var(--text-muted);font-size:13px;transition:color .3s ease}.remarks-text-adminbilling{color:var(--text-secondary);font-size:13px;padding:8px 12px;background:var(--bg-remarks);border-radius:8px;margin:0;transition:color .3s ease,background .3s ease}.rejection-text-adminbilling{color:var(--text-danger);font-size:13px;padding:8px 12px;background:var(--bg-rejection-text);border-radius:8px;margin:0;border:1px solid var(--rejection-border)}.detail-section-adminbilling.rejected{border-left:3px solid var(--text-danger);padding-left:12px}.receipt-actions-adminbilling{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.receipt-btn-adminbilling{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;color:var(--receipt-link-color);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.receipt-btn-adminbilling:hover{background:#3b82f61a}.receipt-number-adminbilling{font-size:12px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.reject-info-adminbilling{text-align:center;margin-bottom:16px}.warning-icon-adminbilling{font-size:32px;color:var(--text-danger);margin-bottom:8px}.success-icon-adminbilling{font-size:32px;color:var(--text-success);margin-bottom:8px}.reject-info-adminbilling p{font-size:14px;color:var(--text-secondary);margin:0 0 12px;transition:color .3s ease}.payment-summary-adminbilling{background:var(--bg-payment-summary);border-radius:10px;padding:12px 16px;text-align:left;transition:background .3s ease}.payment-summary-adminbilling div{padding:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.payment-summary-adminbilling div strong{color:var(--text-primary);transition:color .3s ease}.form-group-adminbilling{display:flex;flex-direction:column;gap:6px;margin-top:12px}.form-group-adminbilling label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-group-adminbilling textarea,.form-group-adminbilling input,.form-group-adminbilling select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.form-group-adminbilling textarea:focus,.form-group-adminbilling input:focus,.form-group-adminbilling select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-adminbilling textarea{resize:vertical;min-height:80px}.form-row-adminbilling{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-totals-adminbilling{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.total-row-adminbilling{display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.total-row-adminbilling strong{color:var(--balance-color)}.payment-details-adminbilling{background:var(--bg-payment-summary);border-radius:10px;padding:12px 16px;margin-bottom:16px;transition:background .3s ease}.payment-proof-adminbilling{margin-bottom:16px}.view-proof-btn-adminbilling{padding:8px 16px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;color:var(--receipt-link-color);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.view-proof-btn-adminbilling:hover{background:#3b82f61a}.verification-notes-adminbilling label{font-size:13px;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:4px;transition:color .3s ease}.payment-info-adminbilling p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.payment-info-adminbilling p strong{color:var(--text-primary);transition:color .3s ease}.skeleton-line-adminbilling{border-radius:6px;animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer-adminbilling{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line-large-adminbilling{height:40px;width:60%;border-radius:8px;animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-button-adminbilling{height:40px;width:120px;border-radius:8px;animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-chart-adminbilling{height:200px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}.skeleton-tab-adminbilling{height:40px;width:120px;border-radius:8px;background:var(--bg-card);animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-select-adminbilling{height:40px;width:160px;border-radius:8px;background:var(--bg-card);animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-search-adminbilling{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer-adminbilling 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-adminbilling{height:300px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@media(max-width:1200px){.admin-billing{padding-inline:20px}}@media(max-width:1024px){.admin-billing{padding-inline:18px}.billing-charts-row-adminbilling{grid-template-columns:1fr;gap:16px}}@media(max-width:768px){.admin-billing{padding-inline:14px;padding-top:12px;padding-bottom:90px;overflow-x:clip;max-width:100%;box-sizing:border-box}.billing-header-adminbilling{padding:0 0 16px}.mobile-tab-toggle-adminbilling{display:flex}.billing-tabs-adminbilling{display:none;flex-direction:column;width:100%;background:var(--bg-tabs);border:1px solid var(--border-card);border-radius:10px;padding:4px}.billing-tabs-adminbilling.open{display:flex}.tab-btn-adminbilling{width:100%;justify-content:center;padding:10px 14px;font-size:13px}.filters-section-adminbilling{flex-direction:column;align-items:stretch;gap:8px}.search-group-adminbilling{max-width:none;min-width:auto}.filter-group-adminbilling{min-width:auto}.refresh-btn-adminbilling{justify-content:center}.payments-table-container-adminbilling{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.table-responsive-adminbilling{overflow:visible}.payments-table-adminbilling{min-width:0}.payments-table-adminbilling thead{display:none}.payments-table-adminbilling,.payments-table-adminbilling tbody,.payments-table-adminbilling tr,.payments-table-adminbilling td{display:block;width:100%}.payments-table-adminbilling tbody tr{display:block;width:100%;background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.payments-table-adminbilling tbody tr:hover{background:var(--bg-surface)}.payments-table-adminbilling tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.payments-table-adminbilling tbody td:last-child{border-bottom:none}.payments-table-adminbilling tbody td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.payments-table-adminbilling tbody td>*,.payments-table-adminbilling tbody td .ref-cell-adminbilling,.payments-table-adminbilling tbody td .amount-adminbilling,.payments-table-adminbilling tbody td .customer-cell-adminbilling,.payments-table-adminbilling tbody td .client-cell-adminbilling,.payments-table-adminbilling tbody td .client-profile-adminbilling{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.payments-table-adminbilling tbody td .status-badge-adminbilling,.payments-table-adminbilling tbody td .gateway-badge-adminbilling,.payments-table-adminbilling tbody td .invoice-type-adminbilling,.payments-table-adminbilling tbody td .transaction-type-adminbilling,.payments-table-adminbilling tbody td .verified-badge-adminbilling,.payments-table-adminbilling tbody td .failed-badge-adminbilling{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.payments-table-adminbilling tbody td.empty-state-adminbilling{display:block;text-align:center;justify-content:center}.payments-table-adminbilling tbody td.empty-state-adminbilling:before{content:none}.receipt-cell-adminbilling{text-align:right;justify-content:flex-end;margin-left:auto;min-width:0;flex:1}.action-dropdown-container-adminbilling{display:inline-flex;justify-content:flex-end;margin-left:auto}.action-dropdown-menu-adminbilling{max-width:calc(100vw - 28px)}.modal-content-adminbilling{max-width:100%;margin:12px;border-radius:14px;min-width:0;box-sizing:border-box}.modal-content-adminbilling h3{font-size:18px;padding:16px 18px}.modal-body-adminbilling{padding:16px 18px}.modal-actions-adminbilling{padding:14px 18px 18px;flex-direction:column}.modal-actions-adminbilling button{width:100%;justify-content:center}.modal-footer-adminbilling{flex-direction:column}.modal-footer-adminbilling button{width:100%;justify-content:center}.pagination-adminbilling{flex-direction:column;align-items:center;gap:8px}.pagination-controls-adminbilling{justify-content:center}.detail-grid-adminbilling.two-col,.form-row-adminbilling{grid-template-columns:1fr}.billing-chart-card-adminbilling{padding:14px 16px;border-radius:10px;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.billing-chart-header-adminbilling h3{font-size:14px}.billing-chart-period-adminbilling{font-size:11px}.billing-chart-wrapper-adminbilling{height:160px}.detail-modal-adminbilling{max-width:100%}}@media(max-width:480px){.admin-billing{padding-inline:10px}.payments-table-adminbilling tbody td{padding:8px 0;font-size:11px;gap:10px}.payments-table-adminbilling tbody td[data-label]:before{font-size:10px}.payments-table-adminbilling tbody tr{padding:4px 12px;margin-bottom:10px}.tab-btn-adminbilling{font-size:12px;padding:8px 12px}.tab-badge-adminbilling{min-width:18px;height:18px;font-size:10px;padding:0 6px}.page-btn-adminbilling,.page-number-adminbilling{font-size:12px;padding:6px 12px}.pagination-info-adminbilling{font-size:12px}.modal-content-adminbilling{border-radius:12px}.modal-content-adminbilling h3{font-size:16px;padding:14px 16px}.modal-body-adminbilling{padding:14px 16px}.modal-close-adminbilling{width:30px;height:30px;font-size:16px;top:12px;right:12px}.billing-chart-wrapper-adminbilling{height:140px}}@media(max-width:360px){.admin-billing{padding-inline:6px;max-width:100%;overflow-x:clip;box-sizing:border-box}.billing-charts-row-adminbilling,.billing-chart-card-adminbilling,.filters-section-adminbilling,.payments-table-container-adminbilling{max-width:100%;min-width:0;box-sizing:border-box}.payments-table-adminbilling tbody td{padding:6px 0;font-size:10px}.payments-table-adminbilling tbody td[data-label]:before{font-size:10px}.payments-table-adminbilling tbody td[data-label=Customer],.payments-table-adminbilling tbody td[data-label=Client],.payments-table-adminbilling tbody td[data-label=Reference]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.payments-table-adminbilling tbody td[data-label=Customer]:before,.payments-table-adminbilling tbody td[data-label=Client]:before,.payments-table-adminbilling tbody td[data-label=Reference]:before{max-width:100%}.payments-table-adminbilling tbody td[data-label=Customer]>*,.payments-table-adminbilling tbody td[data-label=Client]>*,.payments-table-adminbilling tbody td[data-label=Reference]>*,.payments-table-adminbilling tbody td[data-label=Customer] .customer-cell-adminbilling,.payments-table-adminbilling tbody td[data-label=Client] .client-cell-adminbilling,.payments-table-adminbilling tbody td[data-label=Client] .client-profile-adminbilling{margin-left:0;text-align:left;flex:none;width:100%;min-width:0;justify-content:flex-start}.payments-table-adminbilling tbody td .amount-adminbilling,.payments-table-adminbilling tbody td .ref-cell-adminbilling{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tab-btn-adminbilling{font-size:11px;padding:6px 10px}.billing-chart-wrapper-adminbilling{height:120px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.billing-chart-card-adminbilling:hover,.payments-table-adminbilling tbody tr:hover{transform:none!important}.skeleton-line-adminbilling,.skeleton-line-large-adminbilling,.skeleton-button-adminbilling,.skeleton-tab-adminbilling,.skeleton-select-adminbilling,.skeleton-search-adminbilling{animation:none!important;background:var(--skeleton-bg)!important}.refresh-btn-adminbilling:hover,.action-dropdown-toggle-adminbilling:hover,.btn-verify-adminbilling:hover,.btn-approve-adminbilling:hover,.btn-reject-adminbilling:hover,.btn-cancel-adminbilling:hover,.btn-record-adminbilling:hover,.btn-save-adminbilling:hover,.btn-reject-confirm-adminbilling:hover,.modal-close-adminbilling:hover{transform:none!important}.spinning-adminbilling{animation:none!important}.dropdown-arrow-adminbilling.open{transform:none!important}}body.dark-mode select option{background:#1a2533!important;color:#fff!important;padding:8px!important}body.dark-mode select option:hover,body.dark-mode select option:focus,body.dark-mode select option:active{background:#2a3a4a!important}body.dark-mode select{background-color:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode select:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}body.dark-mode textarea{background:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode textarea:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}body.dark-mode textarea::placeholder{color:#ffffff4d!important}body.dark-mode input{background:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode input:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}body.dark-mode input::placeholder{color:#ffffff4d!important}body.dark-mode label{color:#ffffffb3!important}body.dark-mode .verification-notes-adminbilling textarea{background:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode .verification-notes-adminbilling textarea:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}body.dark-mode .modal-body-adminbilling textarea{background:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode .modal-body-adminbilling textarea:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}.modal-body-adminbilling .form-group-adminbilling textarea,.modal-body-adminbilling .verification-notes-adminbilling textarea{background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;padding:10px 14px;font-family:Poppins,sans-serif;font-size:14px;color:var(--text-primary);resize:vertical;min-height:80px;width:100%;box-sizing:border-box;transition:all .2s ease}.modal-body-adminbilling .form-group-adminbilling textarea:focus,.modal-body-adminbilling .verification-notes-adminbilling textarea:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c121a!important;outline:none}body.dark-mode .modal-body-adminbilling .form-group-adminbilling textarea,body.dark-mode .modal-body-adminbilling .verification-notes-adminbilling textarea{background:#131c28!important;color:#fff!important;border-color:#ffffff1a!important}body.dark-mode .modal-body-adminbilling .form-group-adminbilling textarea:focus,body.dark-mode .modal-body-adminbilling .verification-notes-adminbilling textarea:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important;outline:none}body.dark-mode .modal-body-adminbilling .form-group-adminbilling textarea::placeholder,body.dark-mode .modal-body-adminbilling .verification-notes-adminbilling textarea::placeholder{color:#ffffff4d!important}body.dark-mode .modal-body-adminbilling .form-group-adminbilling label,body.dark-mode .modal-body-adminbilling .verification-notes-adminbilling label{color:#ffffffb3!important}.client-cell-adminbilling{font-weight:500;color:var(--text-primary);transition:color .3s ease}.client-profile-adminbilling{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-adminbilling{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-adminbilling{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-adminbilling{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-name-adminbilling small{display:block;font-weight:400;font-size:11px;color:var(--text-muted)}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-timeline: #F3F5F1;--bg-alert: #F3F5F1;--bg-delete-info: #F3F5F1;--bg-warning-text: rgba(239, 68, 68, .06);--bg-device-icon: rgba(243, 156, 18, .1);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--status-available-bg: rgba(16, 185, 129, .1);--status-available-text: #059669;--status-assigned-bg: rgba(59, 130, 246, .1);--status-assigned-text: #2563EB;--status-deployed-bg: rgba(243, 156, 18, .1);--status-deployed-text: #D97706;--status-data-collecting-bg: rgba(139, 92, 246, .1);--status-data-collecting-text: #7C3AED;--status-maintenance-bg: rgba(239, 68, 68, .1);--status-maintenance-text: #DC2626;--status-retired-bg: rgba(107, 114, 128, .1);--status-retired-text: #6B7280;--status-retrieved-bg: rgba(16, 185, 129, .1);--status-retrieved-text: #059669;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-warning-hover: rgba(243, 156, 18, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1);--required-color: #EF4444;--error-color: #EF4444;--device-icon-color: #D97706;--timeline-dot-color: #F39C12;--alert-border-error: #EF4444;--alert-border-warning: #F39C12;--alert-border-info: #3B82F6;--alert-error-icon: #DC2626;--alert-info-icon: #2563EB;--warning-border: rgba(239, 68, 68, .15)}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-timeline: #131C28;--bg-alert: #131C28;--bg-delete-info: #131C28;--bg-warning-text: rgba(239, 68, 68, .1);--bg-device-icon: rgba(243, 156, 18, .12);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--status-available-bg: rgba(16, 185, 129, .12);--status-available-text: #10B981;--status-assigned-bg: rgba(59, 130, 246, .12);--status-assigned-text: #3B82F6;--status-deployed-bg: rgba(243, 156, 18, .12);--status-deployed-text: #F39C12;--status-data-collecting-bg: rgba(139, 92, 246, .12);--status-data-collecting-text: #8B5CF6;--status-maintenance-bg: rgba(239, 68, 68, .12);--status-maintenance-text: #EF4444;--status-retired-bg: rgba(107, 114, 128, .12);--status-retired-text: #9CA3AF;--status-retrieved-bg: rgba(16, 185, 129, .12);--status-retrieved-text: #10B981;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-warning-hover: rgba(243, 156, 18, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12);--required-color: #EF4444;--error-color: #EF4444;--device-icon-color: #F39C12;--timeline-dot-color: #F39C12;--alert-border-error: #EF4444;--alert-border-warning: #F39C12;--alert-border-info: #3B82F6;--alert-error-icon: #EF4444;--alert-info-icon: #3B82F6;--warning-border: rgba(239, 68, 68, .2)}.iot-device-management{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.iot-header-iotdevice{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;gap:16px;transition:border-color .3s ease}.iot-header-left,.iot-header-right{display:flex;align-items:center;gap:12px}.iot-refresh-btn-iotdevice{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:16px;cursor:pointer;transition:all .2s ease}.iot-refresh-btn-iotdevice:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.iot-refresh-btn-iotdevice .spinning{animation:spin-iotdevice 1s linear infinite}@keyframes spin-iotdevice{to{transform:rotate(360deg)}}.iot-chart-area-iotdevice{background:var(--bg-card);border-radius:14px;padding:20px 24px 16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-bottom:24px;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.iot-chart-area-iotdevice:hover{transform:translateY(-2px);border-color:#f39c1240;box-shadow:var(--shadow-card-hover)}.iot-chart-header-iotdevice{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.iot-chart-header-iotdevice h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.iot-chart-period-iotdevice{font-size:13px;color:var(--text-muted);transition:color .3s ease}.iot-chart-wrapper-iotdevice{height:220px}.recharts-custom-tooltip-iotdevice{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-dropdown);transition:background .3s ease,border-color .3s ease}.tooltip-label-iotdevice{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px;transition:color .3s ease}.tooltip-item-iotdevice{font-size:13px;font-weight:500;margin:2px 0;color:var(--text-primary);transition:color .3s ease}.iot-tabs-iotdevice{display:inline-flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.iot-tab-btn-iotdevice{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.iot-tab-btn-iotdevice:hover{color:var(--text-primary);background:var(--bg-hover)}.iot-tab-btn-iotdevice.active-iotdevice{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.iot-tab-badge-iotdevice{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:20px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-muted);transition:background .3s ease,color .3s ease}.iot-tab-btn-iotdevice.active-iotdevice .iot-tab-badge-iotdevice{background:#fff3;color:#fff}.iot-tabs-dropdown-iotdevice{display:none}.iot-toolbar-iotdevice{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.iot-search-group-iotdevice{position:relative;flex:1;min-width:200px;max-width:400px}.iot-search-input-iotdevice{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.iot-search-input-iotdevice::placeholder{color:var(--text-muted)}.iot-search-input-iotdevice:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.iot-search-icon-iotdevice{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.iot-clear-search-iotdevice{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px;transition:all .2s ease}.iot-clear-search-iotdevice:hover{color:var(--text-primary)}.iot-create-btn-iotdevice{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.iot-create-btn-iotdevice:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c1240;color:#fff}.iot-table-container-iotdevice{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.iot-table-wrapper-iotdevice{overflow-x:auto}.iot-device-table-iotdevice{width:100%;border-collapse:collapse;font-size:13px}.iot-device-table-iotdevice thead{background:var(--bg-table-header)}.iot-device-table-iotdevice thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.iot-device-table-iotdevice thead th.sortable-th-iotdevice{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.iot-device-table-iotdevice thead th.sortable-th-iotdevice:hover{color:var(--text-primary)}.iot-device-table-iotdevice tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.iot-device-table-iotdevice tbody tr:last-child{border-bottom:none}.iot-device-table-iotdevice tbody tr:hover{background:var(--bg-table-row-hover)}.iot-device-table-iotdevice tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.iot-device-cell-iotdevice{display:flex;align-items:center;gap:12px}.iot-device-icon-table-iotdevice{font-size:20px;color:var(--device-icon-color)}.iot-device-name-iotdevice{font-weight:600;color:var(--text-primary);transition:color .3s ease}.iot-device-id-iotdevice{font-size:11px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.iot-model-cell-iotdevice{display:flex;flex-direction:column;gap:2px}.iot-manufacturer-text-iotdevice{font-size:11px;color:var(--text-muted);transition:color .3s ease}.status-badge-iotdevice{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-iotdevice.available{background:var(--status-available-bg);color:var(--status-available-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.assigned{background:var(--status-assigned-bg);color:var(--status-assigned-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.deployed{background:var(--status-deployed-bg);color:var(--status-deployed-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.data_collecting{background:var(--status-data-collecting-bg);color:var(--status-data-collecting-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.maintenance{background:var(--status-maintenance-bg);color:var(--status-maintenance-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.retired{background:var(--status-retired-bg);color:var(--status-retired-text);border:1px solid var(--border-medium)}.status-badge-iotdevice.retrieved{background:var(--status-retrieved-bg);color:var(--status-retrieved-text);border:1px solid var(--border-medium)}.iot-action-dropdown-container-iotdevice{position:relative;display:inline-block}.iot-action-dropdown-toggle-iotdevice{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.iot-action-dropdown-toggle-iotdevice:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.iot-dropdown-arrow-iotdevice{font-size:10px;transition:transform .2s ease}.iot-dropdown-arrow-iotdevice.open-iotdevice{transform:rotate(180deg)}.iot-action-dropdown-menu-iotdevice{min-width:180px;max-width:220px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;transition:background .3s ease,border-color .3s ease}.iot-action-dropdown-menu-iotdevice::-webkit-scrollbar{width:3px}.iot-action-dropdown-menu-iotdevice::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.iot-action-dropdown-menu-iotdevice::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.iot-dropdown-item-iotdevice{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.iot-dropdown-item-iotdevice:hover{background:var(--dropdown-item-hover);color:var(--text-primary)}.iot-dropdown-item-iotdevice.primary{color:var(--text-edit)}.iot-dropdown-item-iotdevice.primary:hover{background:var(--dropdown-item-primary-hover)}.iot-dropdown-item-iotdevice.warning{color:var(--icon-warning)}.iot-dropdown-item-iotdevice.warning:hover{background:var(--dropdown-item-warning-hover)}.iot-dropdown-item-iotdevice.danger{color:var(--text-danger)}.iot-dropdown-item-iotdevice.danger:hover{background:var(--dropdown-item-danger-hover)}.iot-single-action-btn-iotdevice{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.iot-single-action-btn-iotdevice:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.iot-single-action-btn-iotdevice.primary{color:var(--text-edit)}.iot-single-action-btn-iotdevice.primary:hover{background:var(--dropdown-item-primary-hover)}.iot-empty-state-iotdevice{text-align:center;padding:48px 20px;color:var(--text-muted)}.iot-empty-state-iotdevice .empty-icon{font-size:48px;color:var(--text-muted);margin-bottom:12px;display:block;transition:color .3s ease}.iot-empty-state-iotdevice p{margin:0 0 4px;font-size:16px;color:var(--text-secondary);transition:color .3s ease}.iot-empty-state-iotdevice span{font-size:13px;color:var(--text-muted);transition:color .3s ease}.iot-pagination-iotdevice{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.iot-pagination-info-iotdevice{font-size:13px;color:var(--text-muted);transition:color .3s ease}.iot-pagination-controls-iotdevice{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.iot-page-btn-iotdevice{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.iot-page-btn-iotdevice:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.iot-page-btn-iotdevice:disabled{opacity:.3;cursor:not-allowed}.iot-page-number-iotdevice{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.iot-page-number-iotdevice:hover{background:var(--bg-section);color:var(--text-primary)}.iot-page-number-iotdevice.active-iotdevice{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.iot-modal-overlay-iotdevice{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.iot-modal-content-iotdevice{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;overflow:hidden;transition:background .3s ease,border-color .3s ease}.iot-modal-content-iotdevice.view{max-width:640px}.iot-modal-content-iotdevice.delete-modal-iotdevice{max-width:480px}.iot-modal-header-iotdevice{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;transition:border-color .3s ease}.iot-modal-header-iotdevice h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.iot-modal-header-iotdevice .text-danger{color:var(--text-danger)}.iot-modal-close-btn-iotdevice{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif;flex-shrink:0}.iot-modal-close-btn-iotdevice:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.iot-modal-body-iotdevice{padding:20px 24px;overflow-y:auto;flex:1}.iot-modal-body-iotdevice::-webkit-scrollbar{width:4px}.iot-modal-body-iotdevice::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.iot-modal-body-iotdevice::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.iot-modal-actions-iotdevice{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;transition:border-color .3s ease}.iot-device-form-iotdevice{display:flex;flex-direction:column;gap:4px}.iot-form-group-iotdevice{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.iot-form-group-iotdevice:last-child{margin-bottom:0}.iot-form-group-iotdevice label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.iot-form-input-iotdevice,.iot-form-select-iotdevice{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.iot-form-input-iotdevice:focus,.iot-form-select-iotdevice:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.iot-form-input-iotdevice::placeholder{color:var(--text-muted)}.iot-form-input-iotdevice:disabled{opacity:.5;cursor:not-allowed}.iot-form-select-iotdevice option{background:var(--bg-select-option);color:var(--text-primary)}.iot-form-row-iotdevice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iot-status-warning-iotdevice{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--icon-warning)}.iot-status-warning-iotdevice svg{font-size:14px}.iot-device-details-view-iotdevice{display:flex;flex-direction:column;gap:16px}.iot-detail-section-iotdevice{margin-bottom:0}.iot-detail-section-iotdevice h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.iot-detail-grid-iotdevice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iot-detail-item{display:flex;flex-direction:column;gap:2px}.iot-detail-item label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.iot-detail-item p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.iot-detail-item p strong{color:var(--text-primary);transition:color .3s ease}.iot-timeline-item-iotdevice{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.iot-timeline-item-iotdevice:last-child{border-bottom:none}.iot-timeline-item-iotdevice .timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--timeline-dot-color);flex-shrink:0;margin-top:4px}.iot-timeline-item-iotdevice .timeline-content{flex:1}.iot-timeline-item-iotdevice .timeline-content p{margin:2px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.iot-timeline-item-iotdevice .timeline-content p strong{color:var(--text-primary);transition:color .3s ease}.iot-timeline-item-iotdevice .timeline-notes{font-style:italic;color:var(--text-muted);font-size:12px;transition:color .3s ease}.iot-maintenance-record-iotdevice{padding:8px 12px;background:var(--bg-timeline);border-radius:8px;margin-bottom:6px;transition:background .3s ease}.iot-maintenance-record-iotdevice p{margin:0 0 2px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.iot-maintenance-record-iotdevice p strong{color:var(--text-primary);transition:color .3s ease}.iot-maintenance-record-iotdevice small{font-size:11px;color:var(--text-muted);transition:color .3s ease}.iot-alert-item-iotdevice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-alert);border-radius:8px;margin-bottom:6px;border-left:3px solid var(--icon-warning);transition:background .3s ease,border-color .3s ease}.iot-alert-item-iotdevice.error{border-left-color:var(--alert-border-error)}.iot-alert-item-iotdevice.warning{border-left-color:var(--alert-border-warning)}.iot-alert-item-iotdevice.info{border-left-color:var(--alert-border-info)}.iot-alert-item-iotdevice svg{color:var(--icon-warning);font-size:16px;flex-shrink:0;margin-top:2px}.iot-alert-item-iotdevice.error svg{color:var(--alert-error-icon)}.iot-alert-item-iotdevice.info svg{color:var(--alert-info-icon)}.iot-alert-item-iotdevice div{flex:1}.iot-alert-item-iotdevice p{margin:0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.iot-alert-item-iotdevice small{font-size:11px;color:var(--text-muted);transition:color .3s ease}.iot-delete-icon-container-iotdevice{text-align:center;padding:8px 0 4px}.iot-delete-warning-icon-iotdevice{font-size:48px;color:var(--text-danger)}.iot-delete-message-iotdevice{text-align:center;font-size:16px;color:var(--text-secondary);margin:8px 0 16px;transition:color .3s ease}.iot-device-info-delete-iotdevice{background:var(--bg-delete-info);border-radius:10px;padding:12px 16px;margin-bottom:16px;transition:background .3s ease}.delete-info-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.delete-info-row:last-child{border-bottom:none}.delete-label{color:var(--text-muted);font-size:13px;transition:color .3s ease}.delete-value{color:var(--text-primary);font-size:13px;font-weight:500;transition:color .3s ease}.iot-delete-warning-text-iotdevice{display:flex;align-items:flex-start;gap:10px;background:var(--bg-warning-text);border:1px solid var(--warning-border);border-radius:10px;padding:12px 16px;margin-top:4px}.iot-delete-warning-text-iotdevice .warning-icon{color:var(--text-danger);font-size:18px;flex-shrink:0;margin-top:2px}.iot-delete-warning-text-iotdevice p{margin:0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.iot-cancel-btn-iotdevice{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.iot-cancel-btn-iotdevice:hover{background:var(--btn-cancel-hover)}.iot-cancel-btn-iotdevice:disabled{opacity:.5;cursor:not-allowed}.iot-save-btn-iotdevice{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.iot-save-btn-iotdevice:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.iot-save-btn-iotdevice:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.iot-delete-btn-iotdevice{padding:10px 24px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.iot-delete-btn-iotdevice:hover:not(:disabled){background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.iot-delete-btn-iotdevice:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.iot-spinning-iotdevice{animation:spin-iotdevice .8s linear infinite}.skeleton-title-iotdevice{width:40%;height:32px;border-radius:6px;animation:shimmer-iotdevice 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-subtitle-iotdevice{width:60%;height:20px;border-radius:6px;animation:shimmer-iotdevice 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-chart-iotdevice{height:220px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card);margin-bottom:24px}.skeleton-tab-iotdevice{height:40px;width:100px;border-radius:8px;background:var(--bg-card);animation:shimmer-iotdevice 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-search-iotdevice{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer-iotdevice 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-button-iotdevice{height:40px;width:140px;border-radius:8px;background:var(--bg-card);animation:shimmer-iotdevice 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-iotdevice{height:300px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@keyframes shimmer-iotdevice{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.iot-device-management{padding-inline:20px}}@media(max-width:1024px){.iot-device-management{padding-inline:18px}.iot-chart-wrapper-iotdevice{height:200px}.iot-detail-grid-iotdevice{grid-template-columns:1fr 1fr}}@media(max-width:768px){.iot-device-management{padding-inline:14px;padding-top:12px;overflow-x:clip;max-width:100%;box-sizing:border-box}.iot-header-iotdevice{padding:0 0 16px}.iot-tabs-iotdevice{display:flex;flex-wrap:nowrap;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;border-radius:8px;position:relative;z-index:200;isolation:isolate}.iot-tab-btn-iotdevice{display:none}.iot-tabs-dropdown-iotdevice{display:flex;position:relative;width:100%}.iot-tabs-toggle-iotdevice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif}.iot-tabs-toggle-label-iotdevice{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--text-muted)}.iot-tabs-toggle-chevron-iotdevice{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.iot-tabs-toggle-chevron-iotdevice.open-iotdevice{transform:rotate(180deg)}.iot-tabs-menu-iotdevice{display:flex;flex-direction:column;gap:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-dropdown);border:1px solid var(--border-medium);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:201}.iot-tabs-menu-item-iotdevice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:left;font-family:Poppins,sans-serif;white-space:nowrap;transition:all .2s ease}.iot-tabs-menu-item-iotdevice:hover{color:var(--text-primary);background:var(--bg-hover)}.iot-tabs-menu-item-iotdevice.active-iotdevice{background:var(--icon-color);color:#fff}.iot-tabs-menu-item-iotdevice.active-iotdevice .iot-tab-badge-iotdevice{background:#fff3;color:#fff}.iot-toolbar-iotdevice{flex-direction:column;align-items:stretch;gap:8px}.iot-search-group-iotdevice{max-width:none;min-width:auto}.iot-create-btn-iotdevice{justify-content:center}.iot-table-container-iotdevice{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.iot-table-wrapper-iotdevice{overflow:visible}.iot-device-table-iotdevice{min-width:0}.iot-device-table-iotdevice thead{display:none}.iot-device-table-iotdevice,.iot-device-table-iotdevice tbody,.iot-device-table-iotdevice tr,.iot-device-table-iotdevice td{display:block;width:100%}.iot-device-table-iotdevice tbody tr{display:block;width:100%;background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.iot-device-table-iotdevice tbody tr:hover{background:var(--bg-surface)}.iot-device-table-iotdevice tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.iot-device-table-iotdevice tbody td:last-child{border-bottom:none}.iot-device-table-iotdevice tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.iot-device-table-iotdevice tbody td>*,.iot-device-table-iotdevice tbody td .iot-device-name-iotdevice{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.iot-device-table-iotdevice tbody td .status-badge-iotdevice{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.iot-device-table-iotdevice tbody td.iot-empty-state-iotdevice{display:block;text-align:center;justify-content:center}.iot-device-table-iotdevice tbody td.iot-empty-state-iotdevice:before{content:none}.iot-device-cell-iotdevice{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0;flex:1}.iot-device-icon-table-iotdevice{flex-shrink:0}.iot-model-cell-iotdevice{align-items:flex-end;text-align:right;margin-left:auto;min-width:0;flex:1}.iot-action-dropdown-menu-iotdevice{max-width:calc(100vw - 28px)}.iot-modal-content-iotdevice{max-width:100%;margin:12px;border-radius:14px}.iot-modal-content-iotdevice.view{max-width:100%}.iot-modal-header-iotdevice{padding:16px 18px}.iot-modal-header-iotdevice h3{font-size:18px}.iot-modal-body-iotdevice{padding:16px 18px}.iot-modal-actions-iotdevice{padding:14px 18px 18px;flex-direction:column}.iot-modal-actions-iotdevice button{width:100%;justify-content:center}.iot-pagination-iotdevice{flex-direction:column;align-items:center;gap:8px}.iot-pagination-controls-iotdevice{justify-content:center}.iot-chart-area-iotdevice{padding:14px 16px;border-radius:10px}.iot-chart-header-iotdevice h3{font-size:14px}.iot-chart-period-iotdevice{font-size:11px}.iot-chart-wrapper-iotdevice{height:180px}.iot-form-row-iotdevice,.iot-detail-grid-iotdevice{grid-template-columns:1fr}.iot-device-info-delete-iotdevice{padding:10px 12px}}@media(max-width:480px){.iot-device-management{padding-inline:10px}.iot-chart-wrapper-iotdevice{height:150px}.iot-tab-btn-iotdevice{padding:6px 10px;font-size:11px}.iot-tabs-toggle-iotdevice,.iot-tabs-menu-item-iotdevice{padding:8px 12px;font-size:11px}.iot-device-table-iotdevice tbody td{padding:8px 0;font-size:11px;gap:10px}.iot-device-table-iotdevice tbody td:before{font-size:10px}.iot-device-table-iotdevice tbody tr{padding:4px 12px;margin-bottom:10px}.iot-tab-badge-iotdevice{min-width:18px;height:18px;font-size:10px;padding:0 6px}.iot-page-btn-iotdevice,.iot-page-number-iotdevice{font-size:12px;padding:6px 12px}.iot-pagination-info-iotdevice{font-size:12px}.iot-modal-content-iotdevice{border-radius:12px}.iot-modal-header-iotdevice{padding:14px 16px}.iot-modal-header-iotdevice h3{font-size:16px}.iot-modal-body-iotdevice{padding:14px 16px}.iot-modal-actions-iotdevice{padding:12px 16px 16px}.iot-modal-close-btn-iotdevice{width:30px;height:30px;font-size:14px}.iot-delete-warning-icon-iotdevice{font-size:36px}.iot-delete-message-iotdevice{font-size:14px}}@media(max-width:360px){.iot-device-management{padding-inline:6px}.iot-chart-wrapper-iotdevice{height:130px}.iot-device-table-iotdevice tbody td{padding:6px 0;font-size:10px}.iot-device-table-iotdevice tbody td:before{font-size:10px}.iot-device-table-iotdevice tbody td[data-label=Device],.iot-device-table-iotdevice tbody td[data-label=Serial]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.iot-device-table-iotdevice tbody td[data-label=Device]:before,.iot-device-table-iotdevice tbody td[data-label=Serial]:before{max-width:100%}.iot-device-table-iotdevice tbody td[data-label=Device]>*,.iot-device-table-iotdevice tbody td[data-label=Serial]>*,.iot-device-table-iotdevice tbody td[data-label=Device] .iot-device-cell-iotdevice{margin-left:0;text-align:left;flex:none;width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.iot-chart-area-iotdevice:hover,.iot-device-table-iotdevice tbody tr:hover{transform:none!important}.skeleton-title-iotdevice,.skeleton-subtitle-iotdevice,.skeleton-tab-iotdevice,.skeleton-search-iotdevice,.skeleton-button-iotdevice{animation:none!important;background:var(--skeleton-bg)!important}.iot-refresh-btn-iotdevice:hover,.iot-create-btn-iotdevice:hover,.iot-action-dropdown-toggle-iotdevice:hover,.iot-save-btn-iotdevice:hover,.iot-delete-btn-iotdevice:hover,.iot-cancel-btn-iotdevice:hover,.iot-modal-close-btn-iotdevice:hover{transform:none!important}.iot-refresh-btn-iotdevice .spinning,.iot-spinning-iotdevice{animation:none!important}.iot-dropdown-arrow-iotdevice.open-iotdevice{transform:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-preview: rgba(255, 255, 255, .98);--bg-report-header: rgba(255, 255, 255, .5);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--shadow-preview: 0 20px 60px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-pdf-bg: #DC2626;--btn-pdf-hover: #B91C1C;--btn-excel-bg: #16A34A;--btn-excel-hover: #15803D;--btn-print-bg: #4B5563;--btn-print-hover: #374151;--status-badge-bg: #F3F5F1;--status-badge-text: #667085;--property-type-bg: rgba(243, 156, 18, .1);--property-type-text: #D97706;--system-type-bg: rgba(59, 130, 246, .1);--system-type-text: #2563EB;--client-type-bg: rgba(16, 185, 129, .1);--client-type-text: #059669;--project-status-bg: #F3F5F1;--project-status-text: #667085;--payment-method-bg: #F3F5F1;--payment-method-text: #667085;--payment-method-cash-bg: rgba(16, 185, 129, .1);--payment-method-cash-text: #059669;--payment-method-gcash-bg: rgba(59, 130, 246, .1);--payment-method-gcash-text: #2563EB;--payment-method-paymongo-bg: rgba(139, 92, 246, .1);--payment-method-paymongo-text: #7C3AED;--payment-method-manual-bg: rgba(243, 156, 18, .1);--payment-method-manual-text: #D97706;--required-color: #EF4444;--error-color: #DC2626;--amount-color: #17212B;--ref-color: #17212B;--client-color: #17212B;--preview-note-color: #98A2B3;--company-name-color: #17212B;--company-address-color: #667085;--company-tagline-color: #F39C12}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-preview: rgba(26, 37, 51, .98);--bg-report-header: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--shadow-preview: 0 20px 60px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-pdf-bg: #DC2626;--btn-pdf-hover: #B91C1C;--btn-excel-bg: #16A34A;--btn-excel-hover: #15803D;--btn-print-bg: #4B5563;--btn-print-hover: #374151;--status-badge-bg: #131C28;--status-badge-text: rgba(255, 255, 255, .6);--property-type-bg: rgba(243, 156, 18, .12);--property-type-text: #F39C12;--system-type-bg: rgba(59, 130, 246, .12);--system-type-text: #3B82F6;--client-type-bg: rgba(16, 185, 129, .12);--client-type-text: #10B981;--project-status-bg: #131C28;--project-status-text: rgba(255, 255, 255, .6);--payment-method-bg: #131C28;--payment-method-text: rgba(255, 255, 255, .6);--payment-method-cash-bg: rgba(16, 185, 129, .12);--payment-method-cash-text: #10B981;--payment-method-gcash-bg: rgba(59, 130, 246, .12);--payment-method-gcash-text: #3B82F6;--payment-method-paymongo-bg: rgba(139, 92, 246, .12);--payment-method-paymongo-text: #8B5CF6;--payment-method-manual-bg: rgba(243, 156, 18, .12);--payment-method-manual-text: #F39C12;--required-color: #EF4444;--error-color: #EF4444;--amount-color: #FFFFFF;--ref-color: #FFFFFF;--client-color: #FFFFFF;--preview-note-color: rgba(255, 255, 255, .4);--company-name-color: #FFFFFF;--company-address-color: rgba(255, 255, 255, .6);--company-tagline-color: #F39C12}.reports-container-reports{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease;overflow-x:clip;max-width:100%;box-sizing:border-box}.reports-header-reports{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.report-tabs-reports{display:inline-flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn-reports{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.tab-btn-reports:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn-reports.active-reports{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.more-tab-btn-reports,.more-wrap-reports{display:none}.more-chevron-reports{font-size:10px;transition:transform .2s ease}.more-chevron-reports.open{transform:rotate(180deg)}.report-controls-reports{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap;align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.date-range-reports{display:flex;flex-direction:column;gap:6px}.date-range-reports label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.date-inputs-reports{display:flex;align-items:center;gap:8px}.date-inputs-reports input[type=date]{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease}.date-inputs-reports input[type=date]:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.date-inputs-reports span{color:var(--text-muted);font-size:14px;transition:color .3s ease}.report-filter-reports{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.report-filter-reports label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.report-filter-reports select{padding:8px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.report-filter-reports select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.report-filter-reports select option{background:var(--bg-select-option);color:var(--text-primary)}.report-content-reports{display:flex;flex-direction:column;gap:20px}.report-section-reports{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.report-section-reports h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.report-section-reports p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.table-container-reports{overflow-x:auto}.reports-table-reports{width:100%;border-collapse:collapse;font-size:13px}.reports-table-reports thead{background:var(--bg-table-header)}.reports-table-reports thead th{padding:12px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.reports-table-reports tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.reports-table-reports tbody tr:last-child{border-bottom:none}.reports-table-reports tbody tr:hover{background:var(--bg-table-row-hover)}.reports-table-reports tbody td{padding:12px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.ref-cell-reports{font-weight:500;color:var(--ref-color);font-family:monospace;font-size:12px;transition:color .3s ease}.client-cell-reports{font-weight:500;color:var(--client-color);transition:color .3s ease}.amount-reports{font-weight:600;color:var(--amount-color);transition:color .3s ease}.status-badge-reports{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:var(--status-badge-bg);color:var(--status-badge-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.property-type-badge-reports{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500;background:var(--property-type-bg);color:var(--property-type-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.system-type-badge-reports{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500;background:var(--system-type-bg);color:var(--system-type-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.client-type-badge-reports{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500;background:var(--client-type-bg);color:var(--client-type-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.project-status-badge-reports{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:var(--project-status-bg);color:var(--project-status-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.project-status-badge-reports.in_progress{background:var(--status-badge-bg);color:#7c3aed;border:1px solid var(--border-medium)}.project-status-badge-reports.completed{background:var(--status-badge-bg);color:#059669;border:1px solid var(--border-medium)}.project-status-badge-reports.full_paid{background:var(--status-badge-bg);color:#10b981;border:1px solid var(--border-medium)}.project-status-badge-reports.initial_paid{background:var(--status-badge-bg);color:#7c3aed;border:1px solid var(--border-medium)}.project-status-badge-reports.quoted{background:var(--status-badge-bg);color:#d97706;border:1px solid var(--border-medium)}.project-status-badge-reports.approved{background:var(--status-badge-bg);color:#2563eb;border:1px solid var(--border-medium)}body.dark-mode .project-status-badge-reports.in_progress{color:#8b5cf6}body.dark-mode .project-status-badge-reports.completed,body.dark-mode .project-status-badge-reports.full_paid{color:#10b981}body.dark-mode .project-status-badge-reports.initial_paid{color:#8b5cf6}body.dark-mode .project-status-badge-reports.quoted{color:#f39c12}body.dark-mode .project-status-badge-reports.approved{color:#3b82f6}.payment-method-reports{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500;background:var(--payment-method-bg);color:var(--payment-method-text);border:1px solid var(--border-medium);transition:background .3s ease,color .3s ease,border-color .3s ease}.payment-method-reports.cash{background:var(--payment-method-cash-bg);color:var(--payment-method-cash-text)}.payment-method-reports.gcash{background:var(--payment-method-gcash-bg);color:var(--payment-method-gcash-text)}.payment-method-reports.paymongo{background:var(--payment-method-paymongo-bg);color:var(--payment-method-paymongo-text)}.payment-method-reports.manual{background:var(--payment-method-manual-bg);color:var(--payment-method-manual-text)}.empty-state-reports{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px;transition:color .3s ease}.report-actions-reports{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.export-btn-reports{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;color:#fff}.export-btn-reports:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.export-btn-reports.pdf{background:var(--btn-pdf-bg)}.export-btn-reports.pdf:hover:not(:disabled){background:var(--btn-pdf-hover);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.export-btn-reports.excel{background:var(--btn-excel-bg)}.export-btn-reports.excel:hover:not(:disabled){background:var(--btn-excel-hover);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.export-btn-reports.print{background:var(--btn-print-bg)}.export-btn-reports.print:hover:not(:disabled){background:var(--btn-print-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4b55634d}.report-preview-overlay-reports{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.report-preview-reports{background:var(--bg-preview);border-radius:18px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-preview);border:1px solid var(--border-modal);transition:background .3s ease,border-color .3s ease}.preview-header-reports{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;transition:border-color .3s ease}.close-preview-reports{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif}.close-preview-reports:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.preview-content-reports{padding:24px;overflow-y:auto;flex:1}.preview-content-reports::-webkit-scrollbar{width:4px}.preview-content-reports::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.preview-content-reports::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.report-header-reports{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:2px solid var(--border-color);margin-bottom:20px;flex-wrap:wrap;gap:16px;transition:border-color .3s ease}.company-info-reports{display:flex;align-items:center;gap:16px}.company-logo-reports{width:60px;height:60px;object-fit:contain}.company-logo-placeholder-reports{width:60px;height:60px;background:var(--bg-section);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-muted);transition:background .3s ease,color .3s ease}.company-details-reports{display:flex;flex-direction:column;gap:2px}.company-name-reports{font-size:18px;font-weight:700;color:var(--company-name-color);margin:0;transition:color .3s ease}.company-address-reports{font-size:12px;color:var(--company-address-color);margin:0;transition:color .3s ease}.company-tagline-reports{font-size:12px;font-weight:600;color:var(--company-tagline-color);margin:0}.report-title-section-reports{text-align:right}.report-title-reports{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.report-generated-reports{font-size:12px;color:var(--text-muted);margin:4px 0 0;transition:color .3s ease}.report-date-range-reports{font-size:12px;color:var(--text-muted);margin:2px 0 0;transition:color .3s ease}.preview-table-section-reports{margin-top:16px}.preview-table-section-reports h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.preview-note-reports{font-size:12px;color:var(--preview-note-color);margin:8px 0 0;text-align:center;transition:color .3s ease}.preview-raw-reports{background:var(--bg-section);border-radius:10px;padding:16px;overflow:auto;max-height:400px;transition:background .3s ease}.preview-raw-reports pre{margin:0;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;transition:color .3s ease}.preview-actions-reports{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;transition:border-color .3s ease}.preview-actions-reports .export-btn-reports{font-size:13px;padding:8px 20px}.skeleton-line-large-reports{height:40px;width:60%;border-radius:6px;animation:shimmer-reports 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line-medium-reports{height:24px;width:40%;border-radius:6px;animation:shimmer-reports 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-tab-reports{height:40px;width:120px;border-radius:8px;background:var(--bg-card);animation:shimmer-reports 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer-reports{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1024px){.reports-container-reports{padding-inline:18px}.report-controls-reports{flex-direction:column;align-items:stretch;gap:12px}.date-inputs-reports{flex-wrap:wrap}.report-filter-reports{min-width:auto}.report-header-reports{flex-direction:column;align-items:flex-start;text-align:left}.report-title-section-reports{text-align:left;width:100%}.company-info-reports{width:100%}}@media(max-width:768px){.reports-container-reports{padding-inline:14px;padding-top:12px}.reports-header-reports{padding:0 0 16px}.report-tabs-reports{display:flex;flex-wrap:nowrap;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;border-radius:8px;position:relative;z-index:200;isolation:isolate}.tab-btn-reports{padding:8px 10px;font-size:12px;white-space:nowrap;flex:1 1 0;min-width:0;flex-shrink:1;justify-content:center;overflow:hidden;text-overflow:ellipsis}.more-tab-btn-reports{display:inline-flex;flex:0 0 auto}.desktop-tab-reports{display:none}.more-wrap-reports{display:inline-flex;position:relative;flex:0 0 auto}.more-menu-reports{display:flex;flex-direction:column;gap:4px;position:absolute;top:calc(100% + 6px);right:0;min-width:170px;max-width:calc(100vw - 28px);background:var(--bg-dropdown);border:1px solid var(--border-medium);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:201}.more-item-reports{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:left;font-family:Poppins,sans-serif;white-space:nowrap;transition:all .2s ease}.more-item-reports:hover{color:var(--text-primary);background:var(--bg-hover)}.more-item-reports.active-reports{background:var(--icon-color);color:#fff}.report-controls-reports{padding:14px 16px;border-radius:10px;position:relative;z-index:1}.date-inputs-reports input[type=date]{font-size:13px;padding:6px 10px}.report-section-reports{padding:14px 16px;border-radius:10px}.report-section-reports h2{font-size:18px}.report-section-reports p{font-size:13px}.table-container-reports{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box}.reports-table-reports{font-size:12px;min-width:0}.reports-table-reports thead{display:none}.reports-table-reports,.reports-table-reports tbody,.reports-table-reports tr,.reports-table-reports td{display:block;width:100%}.reports-table-reports tbody tr{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.reports-table-reports tbody tr:hover{background:var(--bg-surface)}.reports-table-reports tbody tr:last-child{border-bottom:1px solid var(--border-color)}.reports-table-reports tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.reports-table-reports tbody td:last-child{border-bottom:none}.reports-table-reports tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.reports-table-reports tbody td>*,.reports-table-reports tbody td.ref-cell-reports,.reports-table-reports tbody td.client-cell-reports,.reports-table-reports tbody td.amount-reports{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.reports-table-reports tbody td .status-badge-reports,.reports-table-reports tbody td .property-type-badge-reports,.reports-table-reports tbody td .system-type-badge-reports,.reports-table-reports tbody td .client-type-badge-reports,.reports-table-reports tbody td .project-status-badge-reports,.reports-table-reports tbody td .payment-method-reports{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.reports-table-reports tbody td[data-label="Service Type"]{align-items:flex-start}.reports-table-reports tbody td[data-label="Service Type"]:before{padding-top:4px}.reports-table-reports tbody td[data-label="Service Type"] .system-type-badge-reports{white-space:normal;flex:0 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word;text-align:center;line-height:1.5}.reports-table-reports tbody td.empty-state-reports{display:block;text-align:center;justify-content:center}.reports-table-reports tbody td.empty-state-reports:before{content:none}.report-actions-reports{flex-direction:column}.export-btn-reports{width:100%;justify-content:center}.report-preview-reports{max-width:100%;margin:12px;border-radius:14px}.preview-header-reports{padding:12px 16px}.preview-content-reports{padding:16px}.preview-actions-reports{flex-direction:column;padding:12px 16px}.preview-actions-reports .export-btn-reports{width:100%;justify-content:center}.company-logo-reports{width:48px;height:48px}.company-name-reports{font-size:16px}.report-title-reports{font-size:18px}}@media(max-width:480px){.reports-container-reports{padding-inline:10px}.tab-btn-reports{padding:6px 10px;font-size:11px}.report-controls-reports{padding:10px 12px}.date-inputs-reports{flex-direction:column;align-items:stretch}.date-inputs-reports input[type=date]{width:100%}.date-inputs-reports span{text-align:center}.report-section-reports{padding:10px 12px}.report-section-reports h2{font-size:16px}.reports-table-reports tbody td{padding:8px 0;font-size:11px;gap:10px}.reports-table-reports tbody td:before{font-size:10px}.reports-table-reports tbody tr{padding:4px 12px;margin-bottom:10px}.ref-cell-reports{font-size:11px}.export-btn-reports{font-size:13px;padding:8px 16px}.report-preview-reports{border-radius:12px}.preview-content-reports{padding:12px}.company-logo-reports{width:40px;height:40px}.company-name-reports{font-size:14px}.company-address-reports,.company-tagline-reports{font-size:11px}.report-title-reports{font-size:16px}.report-generated-reports,.report-date-range-reports{font-size:11px}.preview-actions-reports .export-btn-reports{font-size:12px;padding:6px 14px}}@media(max-width:360px){.reports-container-reports{padding-inline:6px}.tab-btn-reports{padding:4px 8px;font-size:10px}.reports-table-reports tbody td{padding:6px 0;font-size:10px}.reports-table-reports tbody td:before{font-size:10px}.reports-table-reports tbody td[data-label=Email],.reports-table-reports tbody td[data-label=Address]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.reports-table-reports tbody td[data-label=Email]:before,.reports-table-reports tbody td[data-label=Address]:before{max-width:100%}.reports-table-reports tbody td[data-label=Email],.reports-table-reports tbody td[data-label=Address]{overflow-wrap:anywhere;word-break:break-word}.reports-table-reports tbody td[data-label=Email]>*,.reports-table-reports tbody td[data-label=Address]>*{margin-left:0;text-align:left;flex:none;width:100%}}.quotation-search-reports{position:relative;display:flex;align-items:center}.quotation-search-icon-reports{position:absolute;left:12px;font-size:13px;color:var(--text-muted);pointer-events:none}.quotation-search-reports input{width:100%;padding:8px 14px 8px 34px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease}.quotation-search-reports input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.quotation-search-reports input::placeholder{color:var(--text-muted)}.quotation-grid-reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.quotation-card-reports{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.quotation-card-reports:hover,.quotation-card-reports:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--icon-color);outline:none}.quotation-card-reports:focus-visible{box-shadow:var(--shadow-card-hover),0 0 0 3px #f39c1240}.quotation-card-reports.no-file{cursor:pointer}.quotation-preview-reports{position:relative;height:220px;background:var(--bg-section);border-bottom:1px solid var(--border-color);overflow:hidden}.quotation-preview-reports iframe{width:100%;height:100%;border:0;pointer-events:none;background:#fff}.quotation-open-hint-reports{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;background:#17212bd1;color:#fff;pointer-events:none}.quotation-source-reports{position:absolute;left:10px;top:10px;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500;background:var(--system-type-bg);color:var(--system-type-text);border:1px solid var(--border-medium);pointer-events:none}.quotation-no-preview-reports{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}.quotation-no-preview-icon-reports{font-size:40px;color:var(--icon-color);opacity:.8}.quotation-body-reports{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 16px}.quotation-name-reports{font-size:14px;font-weight:600;color:var(--client-color);overflow-wrap:anywhere}.quotation-ref-reports{font-family:monospace;font-size:12px;font-weight:500;color:var(--ref-color);overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reports-table-reports tbody tr:hover,.report-section-reports:hover,.quotation-card-reports:hover{transform:none!important}.skeleton-line-large-reports,.skeleton-line-medium-reports,.skeleton-tab-reports{animation:none!important;background:var(--skeleton-bg)!important}.export-btn-reports:hover:not(:disabled),.close-preview-reports:hover{transform:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-avatar: rgba(243, 156, 18, .12);--bg-user-info: #F3F5F1;--bg-confirm: #F3F5F1;--bg-module: #F3F5F1;--bg-action: #F3F5F1;--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--role-admin-bg: rgba(239, 68, 68, .1);--role-admin-text: #DC2626;--role-engineer-bg: rgba(59, 130, 246, .1);--role-engineer-text: #2563EB;--role-user-bg: rgba(16, 185, 129, .1);--role-user-text: #059669;--status-active-bg: rgba(16, 185, 129, .1);--status-active-text: #059669;--status-inactive-bg: rgba(239, 68, 68, .1);--status-inactive-text: #DC2626;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-warning-hover: rgba(243, 156, 18, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1);--dropdown-item-success-hover: rgba(16, 185, 129, .1);--required-color: #EF4444;--error-color: #DC2626;--avatar-initials: #D97706;--avatar-icon: #D1D5DB;--email-icon: #D1D5DB;--timestamp-icon: #D1D5DB;--confirm-icon-color: #F39C12;--warning-text-color: #DC2626;--password-toggle-color: #98A2B3;--password-toggle-hover: #667085;--stat-admin-bg: rgba(239, 68, 68, .1);--stat-admin-color: #DC2626;--stat-engineer-bg: rgba(59, 130, 246, .1);--stat-engineer-color: #2563EB;--stat-customer-bg: rgba(16, 185, 129, .1);--stat-customer-color: #059669;--stat-total-bg: rgba(243, 156, 18, .1);--stat-total-color: #F39C12}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-avatar: rgba(243, 156, 18, .12);--bg-user-info: #131C28;--bg-confirm: #131C28;--bg-module: #131C28;--bg-action: #131C28;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--role-admin-bg: rgba(239, 68, 68, .12);--role-admin-text: #EF4444;--role-engineer-bg: rgba(59, 130, 246, .12);--role-engineer-text: #3B82F6;--role-user-bg: rgba(16, 185, 129, .12);--role-user-text: #10B981;--status-active-bg: rgba(16, 185, 129, .12);--status-active-text: #10B981;--status-inactive-bg: rgba(239, 68, 68, .12);--status-inactive-text: #EF4444;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-warning-hover: rgba(243, 156, 18, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12);--dropdown-item-success-hover: rgba(16, 185, 129, .12);--required-color: #EF4444;--error-color: #EF4444;--avatar-initials: #F39C12;--avatar-icon: rgba(255, 255, 255, .2);--email-icon: rgba(255, 255, 255, .2);--timestamp-icon: rgba(255, 255, 255, .2);--confirm-icon-color: #F39C12;--warning-text-color: #EF4444;--password-toggle-color: rgba(255, 255, 255, .4);--password-toggle-hover: rgba(255, 255, 255, .6);--stat-admin-bg: rgba(239, 68, 68, .12);--stat-admin-color: #EF4444;--stat-engineer-bg: rgba(59, 130, 246, .12);--stat-engineer-color: #3B82F6;--stat-customer-bg: rgba(16, 185, 129, .12);--stat-customer-color: #10B981;--stat-total-bg: rgba(243, 156, 18, .12);--stat-total-color: #F39C12}.user-management-usermanagement{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.user-management-header-usermanagement{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.user-charts-grid-usermanagement.single,.user-charts-grid-usermanagement{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.user-chart-card-usermanagement{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;min-width:0}.user-chart-card-usermanagement:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.user-chart-header-usermanagement{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.user-chart-header-usermanagement h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-chart-period-usermanagement{font-size:12px;color:var(--text-muted);transition:color .3s ease}.user-chart-kpi-usermanagement{display:flex;gap:12px;font-size:12px;color:var(--text-secondary);transition:color .3s ease;white-space:nowrap}.user-chart-kpi-usermanagement strong{color:var(--text-primary);font-size:14px;transition:color .3s ease}.user-chart-wrapper-usermanagement{width:100%;height:260px;min-width:0}.user-chart-wrapper-usermanagement.donut{display:flex;flex-direction:column;height:260px}.user-chart-wrapper-usermanagement.donut .recharts-responsive-container{flex:1;min-height:0}.user-chart-legend-usermanagement{display:flex;justify-content:center;gap:18px;padding-top:4px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.legend-item-usermanagement{display:inline-flex;align-items:center;gap:6px}.legend-item-usermanagement strong{color:var(--text-primary)}.legend-dot-usermanagement{width:10px;height:10px;border-radius:50%;display:inline-block}.chart-tooltip-usermanagement{background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:10px 14px}.tooltip-label-usermanagement{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary)}.tooltip-item-usermanagement{margin:0;font-size:12px;color:var(--text-secondary)}.user-chart-empty-usermanagement{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:var(--text-muted)}.skeleton-chart-usermanagement{height:320px;border-radius:14px;border:1px solid var(--border-card);background:var(--skeleton-gradient);background-size:200% 100%;animation:shimmer-usermanagement 1.5s ease-in-out infinite}.user-tabs-wrapper-usermanagement{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.user-tabs-usermanagement{display:inline-flex;gap:6px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn-usermanagement{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.tab-btn-usermanagement:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn-usermanagement.active-usermanagement{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.tab-badge-usermanagement{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:20px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-muted);transition:background .3s ease,color .3s ease}.tab-btn-usermanagement.active-usermanagement .tab-badge-usermanagement{background:#fff3;color:#fff}.user-tab-actions-usermanagement{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.create-user-btn-usermanagement{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.create-user-btn-usermanagement:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c1240;color:#fff}.refresh-btn-usermanagement{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.refresh-btn-usermanagement:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.user-filters-section-usermanagement{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-box-usermanagement{position:relative;flex:1;min-width:200px;max-width:400px}.search-box-usermanagement input{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-box-usermanagement input::placeholder{color:var(--text-muted)}.search-box-usermanagement input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.search-icon-usermanagement{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.filter-role-usermanagement{position:relative;min-width:160px}.filter-role-usermanagement select{width:100%;padding:10px 36px 10px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;appearance:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-role-usermanagement select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.select-arrow-usermanagement{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:12px;transition:color .3s ease}.filter-role-usermanagement select option{background:var(--bg-select-option);color:var(--text-primary)}.users-table-container-usermanagement{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.users-table-usermanagement{width:100%;border-collapse:collapse;font-size:13px}.users-table-usermanagement thead{background:var(--bg-table-header)}.users-table-usermanagement thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.users-table-usermanagement thead th.sortable-th-usermanagement{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.users-table-usermanagement thead th.sortable-th-usermanagement:hover{color:var(--text-primary)}.users-table-usermanagement tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.users-table-usermanagement tbody tr:last-child{border-bottom:none}.users-table-usermanagement tbody tr:hover{background:var(--bg-table-row-hover)}.users-table-usermanagement tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.user-cell-content-usermanagement{display:flex;align-items:center;gap:12px}.user-avatar-usermanagement{width:40px;height:40px;border-radius:50%;background:var(--bg-avatar);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s ease}.user-avatar-usermanagement.small-avatar-usermanagement{width:32px;height:32px}.avatar-initials-usermanagement{font-size:14px;font-weight:600;color:var(--avatar-initials);transition:color .3s ease}.avatar-icon-usermanagement{font-size:24px;color:var(--avatar-icon);transition:color .3s ease}.user-name-usermanagement{font-weight:500;color:var(--text-primary);transition:color .3s ease}.email-cell-usermanagement{display:flex;align-items:center;gap:8px}.email-icon-usermanagement{font-size:13px;color:var(--email-icon);transition:color .3s ease}.email-text-usermanagement{color:var(--text-secondary);transition:color .3s ease}.role-badge-usermanagement{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.role-badge-usermanagement.admin{background:var(--role-admin-bg);color:var(--role-admin-text);border:1px solid var(--border-medium)}.role-badge-usermanagement.engineer{background:var(--role-engineer-bg);color:var(--role-engineer-text);border:1px solid var(--border-medium)}.role-badge-usermanagement.user{background:var(--role-user-bg);color:var(--role-user-text);border:1px solid var(--border-medium)}.status-badge-usermanagement{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-usermanagement.active{background:var(--status-active-bg);color:var(--status-active-text);border:1px solid var(--border-medium)}.status-badge-usermanagement.inactive{background:var(--status-inactive-bg);color:var(--status-inactive-text);border:1px solid var(--border-medium)}.module-badge-usermanagement{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-module);border-radius:6px;font-size:12px;color:var(--text-secondary);transition:background .3s ease,color .3s ease}.action-badge-usermanagement{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--bg-action);color:var(--text-muted);transition:background .3s ease,color .3s ease}.timestamp-cell-usermanagement{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.timestamp-icon-usermanagement{font-size:12px;color:var(--timestamp-icon);transition:color .3s ease}.action-dropdown-container-usermanagement{position:relative;display:inline-block}.action-dropdown-toggle-usermanagement{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.action-dropdown-toggle-usermanagement:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.dropdown-arrow-usermanagement{font-size:10px;transition:transform .2s ease}.dropdown-arrow-usermanagement.open-usermanagement{transform:rotate(180deg)}.action-dropdown-menu-usermanagement{min-width:180px;max-width:220px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;transition:background .3s ease,border-color .3s ease}.action-dropdown-menu-usermanagement::-webkit-scrollbar{width:3px}.action-dropdown-menu-usermanagement::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.action-dropdown-menu-usermanagement::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.dropdown-item-usermanagement{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.dropdown-item-usermanagement:hover{background:var(--dropdown-item-hover);color:var(--text-primary)}.dropdown-item-usermanagement.primary{color:var(--text-edit)}.dropdown-item-usermanagement.primary:hover{background:var(--dropdown-item-primary-hover)}.dropdown-item-usermanagement.warning{color:var(--icon-warning)}.dropdown-item-usermanagement.warning:hover{background:var(--dropdown-item-warning-hover)}.dropdown-item-usermanagement.danger{color:var(--text-danger)}.dropdown-item-usermanagement.danger:hover{background:var(--dropdown-item-danger-hover)}.dropdown-item-usermanagement.success{color:var(--text-success)}.dropdown-item-usermanagement.success:hover{background:var(--dropdown-item-success-hover)}.empty-state-usermanagement{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state-usermanagement p{margin:0;font-size:14px;transition:color .3s ease}.pagination-usermanagement{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.pagination-info-usermanagement{font-size:13px;color:var(--text-muted);transition:color .3s ease}.pagination-controls-usermanagement{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn-usermanagement{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-btn-usermanagement:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn-usermanagement:disabled{opacity:.3;cursor:not-allowed}.page-number-usermanagement{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-number-usermanagement:hover{background:var(--bg-section);color:var(--text-primary)}.page-number-usermanagement.active-usermanagement{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.modal-overlay-usermanagement{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-usermanagement{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;transition:background .3s ease,border-color .3s ease}.modal-content-usermanagement.user-modal-usermanagement.view{max-width:600px}.modal-content-usermanagement.user-modal-usermanagement.edit{max-height:none;overflow:visible}.modal-content-usermanagement.user-modal-usermanagement.edit .modal-body-usermanagement{overflow-y:visible;max-height:none}.modal-content-usermanagement.password-modal-usermanagement{max-width:560px;width:calc(100% - 32px)}.modal-content-usermanagement.confirm-modal-usermanagement{max-width:420px;text-align:center}.modal-header-usermanagement{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.modal-header-usermanagement h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-usermanagement{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif;line-height:1}.modal-close-usermanagement:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-usermanagement{padding:20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-body-usermanagement::-webkit-scrollbar{width:4px}.modal-body-usermanagement::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-usermanagement::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-actions-usermanagement{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.user-details-view-usermanagement{display:flex;flex-direction:column;gap:16px}.detail-section-usermanagement{margin-bottom:0}.detail-section-usermanagement h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.detail-row-usermanagement{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-row-usermanagement:last-child{border-bottom:none}.detail-row-usermanagement span{color:var(--text-muted);font-size:13px;transition:color .3s ease}.detail-row-usermanagement strong{color:var(--text-primary);font-size:14px;transition:color .3s ease}.user-form-usermanagement{display:flex;flex-direction:column;gap:4px}.form-row-usermanagement{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.form-group-usermanagement{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-group-usermanagement label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-group-usermanagement input,.form-group-usermanagement select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.select-chevron-wrap-usermanagement{position:relative}.select-chevron-wrap-usermanagement>select{appearance:none;padding-right:36px}.select-chevron-wrap-usermanagement:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--icon-color);pointer-events:none}.form-group-usermanagement input:focus,.form-group-usermanagement select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-usermanagement input::placeholder{color:var(--text-muted)}.form-group-usermanagement input:disabled{opacity:.5;cursor:not-allowed}.form-group-usermanagement input.error,.form-group-usermanagement select.error{border-color:var(--required-color)}.form-group-usermanagement input.error:focus,.form-group-usermanagement select.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group-usermanagement small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.form-group-usermanagement select option{background:var(--bg-select-option);color:var(--text-primary)}.error-text-usermanagement{font-size:12px;color:var(--error-color)}.password-input-wrapper-usermanagement{position:relative;display:flex;align-items:center}.password-input-wrapper-usermanagement input{padding-right:44px}.password-toggle-btn-usermanagement{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--password-toggle-color);cursor:pointer;padding:4px;font-size:18px;transition:all .2s ease;font-family:Poppins,sans-serif}.password-toggle-btn-usermanagement:hover{color:var(--password-toggle-hover)}.user-info-summary-usermanagement{background:var(--bg-user-info);border-radius:10px;padding:12px 16px;margin-bottom:16px;transition:background .3s ease}.user-info-summary-usermanagement p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.user-info-summary-usermanagement p strong{color:var(--text-primary);transition:color .3s ease}.cancel-btn-usermanagement{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-usermanagement:hover{background:var(--btn-cancel-hover)}.save-btn-usermanagement{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.save-btn-usermanagement:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.save-btn-usermanagement:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.delete-btn-usermanagement{padding:10px 24px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.delete-btn-usermanagement:hover:not(:disabled){background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.delete-btn-usermanagement:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-icon-usermanagement{font-size:48px;color:var(--confirm-icon-color);margin:8px 0 12px}.confirm-modal-usermanagement h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.confirm-modal-usermanagement p{font-size:14px;color:var(--text-secondary);margin:4px 0;transition:color .3s ease}.warning-text-usermanagement{font-size:13px;color:var(--warning-text-color)!important;margin-top:8px!important}.skeleton-line-large-usermanagement{height:40px;width:60%;border-radius:6px;animation:shimmer-usermanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-button-usermanagement{height:40px;width:120px;border-radius:8px;animation:shimmer-usermanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-tab-usermanagement{height:40px;width:100px;border-radius:8px;background:var(--bg-card);animation:shimmer-usermanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-search-usermanagement{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer-usermanagement 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-usermanagement{height:300px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@keyframes shimmer-usermanagement{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.user-management-usermanagement{padding-inline:20px}}@media(max-width:1024px){.user-management-usermanagement{padding-inline:18px}.form-row-usermanagement{grid-template-columns:1fr 1fr}.user-charts-grid-usermanagement{grid-template-columns:1fr;gap:12px}}@media(max-width:768px){.user-management-usermanagement{padding-inline:14px;padding-top:12px;overflow-x:clip;max-width:100%;box-sizing:border-box}.user-management-header-usermanagement{padding:0 0 16px}.user-tabs-wrapper-usermanagement{flex-direction:column;align-items:stretch;gap:12px}.user-tabs-usermanagement{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;border-radius:8px}.tab-btn-usermanagement{padding:8px 10px;font-size:12px;white-space:nowrap;flex:1 1 0;min-width:0;flex-shrink:1;justify-content:center;overflow:hidden;text-overflow:ellipsis}.tab-badge-usermanagement{min-width:18px;height:18px;font-size:10px;padding:0 6px}.user-tab-actions-usermanagement{width:100%}.create-user-btn-usermanagement,.refresh-btn-usermanagement{flex:1;justify-content:center}.user-filters-section-usermanagement{flex-direction:column;align-items:stretch;gap:8px}.search-box-usermanagement{max-width:none;min-width:auto}.filter-role-usermanagement{min-width:auto}.users-table-container-usermanagement{overflow:visible;max-width:100%;min-width:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.users-table-usermanagement{min-width:0}.users-table-usermanagement thead{display:none}.users-table-usermanagement,.users-table-usermanagement tbody,.users-table-usermanagement tr,.users-table-usermanagement td{display:block;width:100%}.users-table-usermanagement tbody tr{display:block;width:100%;background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:12px;margin-bottom:12px;padding:6px 14px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%}.users-table-usermanagement tbody tr:hover{background:var(--bg-surface)}.users-table-usermanagement tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.users-table-usermanagement tbody td:last-child{border-bottom:none}.users-table-usermanagement tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%}.users-table-usermanagement tbody td>*,.users-table-usermanagement tbody td .user-name-usermanagement,.users-table-usermanagement tbody td .email-text-usermanagement{margin-left:auto;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.users-table-usermanagement tbody td .role-badge-usermanagement,.users-table-usermanagement tbody td .status-badge-usermanagement{flex:0 0 auto;width:fit-content;max-width:58%;white-space:nowrap;margin-left:auto}.users-table-usermanagement tbody td[data-label=Action] .action-badge-usermanagement,.users-table-usermanagement tbody td[data-label=Module] .module-badge-usermanagement{flex:1 1 auto;min-width:0;max-width:55%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:right;line-height:1.4;margin-left:auto}.users-table-usermanagement tbody td[data-label=Module] .module-badge-usermanagement svg{flex-shrink:0}.users-table-usermanagement tbody td.empty-state-usermanagement{display:block;text-align:center;justify-content:center}.users-table-usermanagement tbody td.empty-state-usermanagement:before{content:none}.user-cell-content-usermanagement{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0;flex:1}.email-cell-usermanagement{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0;flex:1}.email-icon-usermanagement,.timestamp-icon-usermanagement,.user-avatar-usermanagement{flex-shrink:0}.action-dropdown-menu-usermanagement{max-width:calc(100vw - 28px)}.modal-content-usermanagement{max-width:100%;margin:12px;border-radius:14px}.modal-content-usermanagement.user-modal-usermanagement.view{max-width:100%}.modal-header-usermanagement{padding:16px 18px}.modal-header-usermanagement h3{font-size:18px}.modal-body-usermanagement{padding:16px 18px}.modal-actions-usermanagement{padding:14px 18px 18px;flex-direction:column}.modal-actions-usermanagement button{width:100%;justify-content:center}.pagination-usermanagement{flex-direction:column;align-items:center;gap:8px}.pagination-controls-usermanagement{justify-content:center}.form-row-usermanagement{grid-template-columns:1fr;gap:4px}.detail-row-usermanagement{flex-direction:column;gap:2px;padding:4px 0}.detail-row-usermanagement span{font-size:12px}.detail-row-usermanagement strong{font-size:13px}.user-charts-grid-usermanagement{grid-template-columns:1fr;gap:10px}.user-chart-card-usermanagement{padding:14px 16px}.user-chart-wrapper-usermanagement,.user-chart-wrapper-usermanagement.donut{height:230px}}@media(max-width:480px){.user-management-usermanagement{padding-inline:10px}.tab-btn-usermanagement{padding:6px 10px;font-size:11px}.users-table-usermanagement tbody td{padding:8px 0;font-size:11px;gap:10px}.users-table-usermanagement tbody td:before{font-size:10px}.users-table-usermanagement tbody tr{padding:4px 12px;margin-bottom:10px}.page-btn-usermanagement,.page-number-usermanagement{font-size:12px;padding:6px 12px}.pagination-info-usermanagement{font-size:12px}.modal-content-usermanagement{border-radius:12px}.modal-header-usermanagement h3{font-size:16px}.modal-body-usermanagement{padding:14px 16px}.modal-close-usermanagement{width:30px;height:30px;font-size:18px}.confirm-icon-usermanagement{font-size:36px}.confirm-modal-usermanagement h3{font-size:18px}.user-charts-grid-usermanagement{grid-template-columns:1fr;gap:8px}.user-chart-card-usermanagement{padding:12px;border-radius:10px}.user-chart-wrapper-usermanagement,.user-chart-wrapper-usermanagement.donut{height:220px}.user-chart-header-usermanagement h3{font-size:14px}}@media(max-width:360px){.user-management-usermanagement{padding-inline:6px}.users-table-usermanagement tbody td{padding:6px 0;font-size:10px}.users-table-usermanagement tbody td:before{font-size:10px}.users-table-usermanagement tbody td[data-label=Email],.users-table-usermanagement tbody td[data-label=Timestamp]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.users-table-usermanagement tbody td[data-label=Email]:before,.users-table-usermanagement tbody td[data-label=Timestamp]:before{max-width:100%}.users-table-usermanagement tbody td[data-label=Email]>*,.users-table-usermanagement tbody td[data-label=Timestamp]>*,.users-table-usermanagement tbody td[data-label=Email] .user-cell-content-usermanagement,.users-table-usermanagement tbody td[data-label=Timestamp] .user-cell-content-usermanagement,.users-table-usermanagement tbody td[data-label=Email] .email-cell-usermanagement,.users-table-usermanagement tbody td[data-label=Timestamp] .timestamp-cell-usermanagement{margin-left:0;text-align:left;flex:none;width:100%;justify-content:flex-start}.user-charts-grid-usermanagement{grid-template-columns:1fr;gap:6px}.user-chart-card-usermanagement{padding:10px 12px}.user-chart-wrapper-usermanagement,.user-chart-wrapper-usermanagement.donut{height:210px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.users-table-usermanagement tbody tr:hover,.user-chart-card-usermanagement:hover{transform:none!important}.skeleton-line-large-usermanagement,.skeleton-button-usermanagement,.skeleton-tab-usermanagement,.skeleton-search-usermanagement,.skeleton-chart-usermanagement{animation:none!important;background:var(--skeleton-bg)!important}.create-user-btn-usermanagement:hover,.refresh-btn-usermanagement:hover,.action-dropdown-toggle-usermanagement:hover,.save-btn-usermanagement:hover,.delete-btn-usermanagement:hover,.cancel-btn-usermanagement:hover,.modal-close-usermanagement:hover,.dropdown-arrow-usermanagement.open-usermanagement{transform:none!important}}.photo-picker-usermanagement{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;border-radius:14px;background:var(--bg-avatar);border:1px solid var(--border-medium)}.photo-avatar-usermanagement{position:relative;width:72px;height:72px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.photo-icon-usermanagement{font-size:40px;color:var(--avatar-icon)}.photo-img-usermanagement{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.photo-camera-usermanagement{position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:50%;background:#f39c12;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid var(--bg-elevated)}.photo-meta-usermanagement{display:flex;flex-direction:column;gap:2px;min-width:0}.photo-meta-usermanagement strong{font-size:15px;color:var(--text-primary)}.photo-meta-usermanagement span{font-size:12px;color:var(--text-secondary)}.user-avatar-usermanagement{position:relative;overflow:hidden}.avatar-photo-usermanagement{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.user-details-photo-usermanagement{display:flex;justify-content:center;margin-bottom:14px}.user-details-photo-usermanagement img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--border-medium)}.password-modal-usermanagement .modal-header-usermanagement{padding:16px 20px 12px}.password-modal-usermanagement .modal-body-usermanagement{padding:14px 20px;display:flex;flex-direction:column;gap:12px}.password-modal-usermanagement .user-info-summary-usermanagement{margin-bottom:0}.password-modal-usermanagement .form-row-usermanagement{margin-bottom:0;grid-template-columns:1fr}.password-modal-usermanagement .form-group-usermanagement{margin-bottom:0}.password-modal-usermanagement .modal-actions-usermanagement{padding:12px 20px 16px}.user-form-usermanagement .form-row-usermanagement{grid-template-columns:1fr}.user-form-usermanagement .form-group-usermanagement:empty{display:none}.user-form-usermanagement input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-settings{margin:0 auto;padding:24px;background:var(--bg-base);min-height:calc(100vh - 70px)}.settings-header{margin-bottom:28px;padding-bottom:0;border-bottom:none}.settings-header h1{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text-primary);letter-spacing:-.02em}.settings-header p{font-size:14px;color:var(--text-primary);margin:0}.settings-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#dcfce7;border:1px solid #BBF7D0;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;margin-bottom:20px}.settings-success svg{color:var(--success)}.settings-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #FECACA;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;margin-bottom:20px}.settings-error svg{color:var(--danger)}.settings-tabs{display:flex;gap:4px;margin-bottom:28px;background:transparent;border-radius:0;padding:0;border:none;border-bottom:2px solid var(--border-light);width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:24px;box-shadow:var(--shadow-sm)}.settings-card h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px}.settings-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:24px 0 16px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;background:var(--bg-card)}.form-group input.error{border-color:var(--danger)}.form-group small,.error-text{display:block;font-size:12px;color:var(--text-primary);margin-top:6px}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500}.password-toggle-btn:hover{color:var(--primary)}.password-strength{margin-top:8px}.strength-meter{height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-bar{height:100%;border-radius:2px;transition:width .3s ease}.strength-bar.weak{background:var(--danger)}.strength-bar.medium{background:var(--warning)}.strength-bar.strong{background:var(--primary)}.strength-bar.very-strong{background:var(--success)}.strength-text{font-size:12px;color:var(--text-primary)}.password-section{text-align:center;padding:20px}.password-section p{font-size:14px;color:var(--text-primary);margin-bottom:20px}.change-password-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.change-password-btn:hover{background:var(--primary-hover)}.info-message{background:var(--bg-base);border-radius:var(--radius-lg);padding:16px}.info-message p{font-size:14px;color:var(--text-primary);margin:0 0 8px}.info-message small{font-size:12px;color:var(--text-primary)}.checkbox-group{margin:20px 0;display:flex;flex-direction:column;gap:12px}.checkbox-list{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checkbox-label span{flex:1}.backup-actions{display:flex;gap:16px;flex-wrap:wrap}.backup-btn,.restore-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.backup-btn:hover,.restore-btn:hover{background:var(--border-light)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.save-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--primary-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.cancel-btn:hover{background:var(--border-light)}.spinner{animation:spin 1s linear infinite}.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line.large{width:250px;height:32px;margin-bottom:8px}.skeleton-line.medium{width:350px;height:20px;margin-bottom:8px}.skeleton-tab{height:40px;width:100px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px}.skeleton-input{height:44px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:20px}.skeleton-button{height:44px;width:120px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-top:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.admin-settings{padding:20px}.settings-header h1{font-size:26px}.settings-tabs{gap:2px}.tab-btn{padding:10px 16px;font-size:13px}.settings-card{padding:20px}.form-row{gap:16px}}@media(max-width:768px){.admin-settings{padding:16px}.settings-header h1{font-size:24px}.settings-header p{font-size:13px}.settings-tabs{gap:2px;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:10px 14px;font-size:13px;flex-shrink:0}.settings-card{padding:16px;border-radius:var(--radius-lg)}.settings-card h2{font-size:17px;margin-bottom:16px;padding-bottom:10px}.settings-card h3{font-size:14px;margin:20px 0 12px}.form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:13px}.form-group small{font-size:11px}.form-actions{flex-direction:column;gap:8px;margin-top:20px;padding-top:16px}.save-btn,.cancel-btn{width:100%;justify-content:center;padding:10px 16px;font-size:13px}.backup-actions{flex-direction:column;gap:10px}.backup-btn,.restore-btn{width:100%;justify-content:center;padding:10px 16px;font-size:13px}.checkbox-list{gap:10px}.checkbox-label{font-size:13px;gap:10px}.checkbox-label input{width:16px;height:16px}.password-section{padding:16px}.password-section p{font-size:13px}.change-password-btn{width:100%;justify-content:center;padding:10px 16px;font-size:13px}.info-message{padding:12px 14px}.info-message p{font-size:13px}.info-message small{font-size:11px}.password-input-wrapper input{padding-right:40px}.password-toggle-btn{font-size:13px;right:10px}.settings-success,.settings-error{font-size:13px;padding:10px 14px}}@media(max-width:480px){.admin-settings{padding:12px}.settings-header h1{font-size:20px}.settings-header p{font-size:12px}.settings-tabs{gap:0;margin-bottom:16px}.tab-btn{font-size:12px;padding:8px 12px}.settings-card{padding:12px;border-radius:var(--radius-md)}.settings-card h2{font-size:16px;margin-bottom:12px;padding-bottom:8px}.settings-card h3{font-size:13px;margin:16px 0 10px}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:12px;border-radius:var(--radius-sm)}.form-group small{font-size:10px;margin-top:4px}.error-text{font-size:10px}.form-actions{margin-top:16px;padding-top:12px;gap:6px}.save-btn,.cancel-btn,.backup-btn,.restore-btn{padding:8px 14px;font-size:12px;border-radius:var(--radius-sm)}.checkbox-label{font-size:12px;gap:8px}.checkbox-label input{width:14px;height:14px}.password-section{padding:12px}.password-section p{font-size:12px}.change-password-btn{padding:8px 14px;font-size:12px;border-radius:var(--radius-sm)}.info-message{padding:10px 12px}.info-message p{font-size:12px}.info-message small{font-size:10px}.password-input-wrapper input{padding-right:36px}.password-toggle-btn{font-size:12px;right:8px}.settings-success,.settings-error{font-size:12px;padding:8px 12px;border-radius:var(--radius-sm)}.settings-success svg,.settings-error svg{font-size:14px}.strength-text{font-size:11px}.password-strength{margin-top:6px}}@media(max-width:360px){.admin-settings{padding:8px}.settings-header h1{font-size:18px}.settings-header p{font-size:11px}.tab-btn{font-size:11px;padding:6px 10px}.settings-card{padding:10px}.settings-card h2{font-size:15px}.settings-card h3{font-size:12px}.form-group label{font-size:11px}.form-group input,.form-group select,.form-group textarea{font-size:11px;padding:6px 8px}.save-btn,.cancel-btn,.backup-btn,.restore-btn,.change-password-btn{font-size:11px;padding:6px 12px}.checkbox-label,.password-section p,.info-message p{font-size:11px}.settings-success,.settings-error{font-size:11px;padding:6px 10px}}:root{--bg-primary: #F5F7F4;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .98);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(0, 0, 0, .02);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #5A6A7A;--text-muted: #9AA8B8;--border-color: #E8EDE8;--border-card: rgba(255, 255, 255, .9);--border-medium: #DFE5DF;--shadow-card: 0 4px 20px rgba(23, 33, 43, .06), 0 1px 6px rgba(23, 33, 43, .03);--shadow-card-hover: 0 8px 28px rgba(23, 33, 43, .09), 0 2px 8px rgba(23, 33, 43, .04);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--overlay-bg: rgba(0, 0, 0, .6);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--timeline-completed-color: #10B981;--timeline-current-color: #F39C12;--timeline-upcoming-color: #D1D9D1;--timeline-connector-color: #DFE5DF;--photo-overlay-bg: rgba(0, 0, 0, .4);--border-radius-card: 14px;--border-radius-sm: 8px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body.dark-mode{--bg-primary: #0D121C;--bg-card: #18222F;--bg-card-hover: #1D2A3A;--bg-surface: #131C28;--bg-elevated: #18222F;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .04);--bg-table-header: rgba(255, 255, 255, .04);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(24, 34, 47, .98);--bg-input: rgba(255, 255, 255, .04);--bg-tabs: #18222F;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .75);--timeline-connector-color: rgba(255, 255, 255, .08);--timeline-upcoming-color: rgba(255, 255, 255, .2);--photo-overlay-bg: rgba(0, 0, 0, .5)}.admin-schedule-dashboard{background:var(--bg-primary);min-height:100vh;font-family:var(--font-family);color:var(--text-primary);transition:background .3s ease,color .3s ease;margin:0 auto}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.section-header h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px;transition:color .3s ease}.section-icon{color:var(--icon-color);font-size:20px}.section-subtitle{font-size:14px;color:var(--text-muted);margin-left:4px;font-weight:400}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:12px}.schedule-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.schedule-chart-card{background:var(--bg-card);border-radius:var(--border-radius-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 16px 12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.schedule-chart-header{display:flex;flex-direction:column;gap:1px;margin-bottom:4px;flex-shrink:0}.schedule-chart-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.schedule-chart-period{font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.3}.schedule-chart-wrapper{width:100%;height:220px;min-height:220px;flex:1}.schedule-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;text-align:center;font-size:13px;color:var(--text-muted);padding:24px;line-height:1.5}.recharts-custom-tooltip-schedule{background:var(--bg-card, #FFFFFF);border:1px solid var(--border-card, #E8EDE8);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #0000001f;min-width:140px}.recharts-custom-tooltip-schedule .tooltip-label-schedule{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.recharts-custom-tooltip-schedule .tooltip-item-schedule{font-size:12px;font-weight:500;color:var(--text-secondary);margin:2px 0}.kpi-card{background:var(--bg-card);border-radius:var(--border-radius-card);padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;transition:all .2s ease;min-height:85px;display:flex;flex-direction:column;justify-content:center}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);background:var(--bg-card-hover)}.kpi-card .kpi-value{font-size:30px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.kpi-card .kpi-label{font-size:13px;font-weight:500;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.kpi-card .kpi-icon{position:absolute;top:16px;right:18px;font-size:22px;color:var(--icon-color);opacity:.2}.tab-container{margin-bottom:20px}.tab-bar{display:inline-flex;gap:6px;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn{padding:10px 28px;background:transparent;border:none;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:var(--font-family);white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn.active{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:420px}.search-wrapper input{width:100%;padding:10px 14px 10px 42px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:var(--font-family);transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-wrapper input::placeholder{color:var(--text-muted)}.search-wrapper input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c1214}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;z-index:2;pointer-events:none}.refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);white-space:nowrap}.refresh-btn:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-container{background:var(--bg-card);border-radius:var(--border-radius-card);border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.schedule-table{width:100%;border-collapse:collapse;font-size:13px}.schedule-table thead{background:var(--bg-table-header)}.schedule-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.schedule-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.schedule-table tbody tr:last-child{border-bottom:none}.schedule-table tbody tr:hover{background:var(--bg-table-row-hover)}.schedule-table tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.title-cell .schedule-title{font-weight:600;color:var(--text-primary);transition:color .3s ease}.title-cell .schedule-id{font-size:11px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.client-cell .client-name{font-weight:500;color:var(--text-primary);transition:color .3s ease}.client-cell .client-contact{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.client-cell .client-contact svg{font-size:11px}.schedule-table tbody td.client-cell-profile,.schedule-table tbody td.engineer-cell-profile{font-weight:500;color:var(--text-primary)}.client-profile,.engineer-profile{display:flex;align-items:center;gap:10px;min-width:0}.client-photo,.engineer-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials,.engineer-initials{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-wrap{display:flex;flex-direction:column;min-width:0}.schedule-table tbody td.client-cell-profile .client-name,.schedule-table tbody td.engineer-cell-profile .engineer-name{font-size:13px;font-weight:500;line-height:1.4;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.client-contact{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:400;color:var(--text-muted);margin-top:2px}.client-contact svg{font-size:10px}.unassigned{color:var(--text-muted);font-size:12px}.date-cell .date-row{font-weight:500;color:var(--text-primary);transition:color .3s ease}.date-cell .time-row{font-size:12px;color:var(--text-muted);margin-top:1px;transition:color .3s ease}.loading-cell,.empty-cell{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.view-details-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.view-details-btn:hover{background:var(--bg-card-hover);border-color:var(--icon-color);color:var(--icon-color)}.view-details-btn svg{font-size:13px}.status-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:1px solid var(--border-medium)}.status-badge.scheduled{background:#3b82f61a;color:#2563eb}.status-badge.confirmed{background:#8b5cf61a;color:#7c3aed}.status-badge.in-progress{background:#f39c121a;color:#d97706}.status-badge.completed{background:#10b9811a;color:#059669}.status-badge.cancelled{background:#ef44441a;color:#dc2626}.status-badge.rescheduled{background:#f39c121a;color:#d97706}.status-badge.quoted{background:#94a3b81a;color:#64748b}.status-badge.approved{background:#3b82f61a;color:#2563eb}.status-badge.initial-paid{background:#f39c121a;color:#d97706}.status-badge.full-paid,.status-badge.progress-paid{background:#10b9811a;color:#059669}.type-badge{display:inline-block;padding:3px 12px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--border-medium)}.type-badge.pre-assessment{background:#3b82f61a;color:#2563eb}.type-badge.site-visit{background:#10b9811a;color:#059669}.type-badge.installation{background:#f39c121a;color:#d97706}.type-badge.inspection{background:#8b5cf61a;color:#7c3aed}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.page-number{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:var(--bg-modal);border-radius:18px;max-width:720px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-card);position:relative;transition:background .3s ease,border-color .3s ease}.modal-content.detail-modal{max-width:720px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;transition:color .2s ease}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-actions{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.close-btn{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.close-btn:hover{background:var(--bg-hover)}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;transition:color .3s ease,border-color .3s ease}.detail-section h4 .payment-plan-badge{font-size:11px;font-weight:500;color:var(--icon-color);background:var(--bg-section);padding:2px 12px;border-radius:12px;border:1px solid var(--border-color);text-transform:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.full-width{grid-column:1 / -1}.detail-item .detail-label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.detail-item .detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.detail-description,.detail-notes{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.empty-value{color:var(--text-muted);font-size:14px}.address-display{font-size:14px;color:var(--text-secondary);line-height:1.5}.workflow-timeline-horizontal{background:var(--bg-section);border-radius:10px;padding:20px 16px;border:1px solid var(--border-color)}.timeline-steps-horizontal{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0;padding:4px 0 16px;justify-content:space-between;align-items:flex-start}.timeline-step-horizontal{display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px;position:relative;padding:0 4px}.timeline-marker-horizontal{display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;z-index:2}.marker-icon-horizontal{font-size:18px;z-index:2;background:var(--bg-card);border-radius:50%;padding:2px}.marker-icon-horizontal.completed{color:var(--timeline-completed-color)}.marker-dot-horizontal{width:16px;height:16px;border-radius:50%;z-index:2;background:transparent}.marker-dot-horizontal.current{border:none;background:var(--timeline-current-color);box-shadow:0 0 0 4px #f39c1226;animation:pulse-dot 2s ease-in-out infinite}.marker-dot-horizontal.upcoming{border:2px solid var(--timeline-upcoming-color);background:transparent}.timeline-connector-horizontal{position:absolute;top:8px;left:50%;width:100%;height:2px;background:var(--timeline-connector-color);z-index:1}.timeline-connector-horizontal.completed{background:var(--timeline-completed-color)}.timeline-step-horizontal:last-child .timeline-connector-horizontal{display:none}.timeline-content-horizontal{text-align:center;width:100%;padding:0 4px}.timeline-title-horizontal{font-size:12px;font-weight:500;color:var(--text-primary);line-height:1.3;transition:color .3s ease;word-wrap:break-word}.timeline-status-horizontal{font-size:10px;font-weight:500;margin-top:2px;transition:color .3s ease}.timeline-step-horizontal .marker-icon-horizontal.completed~.timeline-content-horizontal .timeline-status-horizontal{color:var(--timeline-completed-color)}.timeline-step-horizontal .marker-dot-horizontal.current~.timeline-content-horizontal .timeline-status-horizontal{color:var(--timeline-current-color)}.timeline-step-horizontal .marker-dot-horizontal.upcoming~.timeline-content-horizontal .timeline-status-horizontal{color:var(--text-muted)}.timeline-progress-text{text-align:center;font-size:14px;color:var(--text-secondary);padding-top:12px;border-top:1px solid var(--border-color);margin-top:8px}.timeline-progress-text strong{color:var(--icon-color);font-weight:700}.site-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.site-photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg-section);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.site-photo-item:hover{transform:scale(1.03);border-color:#f39c124d}.site-photo-item img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;background:var(--photo-overlay-bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.site-photo-item:hover .photo-overlay{opacity:1}.photo-overlay svg{color:#fff;font-size:24px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #f39c1226}50%{box-shadow:0 0 0 8px #f39c120d}}@media(max-width:1024px){.admin-schedule-dashboard{padding:20px 24px 40px}.site-photos-grid{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:90%}.schedule-charts-row{grid-template-columns:1fr;gap:16px}.schedule-chart-wrapper{height:260px;min-height:260px}}@media(max-width:768px){.admin-schedule-dashboard{padding:16px 14px 32px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px 18px;min-height:70px}.kpi-card .kpi-value{font-size:26px}.schedule-charts-row{gap:14px}.schedule-chart-card{padding:14px 14px 10px}.schedule-chart-wrapper{height:220px;min-height:220px}.tab-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px;gap:4px;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-sm)}.tab-btn{padding:8px 18px;font-size:12px;white-space:nowrap;flex-shrink:0}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.search-wrapper{max-width:none;min-width:auto}.refresh-btn{justify-content:center}.table-container{background:transparent;border:none;box-shadow:none;overflow:visible}.schedule-table{background:transparent}.schedule-table thead{display:none}.schedule-table tbody{display:block;background:transparent}.schedule-table tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border-card)}.schedule-table tbody tr:last-child{margin-bottom:0;border-bottom:1px solid var(--border-card)}.schedule-table tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:10px 14px;border-bottom:none;border-top:none}.schedule-table tbody td:not(:first-child):not(:last-child){background:var(--bg-primary)}.schedule-table tbody td:first-child+td{border-radius:12px 12px 0 0}.schedule-table tbody td:nth-last-child(2){border-radius:0 0 12px 12px}.schedule-table tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-color)}.schedule-table tbody td:first-child{border-top:none;display:block;text-align:center;padding-top:14px;padding-bottom:12px}.schedule-table tbody td:last-child{border-bottom:none}.schedule-table tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;text-transform:none;letter-spacing:0;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px}.schedule-table tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.schedule-table tbody td>*{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.schedule-table tbody td:first-child>*{text-align:center}.schedule-table tbody td[data-label=Client] .client-cell{align-items:flex-end;text-align:right;width:100%}.schedule-table tbody td[data-label=Client] .client-name{text-align:right;width:100%}.schedule-table tbody td[data-label=Client] .client-contact{justify-content:flex-end;margin-left:auto;text-align:right}.schedule-table tbody td[data-label=Client] .client-profile,.schedule-table tbody td[data-label=Engineer] .engineer-profile{justify-content:flex-end;margin-left:auto;text-align:right;width:100%}.schedule-table tbody td:first-child .client-profile{justify-content:center;text-align:center}.schedule-table tbody td[data-label=Action]{display:block;text-align:center!important;padding-top:12px}.schedule-table tbody td[data-label=Action]:before{display:none}.schedule-table tbody td[data-label=Type] .type-badge,.schedule-table tbody td[data-label=Status] .status-badge{flex:none;margin-left:auto}.title-cell .schedule-title{font-size:16px;font-weight:700;line-height:1.35}.client-cell .client-name,.date-cell .date-row{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.title-cell .schedule-id{text-align:center}.view-details-btn{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600}.view-details-btn:hover{transform:none;box-shadow:none}.modal-content{max-width:100%;margin:12px;border-radius:14px}.modal-content.detail-modal{max-width:100%}.modal-header h3{font-size:18px}.modal-body{padding:16px 18px}.modal-actions{padding:14px 18px 18px;flex-direction:column}.modal-actions button{width:100%;justify-content:center}.pagination{flex-direction:column;align-items:center;gap:8px}.pagination-controls{justify-content:center}.site-photos-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.timeline-steps-horizontal{flex-wrap:nowrap;overflow-x:auto;gap:8px;justify-content:flex-start}.timeline-step-horizontal{min-width:100px;flex:0 0 auto}.timeline-title-horizontal{font-size:11px}.timeline-status-horizontal{font-size:9px}}@media(max-width:480px){.admin-schedule-dashboard{padding:12px 10px 24px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.schedule-charts-row{gap:10px}.schedule-chart-wrapper,.schedule-chart-empty{height:200px;min-height:200px}.kpi-card{padding:12px 14px;min-height:60px}.kpi-card .kpi-value{font-size:22px}.kpi-card .kpi-label{font-size:11px}.kpi-card .kpi-icon{font-size:16px;top:10px;right:12px}.tab-btn{padding:6px 14px;font-size:11px}.schedule-table tbody tr{margin-bottom:12px;border-radius:16px;padding:10px 10px 12px}.schedule-table tbody td{padding:8px 10px;gap:10px}.schedule-table tbody td:before{flex-basis:80px;width:80px}.title-cell .schedule-title{font-size:14px}.page-btn,.page-number{font-size:12px;padding:6px 12px}.pagination-info{font-size:12px}.modal-content{border-radius:12px}.modal-header h3{font-size:16px}.modal-body{padding:14px 16px}.site-photos-grid{grid-template-columns:1fr 1fr;gap:8px}.site-photo-item{border-radius:var(--border-radius-sm)}.close-btn{padding:8px 16px;font-size:13px}.detail-section h4 .payment-plan-badge{font-size:10px;padding:1px 10px}.timeline-step-horizontal{min-width:80px}.timeline-title-horizontal{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.kpi-card:hover,.site-photo-item:hover{transform:none!important}.refresh-btn .spinning{animation:none!important}.photo-overlay{opacity:1!important;background:var(--photo-overlay-bg)!important}.marker-dot-horizontal.current{animation:none!important;box-shadow:0 0 0 4px #f39c1226!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-tabs: rgba(255, 255, 255, .86);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-equipment: rgba(255, 255, 255, .86);--bg-equipment-section: rgba(255, 255, 255, .5);--bg-subtabs: rgba(255, 255, 255, .5);--bg-ip-item: rgba(255, 255, 255, .5);--bg-history-item: rgba(255, 255, 255, .5);--bg-mobile-toggle: rgba(255, 255, 255, .5);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-equipment: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-warning-bg: #F39C12;--btn-warning-hover: #E67E22;--btn-add-bg: #F39C12;--btn-add-hover: #E67E22;--btn-edit-bg: rgba(59, 130, 246, .1);--btn-edit-text: #2563EB;--btn-edit-hover: rgba(59, 130, 246, .2);--btn-remove-bg: rgba(239, 68, 68, .1);--btn-remove-text: #DC2626;--btn-remove-hover: rgba(239, 68, 68, .2);--toggle-active-bg: #EF4444;--toggle-active-hover: #DC2626;--toggle-inactive-bg: #10B981;--toggle-inactive-hover: #059669;--active-badge-bg: rgba(239, 68, 68, .1);--active-badge-text: #DC2626;--active-badge-border: rgba(239, 68, 68, .2);--price-color: #D97706;--item-count-color: #98A2B3;--input-error-border: #EF4444;--input-error-shadow: rgba(239, 68, 68, .1);--required-color: #EF4444;--error-color: #DC2626;--ip-remove-hover: #DC2626}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-tabs: #1A2533;--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-equipment: #1A2533;--bg-equipment-section: rgba(255, 255, 255, .05);--bg-subtabs: rgba(255, 255, 255, .05);--bg-ip-item: rgba(255, 255, 255, .05);--bg-history-item: rgba(255, 255, 255, .05);--bg-mobile-toggle: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-equipment: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-warning-bg: #F39C12;--btn-warning-hover: #E67E22;--btn-add-bg: #F39C12;--btn-add-hover: #E67E22;--btn-edit-bg: rgba(59, 130, 246, .12);--btn-edit-text: #3B82F6;--btn-edit-hover: rgba(59, 130, 246, .2);--btn-remove-bg: rgba(239, 68, 68, .12);--btn-remove-text: #EF4444;--btn-remove-hover: rgba(239, 68, 68, .2);--toggle-active-bg: #EF4444;--toggle-active-hover: #DC2626;--toggle-inactive-bg: #10B981;--toggle-inactive-hover: #059669;--active-badge-bg: rgba(239, 68, 68, .12);--active-badge-text: #EF4444;--active-badge-border: rgba(239, 68, 68, .2);--price-color: #F39C12;--item-count-color: rgba(255, 255, 255, .4);--input-error-border: #EF4444;--input-error-shadow: rgba(239, 68, 68, .15);--required-color: #EF4444;--error-color: #EF4444;--ip-remove-hover: #EF4444}.maintenance-panel-admain{background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.panel-header-admain{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:24px;flex-wrap:wrap}.main-tabs-admain{display:inline-flex;gap:6px;margin-bottom:24px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.main-tab-btn-admain{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.main-tab-btn-admain:hover{color:var(--text-primary);background:var(--bg-hover)}.main-tab-btn-admain.active-admain{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.main-tab-btn-admain .tab-icon-admain{font-size:16px}.toggle-card-admain{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1.5px solid var(--border-medium);box-shadow:var(--shadow-card);margin-bottom:20px;flex-wrap:wrap;gap:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.toggle-info-admain h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease;overflow-wrap:break-word;min-width:0}.toggle-info-admain p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease;overflow-wrap:break-word;min-width:0}.active-badge-admain{display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:4px 14px;background:var(--active-badge-bg);border:1px solid var(--active-badge-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--active-badge-text);text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}.active-badge-admain .start-time-admain{font-weight:400;color:var(--text-muted);text-transform:none;transition:color .3s ease}.toggle-btn-admain{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.toggle-btn-admain.active-admain{background:var(--toggle-active-bg);color:#fff}.toggle-btn-admain.active-admain:hover:not(:disabled){background:var(--toggle-active-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.toggle-btn-admain.inactive-admain{background:var(--toggle-inactive-bg);color:#fff}.toggle-btn-admain.inactive-admain:hover:not(:disabled){background:var(--toggle-inactive-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.toggle-btn-admain:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.spinner-admain{animation:spin-admain .8s linear infinite}@keyframes spin-admain{to{transform:rotate(360deg)}}.settings-card-admain{background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1.5px solid var(--border-medium);box-shadow:var(--shadow-card);margin-bottom:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.settings-card-admain h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.ips-card-admain{background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-bottom:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.ips-card-admain h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.add-ip-admain{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-start}.ip-input-wrapper-admain{flex:1;min-width:200px}.ip-input-wrapper-admain input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease}.ip-input-wrapper-admain input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.ip-input-wrapper-admain input.error-admain{border-color:var(--input-error-border)}.ip-input-wrapper-admain input.error-admain:focus{box-shadow:0 0 0 3px var(--input-error-shadow)}.add-ip-admain button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--btn-add-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.add-ip-admain button:hover{background:var(--btn-add-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.ip-list-admain{display:flex;flex-wrap:wrap;gap:8px}.ip-item-admain{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 16px;background:var(--bg-ip-item);border-radius:20px;border:1px solid var(--border-color);font-size:13px;color:var(--text-secondary);transition:background .3s ease,color .3s ease,border-color .3s ease}.ip-item-admain span{font-family:monospace}.ip-item-admain button{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:2px;font-size:12px}.ip-item-admain button:hover{color:var(--ip-remove-hover)}.no-ips-admain{color:var(--text-muted);font-size:14px;padding:8px 0;transition:color .3s ease}.history-card-admain{background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-bottom:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.history-toggle-admain{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.history-toggle-admain:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.history-list-admain{margin-top:16px;display:flex;flex-direction:column;gap:8px}.history-item-admain{padding:12px 16px;background:var(--bg-history-item);border-radius:10px;border:1px solid var(--border-color);font-size:13px;color:var(--text-secondary);transition:background .3s ease,color .3s ease,border-color .3s ease}.history-item-admain div{margin:2px 0}.system-config-admain{background:var(--bg-card);border-radius:14px;padding:20px 24px;margin-bottom:20px;border:1.5px solid var(--border-medium);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.config-header-tabs-wrapper-admain{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.config-subtabs-wrapper-admain{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mobile-subtab-toggle-admain{display:none;padding:10px 16px;background:var(--bg-mobile-toggle);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;align-items:center;justify-content:space-between;gap:12px;width:100%;transition:background .3s ease,color .3s ease,border-color .3s ease}.mobile-subtab-toggle-admain .subtab-label-admain{text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--text-muted);transition:color .3s ease}.toggle-arrow-admain{transition:transform .2s ease;color:var(--text-muted);font-size:12px}.toggle-arrow-admain.open-admain{transform:rotate(180deg)}.config-subtabs-admain{display:inline-flex;gap:6px;flex-wrap:wrap;background:var(--bg-subtabs);padding:6px;border-radius:10px;border:1px solid var(--border-color);width:auto;transition:background .3s ease,border-color .3s ease}.subtab-btn-admain{padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;white-space:nowrap}.subtab-btn-admain:hover{color:var(--text-primary);background:var(--bg-hover)}.subtab-btn-admain.active-admain{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.subtab-badge-admain{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--bg-hover);font-size:11px;font-weight:600;color:var(--text-muted);transition:background .3s ease,color .3s ease}.subtab-btn-admain.active-admain .subtab-badge-admain{background:#fff3;color:#fff}.reset-config-btn-admain{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.reset-config-btn-admain:hover:not(:disabled){background:#ef44441a;border-color:#ef444433;color:var(--text-danger)}.reset-config-btn-admain:disabled{opacity:.5;cursor:not-allowed}.equipment-catalog-admain{display:flex;flex-direction:column;gap:16px}.equipment-section-admain{background:var(--bg-equipment-section);border-radius:12px;padding:16px 18px;border:1.5px solid var(--border-medium);transition:background .3s ease,border-color .3s ease}.section-header-admain{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.section-title-admain{display:flex;align-items:center;gap:10px}.section-title-admain h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.item-count-admain{font-size:12px;color:var(--item-count-color);transition:color .3s ease}.btn-add-admain{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--btn-add-bg);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-add-admain:hover{background:var(--btn-add-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.equipment-list-admain{display:flex;flex-direction:column;gap:8px}.empty-equipment-admain{color:var(--text-muted);font-size:13px;padding:8px 0;text-align:center;transition:color .3s ease}.equipment-card-admain{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-equipment);border-radius:8px;border:1.5px solid var(--border-medium);flex-wrap:wrap;gap:8px;transition:background .3s ease,border-color .3s ease}.equipment-info-admain{display:flex;flex-direction:column;gap:2px;flex:1;min-width:180px}.equipment-name-admain{font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.equipment-details-admain{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted);transition:color .3s ease}.equipment-details-admain .price-admain{color:var(--price-color);font-weight:600;transition:color .3s ease}.equipment-details-admain .capacity-admain,.equipment-details-admain .panel-area-admain,.equipment-details-admain .dob-admain,.equipment-details-admain .unit-admain,.equipment-details-admain .brand-admain,.equipment-details-admain .warranty-admain{padding:2px 8px;background:var(--bg-section);border-radius:4px;transition:background .3s ease}.equipment-actions-admain{display:flex;gap:6px}.equipment-actions-admain button{padding:4px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-edit-admain{background:var(--btn-edit-bg);color:var(--btn-edit-text)}.btn-edit-admain:hover{background:var(--btn-edit-hover)}.btn-remove-admain{background:var(--btn-remove-bg);color:var(--btn-remove-text)}.btn-remove-admain:hover{background:var(--btn-remove-hover)}.form-group-admain{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-group-admain label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-group-admain input,.form-group-admain textarea,.form-group-admain select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box}.form-group-admain input:focus,.form-group-admain textarea:focus,.form-group-admain select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-admain input::placeholder,.form-group-admain textarea::placeholder{color:var(--text-muted)}.form-group-admain input.error-admain,.form-group-admain textarea.error-admain,.form-group-admain select.error-admain{border-color:var(--input-error-border)}.form-group-admain input.error-admain:focus,.form-group-admain textarea.error-admain:focus,.form-group-admain select.error-admain:focus{box-shadow:0 0 0 3px var(--input-error-shadow)}.form-group-admain textarea{resize:vertical;min-height:60px}.form-group-admain select option{background:var(--bg-select-option);color:var(--text-primary)}.form-row-admain{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.input-group-admain{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;padding:0 14px;transition:background .3s ease,border-color .3s ease}.input-group-admain span{color:var(--text-muted);font-weight:600;transition:color .3s ease}.input-group-admain input{border:none;padding:10px 0;background:transparent;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;width:100%}.input-group-admain input:focus{outline:none}.checkbox-group-admain{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.checkbox-label-admain{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.checkbox-label-admain input[type=checkbox]{width:18px;height:18px;accent-color:var(--icon-color);cursor:pointer}.error-text-admain{font-size:12px;color:var(--error-color)}.save-btn-admain{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:8px}.save-btn-admain:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.save-btn-admain:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.save-config-btn-admain{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-warning-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:16px;align-self:flex-start}.save-config-btn-admain:hover:not(:disabled){background:var(--btn-warning-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.save-config-btn-admain:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-overlay-admain{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:var(--overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;overflow-y:auto}.modal-content-admain{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;margin:auto;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);position:relative;transition:background .3s ease,border-color .3s ease}.modal-header-admain{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-header-admain h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-body-admain{padding:20px 24px;overflow-y:auto;flex:1}.modal-body-admain::-webkit-scrollbar{width:4px}.modal-body-admain::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-admain::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-body-admain p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.modal-actions-admain{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.btn-cancel-admain{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-cancel-admain:hover{background:var(--btn-cancel-hover)}.btn-confirm-admain{padding:10px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.btn-confirm-admain:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.btn-confirm-admain:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-danger-admain{background:var(--btn-danger-bg)}.btn-danger-admain:hover:not(:disabled){box-shadow:0 4px 12px #ef444440}.skeleton-line-admain{border-radius:6px;animation:shimmer-admain 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line-admain.large-admain{height:40px;width:60%}.skeleton-card-admain{height:200px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-card)}@keyframes shimmer-admain{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.maintenance-panel-admain{padding-inline:20px}}@media(max-width:1024px){.maintenance-panel-admain{padding-inline:18px}.form-row-admain{grid-template-columns:1fr 1fr}}@media(max-width:768px){.maintenance-panel-admain{padding-inline:14px;padding-top:12px;overflow-x:clip;max-width:100%;box-sizing:border-box}.panel-header-admain{padding:0 0 16px}.main-tabs-admain{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;-webkit-overflow-scrolling:touch;border-radius:8px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,#000 88%,transparent 100%);mask-image:linear-gradient(to right,#000 88%,transparent 100%)}.main-tabs-admain::-webkit-scrollbar{display:none}.main-tab-btn-admain{padding:8px 14px;font-size:12px;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.main-tab-btn-admain .tab-icon-admain{flex-shrink:0}.toggle-card-admain{flex-direction:column;align-items:stretch;padding:16px 18px}.toggle-btn-admain{justify-content:center;width:100%}.settings-card-admain{padding:16px 18px}.settings-card-admain h3{font-size:16px}.ips-card-admain{padding:16px 18px}.ips-card-admain h3{font-size:16px}.add-ip-admain{flex-direction:column}.add-ip-admain button{width:100%;justify-content:center}.history-card-admain{padding:16px 18px}.config-subtabs-wrapper-admain{width:100%}.mobile-subtab-toggle-admain{display:none}.config-subtabs-admain{display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;background:var(--bg-subtabs);border-radius:8px;padding:4px;gap:4px}.config-subtabs-admain.open-admain{display:inline-flex}.subtab-btn-admain{flex:1 1 0;min-width:0;flex-shrink:1;white-space:nowrap;justify-content:center;padding:8px;font-size:11px;gap:4px;overflow:hidden;text-overflow:ellipsis}.subtab-btn-admain .subtab-icon-admain{display:none}.subtab-badge-admain{min-width:18px;height:18px;padding:0 5px;font-size:10px;flex-shrink:0}.config-header-tabs-wrapper-admain{flex-direction:column;align-items:stretch}.reset-config-btn-admain{justify-content:center}.system-config-admain{padding:16px 18px;margin-bottom:16px}.equipment-catalog-admain{gap:14px}.equipment-section-admain{padding:16px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card)}.section-header-admain{flex-direction:column;align-items:stretch;gap:8px}.btn-add-admain{justify-content:center}.equipment-card-admain{flex-direction:column;align-items:stretch;padding:12px}.equipment-info-admain{min-width:auto}.equipment-actions-admain{justify-content:flex-end}.form-row-admain{grid-template-columns:1fr}.modal-content-admain{max-width:100%;margin:12px;border-radius:14px}.modal-header-admain h3{font-size:18px}.modal-body-admain{padding:16px 18px}.modal-actions-admain{padding:14px 18px 18px;flex-direction:column}.modal-actions-admain button{width:100%;justify-content:center}}@media(max-width:480px){.maintenance-panel-admain{padding-inline:10px}.main-tab-btn-admain{padding:6px 10px;font-size:11px}.main-tab-btn-admain .tab-icon-admain{display:none}.subtab-btn-admain{padding:6px 8px;font-size:10px}.toggle-info-admain h3{font-size:16px}.toggle-info-admain p{font-size:13px}.active-badge-admain{font-size:11px;flex-wrap:wrap}.settings-card-admain,.ips-card-admain,.history-card-admain{padding:12px 14px}.system-config-admain{padding:12px 14px;margin-bottom:12px}.equipment-section-admain{padding:10px 12px}.equipment-name-admain{font-size:13px}.equipment-details-admain{font-size:11px;gap:6px}.equipment-actions-admain button{font-size:11px;padding:3px 10px}.form-group-admain label{font-size:12px}.form-group-admain input,.form-group-admain textarea,.form-group-admain select{font-size:13px;padding:8px 12px}.modal-content-admain{border-radius:12px}.modal-header-admain h3{font-size:16px}.modal-body-admain{padding:14px 16px}.modal-actions-admain{padding:12px 16px 16px}}@media(max-width:360px){.maintenance-panel-admain{padding-inline:6px}.equipment-details-admain{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toggle-card-admain,.settings-card-admain,.ips-card-admain,.history-card-admain,.system-config-admain{transform:none!important}.skeleton-line-admain,.skeleton-card-admain{animation:none!important;background:var(--skeleton-bg)!important}.toggle-btn-admain:hover,.add-ip-admain button:hover,.save-btn-admain:hover,.save-config-btn-admain:hover,.btn-add-admain:hover,.btn-edit-admain:hover,.btn-remove-admain:hover,.btn-cancel-admain:hover,.btn-confirm-admain:hover,.reset-config-btn-admain:hover,.history-toggle-admain:hover{transform:none!important}.spinner-admain{animation:none!important}.toggle-arrow-admain.open-admain{transform:none!important}}.health-layout-admain{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;align-items:start}.health-main-admain,.health-rail-admain{display:flex;flex-direction:column;gap:12px;min-width:0}@media(max-width:1023px){.health-layout-admain{grid-template-columns:1fr}}.health-grid-admain{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}@media(min-width:640px){.health-grid-admain{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.health-grid-admain{grid-template-columns:repeat(2,1fr)}}@media(max-width:399px){.health-grid-admain{grid-template-columns:1fr}}.health-card-admain{background:var(--bg-section);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.health-label-admain{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.health-value-admain{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.health-dot-admain{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--text-muted)}.health-dot-admain.up-admain{background:var(--icon-success);box-shadow:0 0 6px var(--icon-success)}.health-dot-admain.down-admain{background:var(--icon-danger);box-shadow:0 0 6px var(--icon-danger)}.health-dot-admain.warn-admain{background:var(--icon-warning);box-shadow:0 0 6px var(--icon-warning)}.health-bar-admain{height:8px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border-color);overflow:hidden;margin-top:4px}.health-fill-admain{height:100%;border-radius:999px;background:var(--icon-success);transition:width .4s ease}.health-fill-admain.warning-admain{background:var(--icon-warning)}.health-fill-admain.critical-admain{background:var(--icon-danger)}.health-warn-admain{color:var(--icon-warning)}.health-action-row-admain{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-radius:8px;padding:8px 4px;cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;box-sizing:border-box}.health-action-row-admain:hover{background:var(--bg-hover)}.health-action-icon-admain{display:inline-flex;color:var(--text-secondary);flex-shrink:0}.health-count-admain{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:12px;padding:2px 8px;min-width:18px;text-align:center;flex-shrink:0}.health-count-admain.zero-admain{background:var(--bg-hover);color:var(--text-muted)}.health-desc-admain{color:var(--text-secondary);margin-bottom:16px}.health-tip-admain{color:var(--text-muted);font-size:12px;margin-top:12px}.health-tip-admain code{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;padding:1px 6px;color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word}.health-error-admain{margin-bottom:12px}:root{--bg-primary: transparent;--bg-card: transparent;--bg-card-hover: transparent;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: transparent;--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-published-row: rgba(16, 185, 129, .05);--bg-file-upload: rgba(255, 255, 255, .5);--bg-upload-status: rgba(255, 255, 255, .5);--bg-current-apk: rgba(255, 255, 255, .5);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-upload: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--btn-confirm-bg: #F39C12;--btn-confirm-hover: #E67E22;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-fab-bg: #F39C12;--btn-fab-hover: #E67E22;--status-published-bg: rgba(16, 185, 129, .1);--status-published-text: #059669;--status-draft-bg: #F3F5F1;--status-draft-text: #98A2B3;--version-icon-color: #3DDC84;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-success-hover: rgba(16, 185, 129, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1);--required-color: #EF4444;--error-color: #DC2626;--spinner-color: #F39C12;--empty-icon-color: #D1D5DB;--download-link-color: #D97706;--success-icon-color: #10B981}body.dark-mode{--bg-primary: transparent;--bg-card: transparent;--bg-card-hover: transparent;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: transparent;--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-published-row: rgba(16, 185, 129, .08);--bg-file-upload: rgba(255, 255, 255, .05);--bg-upload-status: rgba(255, 255, 255, .05);--bg-current-apk: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-upload: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-confirm-bg: #F39C12;--btn-confirm-hover: #E67E22;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-fab-bg: #F39C12;--btn-fab-hover: #E67E22;--status-published-bg: rgba(16, 185, 129, .12);--status-published-text: #10B981;--status-draft-bg: rgba(255, 255, 255, .05);--status-draft-text: rgba(255, 255, 255, .4);--version-icon-color: #3DDC84;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-success-hover: rgba(16, 185, 129, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12);--required-color: #EF4444;--error-color: #EF4444;--spinner-color: #F39C12;--empty-icon-color: rgba(255, 255, 255, .2);--download-link-color: #F39C12;--success-icon-color: #10B981}.app-management-app-admin{background:var(--bg-primary);border-radius:0;border:none;box-shadow:none;margin-top:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.app-header-app-admin{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;transition:border-color .3s ease}.app-header-info-app-admin h4{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary);transition:color .3s ease}.app-header-info-app-admin p{font-size:13px;color:var(--text-muted);margin:0;transition:color .3s ease}.fab-add-app-app-admin{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-fab-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.fab-add-app-app-admin:hover:not(:disabled){background:var(--btn-fab-hover);transform:translateY(-2px);box-shadow:0 4px 16px #f39c1240}.fab-add-app-app-admin:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.app-empty-app-admin{text-align:center;padding:48px 20px;color:var(--text-muted);transition:color .3s ease}.empty-icon-app-admin{font-size:48px;color:var(--empty-icon-color);margin-bottom:12px;transition:color .3s ease}.app-empty-app-admin h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;transition:color .3s ease}.app-empty-app-admin p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.app-table-wrapper-app-admin{overflow-x:auto;overflow-y:visible;padding:0 0 20px}.app-table-app-admin{width:100%;min-width:720px;border-collapse:collapse;table-layout:auto;font-size:13px}.app-table-app-admin thead th{text-align:left;vertical-align:middle;padding:12px 16px 12px 0;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;transition:color .3s ease,border-color .3s ease}.app-table-app-admin thead th:first-child{padding-left:16px}.app-table-app-admin thead th.actions-col-app-admin{text-align:left;padding-right:16px}.app-table-app-admin thead th:nth-child(1){width:14%}.app-table-app-admin thead th:nth-child(2){width:36%}.app-table-app-admin thead th:nth-child(3){width:20%}.app-table-app-admin thead th:nth-child(4){width:15%}.app-table-app-admin thead th:nth-child(5){width:15%}.app-table-app-admin tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.app-table-app-admin tbody tr:last-child{border-bottom:none}.app-table-app-admin tbody tr:hover{background:var(--bg-table-row-hover)}.app-table-app-admin tbody td{padding:14px 16px 14px 0;color:var(--text-secondary);vertical-align:middle;text-align:left;transition:color .3s ease}.app-table-app-admin tbody td:first-child{padding-left:16px}.app-table-app-admin tbody td:last-child{text-align:left;padding-right:16px}.published-row-app-admin{background:var(--bg-published-row)}.version-cell-app-admin{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary);white-space:nowrap;line-height:1.4;transition:color .3s ease}.version-icon-app-admin{color:var(--version-icon-color);font-size:16px;flex-shrink:0}.release-notes-cell-app-admin{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;color:var(--text-secondary);line-height:1.4;transition:color .3s ease}.date-cell-app-admin{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;white-space:nowrap;line-height:1.4;transition:color .3s ease}.date-cell-app-admin svg{font-size:13px;flex-shrink:0}.status-badge-app-admin{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1.6;vertical-align:middle}.status-badge-app-admin.published{background:var(--status-published-bg);color:var(--status-published-text);border:1px solid var(--border-medium)}.status-badge-app-admin.draft{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--border-medium)}.action-dropdown-container-app-admin{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%}.action-dropdown-menu-app-admin{position:absolute!important;top:calc(100% + 5px)!important;left:0!important;right:auto!important;min-width:180px;max-width:220px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;overflow:hidden;max-height:300px;overflow-y:auto;z-index:9999;transition:background .3s ease,border-color .3s ease}.app-table-app-admin tbody tr:last-child .action-dropdown-menu-app-admin{top:auto!important;bottom:calc(100% + 5px)}.action-dropdown-toggle-app-admin{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.action-dropdown-toggle-app-admin:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.dropdown-arrow-app-admin{font-size:10px;transition:transform .2s ease}.dropdown-arrow-app-admin.open-app-admin{transform:rotate(180deg)}.action-dropdown-menu-app-admin::-webkit-scrollbar{width:3px}.action-dropdown-menu-app-admin::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.action-dropdown-menu-app-admin::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.dropdown-item-app-admin{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.dropdown-item-app-admin:hover{background:var(--dropdown-item-hover);color:var(--text-primary)}.dropdown-item-app-admin svg{font-size:14px;color:var(--text-muted);width:16px;text-align:center;transition:color .3s ease}.dropdown-item-app-admin.primary{color:var(--text-edit)}.dropdown-item-app-admin.primary svg{color:var(--text-edit)}.dropdown-item-app-admin.primary:hover{background:var(--dropdown-item-primary-hover)}.dropdown-item-app-admin.success{color:var(--text-success)}.dropdown-item-app-admin.success svg{color:var(--text-success)}.dropdown-item-app-admin.success:hover{background:var(--dropdown-item-success-hover)}.dropdown-item-app-admin.danger{color:var(--text-danger)}.dropdown-item-app-admin.danger svg{color:var(--text-danger)}.dropdown-item-app-admin.danger:hover{background:var(--dropdown-item-danger-hover)}.modal-overlay-app-admin{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:var(--overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;overflow-y:auto}.modal-content-app-admin{background:var(--bg-modal);border-radius:18px;max-width:600px;width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;position:relative;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);transition:background .3s ease,border-color .3s ease}.modal-content-app-admin::-webkit-scrollbar{width:4px}.modal-content-app-admin::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-content-app-admin::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-header-app-admin{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-header-app-admin h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-app-admin{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-close-app-admin:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-app-admin{padding:20px 24px}.modal-actions-app-admin{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--border-color);flex-wrap:wrap;transition:border-color .3s ease}.modal-actions-app-admin button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-actions-app-admin button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-cancel-app-admin{background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel-app-admin:hover:not(:disabled){background:var(--btn-cancel-hover)}.btn-confirm-app-admin{background:var(--btn-confirm-bg);color:#fff}.btn-confirm-app-admin:hover:not(:disabled){background:var(--btn-confirm-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.btn-confirm-app-admin.btn-danger-app-admin{background:var(--btn-danger-bg)}.btn-confirm-app-admin.btn-danger-app-admin:hover:not(:disabled){background:var(--btn-danger-hover);box-shadow:0 4px 12px #ef444440}@keyframes spin-app-admin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-app-admin{display:inline-block;animation:spin-app-admin 1s linear infinite!important}.spinner-large-app-admin{display:inline-block;font-size:32px;color:var(--spinner-color);animation:spin-app-admin 1s linear infinite!important;transition:color .3s ease}.loading-state-app-admin{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-muted);font-size:14px;transition:color .3s ease}.form-group-app-admin{margin-bottom:16px}.form-group-app-admin label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;transition:color .3s ease}.form-group-app-admin input,.form-group-app-admin textarea,.form-group-app-admin select{width:100%;padding:10px 14px;border:1px solid var(--border-input);border-radius:10px;font-size:14px;background:var(--bg-input);color:var(--text-primary);outline:none;transition:all .2s ease;font-family:Poppins,sans-serif;box-sizing:border-box}.form-group-app-admin input:focus,.form-group-app-admin textarea:focus,.form-group-app-admin select:focus{border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group-app-admin input::placeholder,.form-group-app-admin textarea::placeholder{color:var(--text-muted)}.form-group-app-admin small{display:block;font-size:12px;color:var(--text-muted);margin-top:4px;transition:color .3s ease}.form-group-app-admin select option{background:var(--bg-select-option);color:var(--text-primary)}.file-upload-wrapper-app-admin{position:relative;margin-top:4px}.file-input-app-admin{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-label-app-admin{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px dashed var(--border-upload);border-radius:10px;background:var(--bg-file-upload);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s ease}.file-upload-label-app-admin:hover{border-color:#f39c124d;background:#f39c120d}.file-size-app-admin{display:block;font-size:12px;color:var(--text-muted);margin-top:4px;transition:color .3s ease}.current-apk-info-app-admin{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-current-apk);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;font-size:14px;color:var(--text-secondary);transition:background .3s ease,color .3s ease,border-color .3s ease}.current-apk-info-app-admin a.download-link-app-admin{margin-left:auto;color:var(--download-link-color);font-weight:500;text-decoration:none;transition:color .3s ease}.current-apk-info-app-admin a.download-link-app-admin:hover{text-decoration:underline}.file-hint-app-admin{color:var(--text-muted);font-size:12px;transition:color .3s ease}.upload-status-app-admin{margin-top:16px;padding:20px;background:var(--bg-upload-status);border-radius:10px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.status-container-app-admin{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.status-content-app-admin{display:flex;flex-direction:column;align-items:center;gap:8px}.status-text-app-admin{font-size:15px;font-weight:500;color:var(--text-secondary);margin:0;transition:color .3s ease}.status-subtext-app-admin{font-size:13px;color:var(--text-muted);margin:0;transition:color .3s ease}.upload-progress-track-app-admin{width:100%;max-width:360px;height:10px;border-radius:999px;background:var(--border-color);overflow:hidden}.upload-progress-fill-app-admin{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#f39c12,#e67e22);transition:width .15s ease}.upload-progress-bytes-app-admin{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums;transition:color .3s ease}.success-state-app-admin .success-icon-app-admin{font-size:40px;color:var(--success-icon-color)}.success-state-app-admin .success-text-app-admin{color:var(--success-icon-color)}@media(max-width:768px){.app-header-app-admin{flex-direction:column;align-items:stretch;gap:12px;padding:12px 12px 16px}.app-header-info-app-admin h4{font-size:15px}.app-header-info-app-admin p{font-size:12px}.fab-add-app-app-admin{width:100%;justify-content:center}.app-table-wrapper-app-admin{padding:0 0 12px;background:transparent;border:none;box-shadow:none;overflow:visible}.app-table-app-admin{min-width:0;width:100%;display:block;background:transparent}.app-table-app-admin tbody{display:block;background:transparent}.app-table-app-admin tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border-card)}.app-table-app-admin tbody tr:last-child{margin-bottom:0;border-bottom:1px solid var(--border-card)}.app-table-app-admin tbody tr:hover{background:var(--bg-card)}.app-table-app-admin tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:10px 14px;border-bottom:none;font-size:13px}.app-table-app-admin tbody td:not(:first-child):not(:last-child){background:var(--bg-primary);border-radius:12px;margin-bottom:8px}.app-table-app-admin tbody td:first-child{display:block;text-align:center;padding-top:14px;padding-bottom:12px}.app-table-app-admin tbody td:last-child{border-bottom:none}.app-table-app-admin tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px}.app-table-app-admin tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.app-table-app-admin tbody td:not([data-label=Actions])>*{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.app-table-app-admin tbody td:first-child>*{text-align:center}.version-cell-app-admin{justify-content:center;font-size:16px;font-weight:700}.release-notes-cell-app-admin{white-space:normal;max-width:none}.date-cell-app-admin{justify-content:flex-end;margin-left:auto;white-space:normal}.app-table-app-admin tbody td:not([data-label=Actions])>.status-badge-app-admin{flex:none;margin-left:auto;font-size:11px;font-weight:600}.app-table-app-admin tbody td[data-label=Actions]{display:block;text-align:center;padding-top:8px}.app-table-app-admin tbody td[data-label=Actions]:before{display:none}.action-dropdown-container-app-admin{width:100%}.action-dropdown-toggle-app-admin{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600}.action-dropdown-toggle-app-admin:hover{transform:none;box-shadow:none}.app-table-app-admin thead{display:none}.modal-overlay-app-admin{padding:12px}.modal-content-app-admin{max-width:95%;margin:auto}.modal-header-app-admin{padding:16px 18px}.modal-header-app-admin h3{font-size:18px}.modal-body-app-admin{padding:16px 18px}.modal-actions-app-admin{flex-direction:column-reverse;padding:14px 18px 18px}.modal-actions-app-admin button{width:100%;justify-content:center}.action-dropdown-menu-app-admin{min-width:160px;max-width:200px;border-radius:8px}.dropdown-item-app-admin{padding:8px 12px;font-size:12px}.upload-status-app-admin{padding:16px}.spinner-large-app-admin{font-size:28px}.status-text-app-admin{font-size:14px}.success-state-app-admin .success-icon-app-admin{font-size:36px}.form-group-app-admin{margin-bottom:14px}.form-group-app-admin input,.form-group-app-admin textarea,.form-group-app-admin select,.file-upload-label-app-admin{padding:10px 12px;font-size:13px}}@media(max-width:480px){.app-header-app-admin{padding:8px 10px 12px}.app-table-wrapper-app-admin{padding:0 0 8px}.app-table-app-admin tbody tr{margin-bottom:12px;border-radius:16px;padding:10px 10px 12px}.app-table-app-admin tbody td:before{flex-basis:80px;width:80px}.version-icon-app-admin{font-size:13px}.date-cell-app-admin svg{font-size:11px}.status-badge-app-admin{font-size:10px;padding:2px 8px}.modal-content-app-admin{max-width:98%}.modal-header-app-admin{padding:12px 14px}.modal-header-app-admin h3{font-size:16px}.modal-body-app-admin{padding:12px 14px}.modal-actions-app-admin{padding:12px 14px 16px}.form-group-app-admin{margin-bottom:12px}.form-group-app-admin input,.form-group-app-admin textarea,.form-group-app-admin select,.file-upload-label-app-admin{padding:8px 10px;font-size:12px}.dropdown-item-app-admin{padding:6px 10px;font-size:12px}.action-dropdown-menu-app-admin{min-width:140px}.spinner-large-app-admin{font-size:24px}.status-text-app-admin{font-size:13px}.success-state-app-admin .success-icon-app-admin{font-size:30px}}@media(hover:none)and (pointer:coarse){.action-dropdown-toggle-app-admin{padding:8px 14px;min-height:40px}.dropdown-item-app-admin{padding:12px 16px;min-height:44px}.modal-actions-app-admin button,.fab-add-app-app-admin{min-height:48px}.form-group-app-admin input,.form-group-app-admin textarea,.form-group-app-admin select{min-height:44px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner-app-admin,.spinner-large-app-admin{animation:none!important}.fab-add-app-app-admin:hover:not(:disabled),.btn-confirm-app-admin:hover:not(:disabled),.btn-cancel-app-admin:hover:not(:disabled){transform:none!important}.app-table-app-admin tbody tr:hover{background:none!important}.dropdown-arrow-app-admin.open-app-admin{transform:none!important}}.system-config-container-adsycon{margin:0 auto;padding:1.5rem;background:#f5f5f7;min-height:calc(100vh - 70px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-header-adsycon{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #E5E5E8;flex-wrap:wrap;gap:1rem}.config-header-adsycon h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#1f1f1f;letter-spacing:-.3px;display:flex;align-items:center;gap:.75rem}.config-header-adsycon p{font-size:.875rem;color:#6b6b6f;margin:0}.header-actions-adsycon{display:flex;gap:1rem}.btn-reset-adsycon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f5f5f7;border:1px solid #E5E5E8;border-radius:10px;font-size:.875rem;font-weight:500;color:#6b6b6f;cursor:pointer;transition:all .2s ease}.btn-reset-adsycon:hover:not(:disabled){background:#eeeef2;color:#1f1f1f}.btn-reset-adsycon:disabled{opacity:.5;cursor:not-allowed}.config-tabs-adsycon{display:flex;gap:.5rem;background:#fff;border-radius:12px;padding:.25rem;margin-bottom:1.5rem;border:1px solid #E5E5E8;width:fit-content;flex-wrap:wrap}.tab-btn-adsycon{padding:.5rem 1rem;background:none;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b6b6f;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.tab-btn-adsycon:hover{background:#f5f5f7;color:#1f1f1f}.tab-btn-adsycon.active-adsycon{background:#1f1f1f;color:#fff}.config-content-adsycon{background:#fff;border-radius:20px;border:1px solid #E5E5E8;overflow:hidden}.config-section-adsycon{padding:1.5rem}.config-section-adsycon h3{font-size:1rem;font-weight:600;color:#1f1f1f;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #E5E5E8;display:flex;align-items:center;gap:.5rem}.config-section-adsycon h4{font-size:.875rem;font-weight:600;color:#1f1f1f;margin:1.25rem 0 .75rem;display:flex;align-items:center;gap:.5rem}.form-group-adsycon{margin-bottom:1rem}.form-group-adsycon label{display:block;font-size:.75rem;font-weight:500;color:#6b6b6f;margin-bottom:.375rem}.form-group-adsycon input{width:100%;padding:.625rem .875rem;background:#f8f9fa;border:1px solid #E5E5E8;border-radius:10px;font-size:.875rem;color:#1f1f1f;transition:all .2s ease}.form-group-adsycon input:focus{outline:none;border-color:#d4d4d8;background:#fff}.input-group-adsycon{display:flex;align-items:center;gap:.5rem}.currency-adsycon{padding:.625rem .875rem;background:#f5f5f7;border:1px solid #E5E5E8;border-radius:10px;font-size:.875rem;color:#6b6b6f}.input-group-adsycon input{flex:1}.form-row-adsycon{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:.5rem}@media(max-width:768px){.form-row-adsycon{grid-template-columns:1fr}}.config-actions-adsycon{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #E5E5E8}.btn-save-adsycon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:#1f1f1f;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-adsycon:hover:not(:disabled){background:#3a3a3a}.modal-overlay-adsycon{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem}.modal-content-adsycon{background:#fff;border-radius:20px;padding:1.75rem;max-width:500px;width:100%;border:1px solid #E5E5E8;box-shadow:0 8px 24px #00000014}.modal-content-adsycon h3{font-size:1.25rem;font-weight:600;color:#1f1f1f;margin:0 0 .5rem}.modal-content-adsycon p{font-size:.875rem;color:#6b6b6f;margin-bottom:1rem}.modal-content-adsycon textarea{width:100%;padding:.625rem .875rem;background:#f8f9fa;border:1px solid #E5E5E8;border-radius:10px;font-size:.875rem;color:#1f1f1f;font-family:inherit;resize:vertical;margin-bottom:1rem}.modal-content-adsycon textarea:focus{outline:none;border-color:#d4d4d8;background:#fff}.modal-actions-adsycon{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel-adsycon{padding:.625rem 1.25rem;background:#f5f5f7;border:1px solid #E5E5E8;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b6b6f}.btn-cancel-adsycon:hover{background:#eeeef2;color:#1f1f1f}.btn-confirm-adsycon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#1f1f1f;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-confirm-adsycon:hover:not(:disabled){background:#3a3a3a}.btn-confirm-adsycon:disabled{opacity:.5;cursor:not-allowed}.spinner-adsycon{animation:spin-adsycon 1s linear infinite}@keyframes spin-adsycon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-line-adsycon{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adsycon 1.5s infinite;border-radius:8px}.skeleton-line-adsycon.large-adsycon{width:250px;height:32px;margin-bottom:8px}.skeleton-line-adsycon.medium-adsycon{width:200px;height:20px;margin-bottom:8px}.skeleton-button-adsycon{height:42px;width:150px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adsycon 1.5s infinite;border-radius:10px}.skeleton-tab-adsycon{height:36px;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adsycon 1.5s infinite;border-radius:8px}.skeleton-card-adsycon{background:#fff;border:1px solid #E5E5E8;border-radius:20px;padding:1.5rem}.skeleton-input-adsycon{height:42px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adsycon 1.5s infinite;border-radius:10px;margin-bottom:1rem}@keyframes shimmer-adsycon{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.config-tabs-adsycon{flex-wrap:wrap;width:100%}.tab-btn-adsycon{flex:1;text-align:center;justify-content:center}}@media(max-width:768px){.system-config-container-adsycon{padding:1rem}.config-header-adsycon{flex-direction:column;align-items:flex-start}.header-actions-adsycon{width:100%}.btn-reset-adsycon{width:100%;justify-content:center}.config-section-adsycon{padding:1rem}.modal-content-adsycon{padding:1.25rem}.modal-actions-adsycon{flex-direction:column}.btn-cancel-adsycon,.btn-confirm-adsycon{width:100%;justify-content:center}}@media(max-width:480px){.config-header-adsycon h1{font-size:1.5rem}.tab-btn-adsycon{font-size:.75rem;padding:.5rem}.config-section-adsycon h3{font-size:.875rem}.config-section-adsycon h4{font-size:.75rem}.form-group-adsycon label{font-size:.7rem}.form-group-adsycon input{padding:.5rem .75rem;font-size:.75rem}}.admsvc-container{display:flex;flex-direction:column;gap:1rem;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admsvc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.admsvc-stat{background:var(--bg-card, #fff);border:1px solid var(--border-color, #eef0ed);border-radius:12px;padding:.9rem;display:flex;flex-direction:column;align-items:center;font-family:Poppins,sans-serif}.admsvc-stat .stat-num{font-size:1.4rem;font-weight:700;font-family:Poppins,sans-serif}.admsvc-stat .stat-label{font-size:.75rem;color:var(--text-secondary, #667085);text-transform:uppercase;letter-spacing:.4px;font-family:Poppins,sans-serif}.admsvc-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.admsvc-search{flex:1;min-width:200px;max-width:380px;display:flex;align-items:center;gap:.5rem;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:.55rem .8rem;color:var(--text-muted, #667085)}.admsvc-search svg{flex-shrink:0;font-size:.9rem}.admsvc-search input{border:none;outline:none;background:transparent;width:100%;font-size:.9rem;color:inherit;font-family:Poppins,sans-serif}.admsvc-toolbar select{padding:.55rem .8rem;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);color:inherit;font-size:.85rem;font-family:Poppins,sans-serif}.admsvc-table-wrap{background:var(--bg-card, #fff);border:1px solid var(--border-color, #eef0ed);border-radius:12px;overflow-x:auto}.admsvc-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:900px;font-family:Poppins,sans-serif}.admsvc-table th,.admsvc-table td{padding:.7rem .9rem;border-bottom:1px solid var(--border-color, #eef0ed);text-align:left;vertical-align:top;font-family:Poppins,sans-serif}.admsvc-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #667085);font-weight:600}.admsvc-table th.sortable-th-admsvc{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admsvc-table th.sortable-th-admsvc:hover{color:var(--text-primary, #17212B)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px;font-family:Poppins,sans-serif}.pagination-info{font-size:13px;color:var(--text-muted, #98A2B3)}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary, #667085);border:1px solid var(--border-color, #eef0ed);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-btn:hover:not(:disabled){background:var(--bg-section, rgba(0,0,0,.04));border-color:var(--text-muted, #98A2B3);color:var(--text-primary, #17212B)}.page-number{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary, #667085);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.page-number:hover{background:var(--bg-section, rgba(0,0,0,.04));color:var(--text-primary, #17212B)}.page-number.active{background:var(--icon-color, #F39C12);color:#fff;border-color:var(--icon-color, #F39C12)}@media(max-width:480px){.pagination{flex-direction:column;align-items:center;gap:8px}.pagination-controls{justify-content:center}.page-btn,.page-number{font-size:12px;padding:6px 12px}.pagination-info{font-size:12px}}.admsvc-table .mono{font-family:monospace;font-weight:600;white-space:nowrap}.admsvc-customer-profile{display:flex;align-items:center;gap:10px;min-width:0}.admsvc-customer-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.admsvc-customer-initials{width:32px;height:32px;border-radius:50%;background:var(--bg-section, rgba(0,0,0,.04));border:1px solid var(--border-color, #eef0ed);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary, inherit);flex-shrink:0}.admsvc-customer-name{font-weight:400;font-size:.85rem;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admsvc-table .contact-cell{display:flex;flex-direction:column;gap:.15rem}.admsvc-table .contact-cell .muted{color:var(--text-secondary, #667085);font-size:.78rem}.admsvc-badge{padding:.15rem .7rem;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#f1f2f4;border:1px solid #e5e7eb;white-space:nowrap;font-family:Poppins,sans-serif}.admsvc-badge.pending{background:#f39c121f;color:#b45309;border-color:#f39c124d}.admsvc-badge.contacted,.admsvc-badge.scheduled{background:#3b82f61f;color:#1d4ed8;border-color:#3b82f64d}.admsvc-badge.completed{background:#10b9811f;color:#047857;border-color:#10b9814d}.admsvc-badge.cancelled{background:#ef44441f;color:#dc2626;border-color:#ef44444d}.admsvc-view-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border-color, #e5e7eb);background:transparent;border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-size:.8rem;color:inherit;font-family:Poppins,sans-serif;font-weight:500}.admsvc-view-btn:hover{border-color:#f39c12;color:#f39c12}.admsvc-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary, #667085);font-family:Poppins,sans-serif}.admsvc-empty .empty-icon{font-size:2rem;margin-bottom:.5rem}.admsvc-empty h3,.admsvc-empty p{font-family:Poppins,sans-serif}.admsvc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.admsvc-modal{background:var(--bg-modal, #fff);border-radius:14px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admsvc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #eef0ed)}.admsvc-modal-header h3{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.6rem;font-family:Poppins,sans-serif}.admsvc-modal-close{border:none;background:none;cursor:pointer;font-size:1.1rem;color:inherit}.admsvc-modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.admsvc-modal-body .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem}.admsvc-modal-body label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #667085);font-family:Poppins,sans-serif}.admsvc-modal-body p{margin:.1rem 0 0;font-size:.87rem;font-family:Poppins,sans-serif}.admsvc-modal-body .notes{font-style:italic}.admsvc-modal-body .form-group{display:flex;flex-direction:column;gap:.3rem}.admsvc-modal-body select,.admsvc-modal-body textarea{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--input-bg, #fff);color:inherit;font-size:.88rem;font-family:Poppins,sans-serif}.admsvc-modal-body small{color:var(--text-secondary, #667085);font-family:Poppins,sans-serif}.admsvc-modal-body a{color:inherit;font-family:Poppins,sans-serif}.admsvc-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.8rem 1.25rem;border-top:1px solid var(--border-color, #eef0ed)}.admsvc-modal-footer .btn-cancel{padding:.55rem 1.1rem;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:transparent;cursor:pointer;color:inherit;font-family:Poppins,sans-serif;font-weight:500}.admsvc-modal-footer .btn-save{padding:.55rem 1.2rem;border-radius:10px;border:none;background:#f39c12;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif}.admsvc-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.detail-contact-hint{font-size:.78rem;color:var(--text-secondary, #667085);background:#f39c1214;border:1px dashed rgba(243,156,18,.4);border-radius:10px;padding:.5rem .8rem;font-family:Poppins,sans-serif}@media(max-width:768px){.admsvc-stats{grid-template-columns:repeat(2,1fr)}.admsvc-toolbar{flex-direction:column}.admsvc-search{min-width:0;width:100%}.admsvc-toolbar select{width:100%;min-height:44px}.admsvc-table-wrap{background:transparent;border:none;overflow:visible}.admsvc-table{min-width:0}.admsvc-table thead{display:none}.admsvc-table,.admsvc-table tbody,.admsvc-table tr,.admsvc-table td{display:block;width:100%}.admsvc-table tr{background:var(--bg-card, #fff);border:1.5px solid var(--border-medium, #d1d5db);border-radius:12px;margin-bottom:.75rem;padding:.25rem 0;box-shadow:0 2px 8px #00000014}.admsvc-table td{border-bottom:1px solid var(--border-medium, #e5e7eb);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.85rem;text-align:right}.admsvc-table td:last-child{border-bottom:none}.admsvc-table td:before{content:attr(data-label);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #667085);flex-shrink:0;text-align:left;margin-right:auto;padding-top:0}.admsvc-table td>*:not(.admsvc-view-btn){margin-left:auto;text-align:right;min-width:0;overflow-wrap:break-word;word-break:break-word}.admsvc-table td .contact-cell{align-items:flex-end;text-align:right;margin-left:auto}.admsvc-table td .mono{text-align:right}.admsvc-view-btn{width:100%;justify-content:center;min-height:44px}.admsvc-modal-overlay{padding:.5rem;align-items:flex-end}.admsvc-modal{max-width:100%;max-height:94vh;border-radius:16px 16px 0 0}.admsvc-modal-body .detail-grid{grid-template-columns:1fr}.admsvc-modal-body select,.admsvc-modal-body textarea{min-height:44px;font-size:.9rem}.admsvc-modal-footer{flex-direction:column;position:sticky;bottom:0;background:var(--bg-modal, #fff)}.admsvc-modal-footer .btn-cancel,.admsvc-modal-footer .btn-save{width:100%;justify-content:center;min-height:48px}}@media(max-width:480px){.admsvc-stats{grid-template-columns:1fr 1fr;gap:.5rem}.admsvc-stat{padding:.7rem}.admsvc-table td{flex-direction:row;align-items:center}.admsvc-table td .contact-cell{align-items:flex-end;text-align:right}}.admsvc-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:12px}.admsvc-chart-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #eef0ed);border-radius:12px;padding:1rem 1.25rem;box-sizing:border-box;min-width:0}.admsvc-chart-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.admsvc-chart-header h3{font-size:1rem;font-weight:600;color:var(--text-primary, #17212b);margin:0}.admsvc-chart-period{font-size:.75rem;color:var(--text-secondary, #667085)}.admsvc-chart-wrapper{height:260px;width:100%}.chart-tooltip-admsvc{background:var(--bg-card, #fff);border:1px solid var(--border-color, #eef0ed);border-radius:10px;padding:8px 12px;box-shadow:0 8px 24px #00000014}.chart-tooltip-admsvc .tooltip-label-admsvc{font-size:13px;font-weight:600;color:var(--text-primary, #17212b);margin:0 0 4px}.chart-tooltip-admsvc .tooltip-item-admsvc{font-size:12px;color:var(--text-secondary, #667085);margin:0}@media(max-width:640px){.admsvc-chart-wrapper{height:230px}}body.dark-mode .admsvc-badge.pending{background:#f39c1233;color:#fbbf24;border-color:#f39c1273}body.dark-mode .admsvc-badge.contacted,body.dark-mode .admsvc-badge.scheduled{background:#3b82f633;color:#60a5fa;border-color:#3b82f673}body.dark-mode .admsvc-badge.completed{background:#10b98133;color:#34d399;border-color:#10b98173}body.dark-mode .admsvc-badge.cancelled{background:#ef444433;color:#f87171;border-color:#ef444473}body.dark-mode .admsvc-search input{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--text-primary, #fff)!important}body.dark-mode .admsvc-search input::placeholder{color:var(--text-muted, #667085)!important}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-hover-light: rgba(0, 0, 0, .03);--bg-section: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(0, 0, 0, .03);--bg-schedule-item: rgba(255, 255, 255, .5);--bg-schedule-item-hover: rgba(243, 156, 18, .06);--bg-empty: rgba(255, 255, 255, .86);--bg-today-alert: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--divider-color: #EEF0ED;--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--icon-primary: #D97706;--text-danger: #DC2626;--text-success: #059669;--text-edit: #2563EB;--btn-primary-bg: #F39C12;--btn-primary-hover: #E67E22;--btn-secondary-bg: rgba(255, 255, 255, .5);--btn-secondary-hover: rgba(255, 255, 255, .8);--btn-secondary-border: #EEF0ED;--btn-secondary-border-hover: #D1D5DB;--alert-bg: rgba(255, 255, 255, .86);--alert-border: rgba(255, 255, 255, .9);--alert-action-bg: #F39C12;--alert-action-hover: #E67E22;--status-scheduled-bg: rgba(59, 130, 246, .1);--status-scheduled-text: #2563EB;--status-confirmed-bg: rgba(139, 92, 246, .1);--status-confirmed-text: #7C3AED;--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-inprogress-bg: rgba(243, 156, 18, .1);--status-inprogress-text: #D97706;--status-deployed-bg: rgba(59, 130, 246, .1);--status-deployed-text: #2563EB;--status-collecting-bg: rgba(139, 92, 246, .1);--status-collecting-text: #7C3AED;--status-analyzing-bg: rgba(139, 92, 246, .1);--status-analyzing-text: #7C3AED;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-approved-bg: rgba(16, 185, 129, .1);--status-approved-text: #059669;--quick-action-icon-bg: #F6F8F5;--quick-action-icon-color: #D97706;--quick-action-arrow-color: #D1D5DB;--quick-action-arrow-hover: #D97706;--activity-icon-bg: #F6F8F5;--activity-icon-color: #D97706;--schedule-time-bg: rgba(255, 255, 255, .5);--schedule-user-icon: #D1D5DB;--empty-border: #EEF0ED;--empty-title-color: #667085;--empty-desc-color: #98A2B3;--required-color: #EF4444;--error-color: #DC2626;--pending-task-hover: rgba(243, 156, 18, .06);--task-count-bg: rgba(243, 156, 18, .1);--task-count-color: #D97706;--task-item-border: #EEF0ED}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-hover-light: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-schedule-item: rgba(255, 255, 255, .05);--bg-schedule-item-hover: rgba(243, 156, 18, .08);--bg-empty: #1A2533;--bg-today-alert: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--divider-color: rgba(255, 255, 255, .06);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--icon-primary: #F39C12;--text-danger: #EF4444;--text-success: #10B981;--text-edit: #3B82F6;--btn-primary-bg: #F39C12;--btn-primary-hover: #E67E22;--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-hover: rgba(255, 255, 255, .1);--btn-secondary-border: rgba(255, 255, 255, .06);--btn-secondary-border-hover: rgba(255, 255, 255, .12);--alert-bg: #1A2533;--alert-border: rgba(255, 255, 255, .06);--alert-action-bg: #F39C12;--alert-action-hover: #E67E22;--status-scheduled-bg: rgba(59, 130, 246, .12);--status-scheduled-text: #3B82F6;--status-confirmed-bg: rgba(139, 92, 246, .12);--status-confirmed-text: #8B5CF6;--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-inprogress-bg: rgba(243, 156, 18, .12);--status-inprogress-text: #F39C12;--status-deployed-bg: rgba(59, 130, 246, .12);--status-deployed-text: #3B82F6;--status-collecting-bg: rgba(139, 92, 246, .12);--status-collecting-text: #8B5CF6;--status-analyzing-bg: rgba(139, 92, 246, .12);--status-analyzing-text: #8B5CF6;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-approved-bg: rgba(16, 185, 129, .12);--status-approved-text: #10B981;--quick-action-icon-bg: #131C28;--quick-action-icon-color: #F39C12;--quick-action-arrow-color: rgba(255, 255, 255, .2);--quick-action-arrow-hover: #F39C12;--activity-icon-bg: #131C28;--activity-icon-color: #F39C12;--schedule-time-bg: rgba(255, 255, 255, .05);--schedule-user-icon: rgba(255, 255, 255, .2);--empty-border: rgba(255, 255, 255, .06);--empty-title-color: rgba(255, 255, 255, .6);--empty-desc-color: rgba(255, 255, 255, .4);--required-color: #EF4444;--error-color: #EF4444;--pending-task-hover: rgba(243, 156, 18, .08);--task-count-bg: rgba(243, 156, 18, .12);--task-count-color: #F39C12;--task-item-border: rgba(255, 255, 255, .06)}.engdas-dashboard{padding-inline:12px;padding-bottom:40px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.engdas-welcome-section{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;transition:border-color .3s ease}.engdas-welcome-content{display:flex;flex-direction:column;gap:4px}.engdas-welcome-greeting-wrapper{display:flex;align-items:center;gap:12px}.engdas-welcome-icon{font-size:28px;color:var(--icon-primary);transition:color .3s ease}.engdas-welcome-greeting{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px;transition:color .3s ease}.engdas-welcome-subtitle{font-size:15px;color:var(--text-muted);margin:0;font-weight:400;transition:color .3s ease}.engdas-welcome-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.engdas-topbar-divider{width:1px;height:24px;background:var(--border-medium);margin:0 4px;flex-shrink:0}.engdas-topbar-squares{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.engdas-squares-caption{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:2px;white-space:nowrap}.engdas-square-btn{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:all .2s ease;text-decoration:none}.engdas-square-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.btn-primary-engdas{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary-engdas:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c1259;color:#fff}.btn-secondary-engdas{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid #000;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-secondary-engdas:hover{background:var(--btn-secondary-hover);border-color:var(--btn-secondary-border-hover);transform:translateY(-2px);color:var(--text-primary)}.engdas-today-alert,.engdas-pending-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-today-alert);border:1px solid var(--border-card);border-radius:14px;margin-bottom:24px;flex-wrap:wrap;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.alert-icon-engdas{font-size:1.5rem;flex-shrink:0;transition:color .3s ease}.alert-content-engdas{flex:1}.alert-content-engdas strong{display:block;font-size:.95rem;color:var(--text-primary);margin-bottom:.1rem;transition:color .3s ease}.alert-content-engdas p{font-size:.85rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.alert-action-engdas{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--alert-action-bg);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;transition:all .2s ease;white-space:nowrap}.alert-action-engdas:hover{background:var(--alert-action-hover);transform:translateY(-2px);color:#fff}.engdas-quick-actions{margin-bottom:24px}.quick-actions-title-engdas{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;transition:color .3s ease}.engdas-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action-item-engdas{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quick-action-item-engdas:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#f39c121f}.quick-action-icon-engdas{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;background:var(--quick-action-icon-bg);color:var(--quick-action-icon-color);transition:background .3s ease,color .3s ease}.quick-action-label-engdas{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.quick-action-arrow-engdas{color:var(--quick-action-arrow-color);font-size:.75rem;transition:transform .2s ease,color .3s ease}.quick-action-item-engdas:hover .quick-action-arrow-engdas{transform:translate(4px);color:var(--quick-action-arrow-hover)}.engdas-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card-engdas{background:var(--bg-card);border-radius:12px;padding:22px 24px 18px;border:1px solid var(--border-card);transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:190px;display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card-engdas:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--border-color)}.stat-card-link-engdas{text-decoration:none;cursor:pointer;color:inherit}.stat-card-header-engdas{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-icon-wrapper-engdas{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .2s ease}.stat-card-engdas:hover .stat-icon-wrapper-engdas{transform:scale(1.05)}.stat-content-engdas{display:flex;flex-direction:column;gap:4px}.stat-label-engdas{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.stat-value-engdas{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease;letter-spacing:-.3px}.stat-trend-engdas{font-size:13px;font-weight:400;color:var(--text-secondary);transition:color .3s ease}.stat-sparkline-engdas{margin-top:12px;height:30px;opacity:.4}.engdas-pending-tasks-section{margin-bottom:24px}.section-header-engdas{display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin-bottom:12px}.section-title-engdas{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;transition:color .3s ease}.section-icon-engdas{color:var(--icon-warning);font-size:1rem}.task-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 12px;background:var(--task-count-bg);color:var(--task-count-color);border-radius:20px;font-size:.8rem;font-weight:600;transition:background .3s ease,color .3s ease}.pending-tasks-list{display:flex;flex-direction:column;gap:8px}.pending-task-item{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pending-task-item:hover{transform:translate(4px);border-color:#f39c1233;box-shadow:var(--shadow-card-hover);background:var(--pending-task-hover)}.task-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:#f39c121a;color:var(--icon-warning);transition:background .3s ease,color .3s ease}.task-item-content{flex:1;min-width:0}.task-item-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-item-title{font-size:.9rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.task-item-status{flex-shrink:0}.task-item-ref{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.task-item-date{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.task-item-arrow{color:var(--quick-action-arrow-color);font-size:.8rem;flex-shrink:0;transition:transform .2s ease,color .3s ease}.pending-task-item:hover .task-item-arrow{transform:translate(4px);color:var(--quick-action-arrow-hover)}.engdas-row-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.engdas-assessment-section{display:flex;flex-direction:column;gap:16px;min-height:280px}.view-all-link-engdas{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--icon-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.view-all-link-engdas:hover{color:#e67e22;gap:8px}.arrow-icon-engdas{transition:transform .2s ease}.view-all-link-engdas:hover .arrow-icon-engdas{transform:translate(4px)}.assessment-card-engdas{background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);flex:1;display:flex;flex-direction:column;min-height:220px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.assessment-header-engdas{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.assessment-info-engdas{flex:1;min-width:0}.assessment-name-engdas{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.assessment-reference-engdas{font-size:.85rem;color:var(--text-muted);margin:0;transition:color .3s ease}.assessment-content-engdas{flex:1;display:flex;flex-direction:column;justify-content:center}.assessment-details-engdas{display:flex;flex-direction:column;gap:8px}.assessment-metric-engdas{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--divider-color);transition:border-color .3s ease}.assessment-metric-engdas:last-child{border-bottom:none}.metric-label-engdas{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);transition:color .3s ease}.metric-value-engdas{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:right;transition:color .3s ease}.engdas-activities-section{display:flex;flex-direction:column;gap:16px;min-height:280px}.activities-card-engdas{background:var(--bg-card);border-radius:14px;padding:16px 20px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);flex:1;display:flex;flex-direction:column;min-height:220px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.activities-list-engdas{display:flex;flex-direction:column;gap:4px;flex:1}.activity-item-engdas{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;transition:all .2s ease;flex:1}.activity-item-engdas:hover{background:var(--bg-hover-light)}.activity-icon-wrapper-engdas{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--activity-icon-bg);color:var(--activity-icon-color);transition:background .3s ease,color .3s ease}.activity-content-engdas{flex:1;min-width:0}.activity-header-engdas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-title-engdas{font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.activity-reference-engdas{font-size:.75rem;color:var(--text-muted);font-weight:400;transition:color .3s ease}.activity-date-engdas{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px;transition:color .3s ease}.activity-status-engdas{flex-shrink:0}.activity-divider-engdas{height:1px;background:var(--divider-color);margin:2px 8px;transition:background .3s ease}.status-badge-engdas{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-engdas.scheduled-engdas{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--border-medium)}.status-badge-engdas.confirmed-engdas{background:var(--status-confirmed-bg);color:var(--status-confirmed-text);border:1px solid var(--border-medium)}.status-badge-engdas.pending-engdas{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.status-badge-engdas.in-progress-engdas{background:var(--status-inprogress-bg);color:var(--status-inprogress-text);border:1px solid var(--border-medium)}.status-badge-engdas.deployed-engdas{background:var(--status-deployed-bg);color:var(--status-deployed-text);border:1px solid var(--border-medium)}.status-badge-engdas.collecting-engdas{background:var(--status-collecting-bg);color:var(--status-collecting-text);border:1px solid var(--border-medium)}.status-badge-engdas.analyzing-engdas{background:var(--status-analyzing-bg);color:var(--status-analyzing-text);border:1px solid var(--border-medium)}.status-badge-engdas.completed-engdas{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.status-badge-engdas.cancelled-engdas{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.status-badge-engdas.approved-engdas{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid var(--border-medium)}.empty-state-engdas{background:var(--bg-empty);border-radius:14px;padding:24px 20px;text-align:center;border:2px dashed var(--empty-border);min-height:220px;display:flex;align-items:center;justify-content:center;flex:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.empty-state-content-engdas{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-title-engdas{font-size:1rem;font-weight:600;color:var(--empty-title-color);margin:0;transition:color .3s ease}.empty-state-description-engdas{font-size:.85rem;color:var(--empty-desc-color);margin:0;transition:color .3s ease}.empty-small-engdas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;text-align:center;gap:8px;flex:1}.empty-text-engdas{font-size:.85rem;color:var(--text-muted);margin:0;transition:color .3s ease}.today-schedules-section-engdas{margin-top:12px;padding-top:12px;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.schedules-title-engdas{font-size:.85rem;font-weight:600;color:var(--text-muted);margin:0 0 12px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.schedules-icon-engdas{color:var(--icon-primary);transition:color .3s ease}.schedules-list-engdas{display:flex;flex-direction:column;gap:8px}.schedule-item-engdas{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-schedule-item);border-radius:10px;transition:all .2s ease}.schedule-item-engdas:hover{background:var(--bg-schedule-item-hover)}.schedule-time-engdas{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background:var(--schedule-time-bg);border-radius:6px;min-width:48px;transition:background .3s ease}.schedule-hour-engdas{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.schedule-info-engdas{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.schedule-title-engdas{font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.schedule-client-engdas{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);transition:color .3s ease}.schedule-user-icon-engdas{font-size:.7rem;color:var(--schedule-user-icon);transition:color .3s ease}.schedule-status-engdas{flex-shrink:0}.skeleton-line-engdas{border-radius:6px;animation:shimmer-engdas 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer-engdas{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title-engdas{width:60%;height:32px}.skeleton-text-engdas{width:40%;height:20px}.skeleton-card-engdas{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);padding:20px}.skeleton-label-engdas{width:40%;height:14px;margin-bottom:8px}.skeleton-value-engdas{width:60%;height:32px;margin-bottom:8px}.skeleton-project-name-engdas{width:70%;height:24px;margin-bottom:8px}.skeleton-project-system-engdas{width:50%;height:18px}.skeleton-activity-title-engdas{width:60%;height:18px;margin-bottom:8px}.skeleton-activity-ref-engdas{width:40%;height:14px;margin-bottom:4px}.skeleton-activity-date-engdas{width:30%;height:14px}.engdas-topbar{align-items:center;padding-bottom:16px;justify-content:space-between;gap:12px}.engdas-topbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.engdas-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.engdas-inline-alert{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:100%}.engdas-inline-alert-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;background:#17212b0f;color:var(--text-primary)}.engdas-inline-alert-text{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.engdas-inline-alert-btn{padding:8px 14px;font-size:.78rem}.engdas-inline-alert{min-width:300px}.engdas-caughtup-card{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:12px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:100%}.engdas-caughtup-text{display:flex;flex-direction:column;gap:1px;line-height:1.25}.engdas-caughtup-text strong{font-size:.8rem;font-weight:600;color:var(--text-primary)}.engdas-caughtup-text span{font-size:.72rem;color:var(--text-muted)}.engdas-topbar-date{font-size:13px;font-weight:500;color:var(--text-muted)}.engdas-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;align-items:stretch}.engdas-chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;min-height:300px}.engdas-chart-sub{font-size:.75rem;color:var(--text-muted);font-weight:400}.engdas-chart-body{flex:1;min-height:220px;margin-top:8px}.engdas-chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:10px;padding:8px 12px;box-shadow:var(--shadow-card)}.engdas-chart-tooltip-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.engdas-chart-tooltip-item{font-size:.75rem;color:var(--text-secondary);margin:0}.engdas-donut-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--divider-color)}.engdas-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.engdas-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.engdas-legend-label{color:var(--text-secondary)}.engdas-legend-value{font-weight:600;color:var(--text-primary)}.engdas-recent-section{margin-bottom:24px}.engdas-recent-side{display:flex;flex-direction:column;min-height:340px}.engdas-recent-side .engdas-recent-list{flex:1;justify-content:flex-start;min-height:304px}.engdas-recent-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:12px 20px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.engdas-recent-list{display:flex;flex-direction:column}.engdas-recent-item{display:flex;align-items:center;gap:14px;padding:10px 4px}.engdas-recent-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;background:#f39c121f;color:#d97706;position:relative;overflow:hidden}.engdas-recent-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.engdas-chart-body{position:relative}.engdas-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);pointer-events:none;padding-bottom:24px}body.dark-mode .engdas-recent-avatar{color:#f39c12}.engdas-recent-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.engdas-recent-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engdas-recent-meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engdas-recent-status{flex-shrink:0}@media(max-width:1200px){.engdas-dashboard{padding-inline:20px}.engdas-stats-grid{gap:14px}}@media(max-width:1024px){.engdas-row-layout{grid-template-columns:1fr;gap:20px}.engdas-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.engdas-action-grid{grid-template-columns:repeat(2,1fr);gap:10px}.engdas-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.engdas-dashboard{padding-inline:14px;padding-top:12px}.engdas-welcome-section{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 16px}.engdas-welcome-greeting{font-size:20px}.engdas-welcome-icon{font-size:22px}.engdas-welcome-subtitle{font-size:13px}.engdas-welcome-actions{width:100%}.engdas-welcome-actions .btn-primary-engdas,.engdas-welcome-actions .btn-secondary-engdas{flex:1;justify-content:center;padding:8px 16px;font-size:13px}.engdas-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card-engdas{padding:16px 14px 12px;min-height:170px;border-radius:10px}.stat-icon-wrapper-engdas{width:36px;height:36px;font-size:16px;border-radius:8px}.stat-value-engdas{font-size:1.4rem}.stat-label-engdas{font-size:.65rem}.stat-trend-engdas{font-size:.7rem}.engdas-square-btn{width:36px;height:36px;font-size:14px}.engdas-topbar-divider{display:none}.engdas-topbar-left,.engdas-topbar-right,.engdas-topbar-squares{width:100%}.engdas-inline-alert{flex:1 1 100%;flex-wrap:wrap;padding:10px 12px}.engdas-caughtup-card{flex:1 1 100%;padding:8px 12px 8px 8px}.engdas-inline-alert-text{white-space:normal;flex:1;min-width:140px;font-size:.78rem}.engdas-chart-card{padding:16px;min-height:0}.engdas-chart-body{min-height:200px}.engdas-recent-card{padding:12px 14px}.engdas-recent-side{min-height:0}.engdas-action-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-action-item-engdas{padding:12px 14px;border-radius:10px}.quick-action-icon-engdas{width:36px;height:36px;font-size:.95rem}.quick-action-label-engdas{font-size:.8rem}.assessment-card-engdas{padding:16px 18px;min-height:180px}.activities-card-engdas{padding:14px 16px;min-height:180px}.assessment-name-engdas,.section-title-engdas{font-size:1rem}.view-all-link-engdas{font-size:.8rem}.engdas-today-alert,.engdas-pending-alert{flex-direction:column;text-align:center;padding:14px 16px;gap:10px}.alert-action-engdas{width:100%;justify-content:center}.schedule-item-engdas{flex-wrap:wrap;gap:8px;padding:8px 12px}.schedule-time-engdas{min-width:40px;padding:2px 6px}.schedule-hour-engdas{font-size:.8rem}.activity-item-engdas{flex-wrap:wrap;padding:8px 10px;gap:8px}.activity-icon-wrapper-engdas{width:34px;height:34px;font-size:.85rem}.activity-title-engdas{font-size:.8rem}.activity-reference-engdas,.activity-date-engdas{font-size:.7rem}.activity-status-engdas{margin-left:auto}.engdas-assessment-section,.engdas-activities-section{min-height:200px}.empty-state-engdas{min-height:180px;padding:16px}.today-schedules-section-engdas{margin-top:8px;padding-top:8px}.pending-task-item{padding:12px 16px;flex-wrap:wrap}.task-item-title{font-size:.85rem}.task-item-ref{font-size:.75rem}}@media(max-width:480px){.engdas-dashboard{padding-inline:10px}.engdas-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card-engdas{padding:12px 10px 10px;border-radius:8px}.stat-card-header-engdas{margin-bottom:8px}.stat-icon-wrapper-engdas{width:30px;height:30px;font-size:14px;border-radius:8px}.stat-value-engdas{font-size:1.1rem}.stat-label-engdas{font-size:.55rem}.stat-trend-engdas{font-size:.6rem}.stat-sparkline-engdas{margin-top:8px;height:24px}.engdas-topbar{padding-bottom:12px}.engdas-squares-caption{font-size:10px;width:100%}.engdas-inline-alert-text{font-size:.75rem}.engdas-chart-card{padding:12px}.engdas-chart-body{min-height:180px}.engdas-chart-sub{font-size:.7rem}.engdas-recent-card{padding:10px 12px}.engdas-recent-item{gap:10px;padding:8px 2px;flex-wrap:wrap}.engdas-recent-avatar{width:34px;height:34px;font-size:.75rem}.engdas-recent-name{font-size:.8rem}.engdas-recent-meta{font-size:.7rem}.engdas-recent-status{margin-left:auto}.engdas-action-grid{grid-template-columns:1fr 1fr;gap:6px}.quick-action-item-engdas{padding:10px 12px;gap:8px;border-radius:8px}.quick-action-icon-engdas{width:30px;height:30px;font-size:.8rem;border-radius:8px}.quick-action-label-engdas{font-size:.7rem}.quick-action-arrow-engdas{font-size:.6rem}.engdas-welcome-greeting,.engdas-welcome-icon{font-size:18px}.engdas-welcome-subtitle{font-size:12px}.engdas-welcome-actions{flex-direction:column}.engdas-welcome-actions .btn-primary-engdas,.engdas-welcome-actions .btn-secondary-engdas{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.assessment-card-engdas{padding:12px 14px;min-height:150px;border-radius:10px}.activities-card-engdas{padding:10px 12px;min-height:150px;border-radius:10px}.assessment-name-engdas{font-size:.9rem}.assessment-reference-engdas,.metric-label-engdas{font-size:.75rem}.metric-value-engdas{font-size:.8rem}.engdas-today-alert,.engdas-pending-alert{padding:10px 12px;border-radius:10px}.alert-content-engdas strong{font-size:.8rem}.alert-content-engdas p{font-size:.75rem}.alert-action-engdas{padding:6px 12px;font-size:.75rem}.schedule-item-engdas{padding:6px 10px}.schedule-title-engdas{font-size:.75rem}.schedule-client-engdas{font-size:.65rem}.activity-item-engdas{padding:6px 8px}.activity-title-engdas{font-size:.75rem}.empty-state-title-engdas{font-size:.85rem}.empty-state-description-engdas{font-size:.75rem}.btn-primary-engdas,.btn-secondary-engdas{padding:8px 16px;font-size:12px;border-radius:8px}.empty-state-engdas{min-height:150px}.engdas-assessment-section,.engdas-activities-section{min-height:160px}.pending-task-item{padding:10px 12px}.task-item-icon{width:32px;height:32px;font-size:.85rem}.task-item-title{font-size:.8rem}.task-item-ref{font-size:.7rem}.task-item-date{font-size:.65rem}.task-count-badge{font-size:.7rem;padding:1px 10px}}@media(max-width:360px){.engdas-dashboard{padding-inline:6px}.engdas-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-card-engdas{padding:10px 8px 8px}.stat-card-header-engdas{margin-bottom:6px}.stat-icon-wrapper-engdas{width:26px;height:26px;font-size:12px;border-radius:7px}.stat-value-engdas{font-size:.95rem}.stat-label-engdas{font-size:.5rem}.stat-trend-engdas{font-size:.55rem}.stat-sparkline-engdas{margin-top:6px;height:20px}.engdas-inline-alert{padding:8px 10px;gap:8px}.engdas-inline-alert-text{font-size:.72rem}.engdas-recent-meta{font-size:.65rem}.engdas-chart-body{min-height:160px}.engdas-action-grid{grid-template-columns:1fr 1fr;gap:4px}.quick-action-item-engdas{padding:6px 8px}.quick-action-icon-engdas{width:24px;height:24px;font-size:.7rem}.quick-action-label-engdas{font-size:.65rem}.engdas-welcome-greeting,.engdas-welcome-icon{font-size:16px}.pending-task-item{padding:8px 10px}.task-item-icon{width:28px;height:28px;font-size:.7rem}.task-item-title{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stat-card-engdas:hover,.quick-action-item-engdas:hover,.activity-item-engdas:hover,.schedule-item-engdas:hover,.pending-task-item:hover{transform:none!important}.skeleton-line-engdas{animation:none!important;background:var(--skeleton-bg)!important}.btn-primary-engdas:hover,.btn-secondary-engdas:hover,.alert-action-engdas:hover,.view-all-link-engdas:hover,.quick-action-item-engdas:hover .quick-action-arrow-engdas,.view-all-link-engdas:hover .arrow-icon-engdas,.pending-task-item:hover .task-item-arrow{transform:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-detail-header: rgba(255, 255, 255, .86);--bg-tabs: rgba(255, 255, 255, .86);--bg-info-grid: rgba(255, 255, 255, .86);--bg-device-card: rgba(255, 255, 255, .86);--bg-no-device: rgba(255, 255, 255, .86);--bg-recommendations: rgba(255, 255, 255, .86);--bg-quotation: rgba(255, 255, 255, .86);--bg-calculation-card: rgba(255, 255, 255, .86);--bg-results-card: rgba(255, 255, 255, .86);--bg-iot-metrics: rgba(255, 255, 255, .86);--bg-calculated-results: rgba(255, 255, 255, .86);--bg-form-section: rgba(255, 255, 255, .86);--bg-consumption-results: rgba(255, 255, 255, .5);--bg-result-card: rgba(255, 255, 255, .86);--bg-cost-summary: rgba(255, 255, 255, .86);--bg-stat-card: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #4B5563;--text-muted: #5B6472;--text-white: #17212B;--text-dark: #17212B;--border-color: #E5E7EB;--border-card: #E5E7EB;--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-dashed: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--shadow-tooltip: 0 8px 24px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(0, 0, 0, .05);--btn-view-bg: #F39C12;--btn-view-hover: #E67E22;--btn-success-bg: #10B981;--btn-success-hover: #059669;--btn-secondary-bg: rgba(255, 255, 255, .5);--btn-secondary-hover: rgba(255, 255, 255, .8);--btn-secondary-border: #EEF0ED;--btn-secondary-border-hover: #D1D5DB;--btn-calculate-bg: #F39C12;--btn-calculate-hover: #E67E22;--btn-use-results-bg: #10B981;--btn-use-results-hover: #059669;--btn-recalculate-bg: rgba(255, 255, 255, .5);--btn-recalculate-hover: rgba(255, 255, 255, .8);--btn-add-appliance-bg: #F39C12;--btn-add-appliance-hover: #E67E22;--btn-edit-appliance-bg: #3B82F6;--btn-edit-appliance-hover: #2563EB;--btn-delete-appliance-bg: #EF4444;--btn-delete-appliance-hover: #DC2626;--btn-add-item-bg: transparent;--btn-add-item-hover: rgba(243, 156, 18, .06);--btn-add-item-border: #D1D5DB;--btn-add-item-border-hover: #F39C12;--btn-add-item-color: #98A2B3;--btn-add-item-hover-color: #D97706;--btn-remove-bg: rgba(239, 68, 68, .1);--btn-remove-color: #DC2626;--btn-remove-hover-bg: #EF4444;--btn-remove-hover-color: #FFFFFF;--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-processing-bg: rgba(139, 92, 246, .1);--status-processing-text: #7C3AED;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-scheduled-bg: rgba(59, 130, 246, .1);--status-scheduled-text: #2563EB;--status-site-visit-bg: rgba(243, 156, 18, .1);--status-site-visit-text: #D97706;--status-device-deployed-bg: rgba(59, 130, 246, .1);--status-device-deployed-text: #2563EB;--status-data-collecting-bg: rgba(139, 92, 246, .1);--status-data-collecting-text: #7C3AED;--status-data-analyzing-bg: rgba(139, 92, 246, .1);--status-data-analyzing-text: #7C3AED;--status-report-draft-bg: rgba(243, 156, 18, .1);--status-report-draft-text: #D97706;--status-approved-bg: rgba(16, 185, 129, .1);--status-approved-text: #059669;--type-free-quote-bg: rgba(59, 130, 246, .1);--type-free-quote-text: #2563EB;--type-pre-assessment-bg: rgba(139, 92, 246, .1);--type-pre-assessment-text: #7C3AED;--stat-total-bg: rgba(59, 130, 246, .1);--stat-total-color: #2563EB;--stat-pending-bg: rgba(243, 156, 18, .1);--stat-pending-color: #D97706;--stat-progress-bg: rgba(139, 92, 246, .1);--stat-progress-color: #7C3AED;--stat-completed-bg: rgba(16, 185, 129, .1);--stat-completed-color: #059669;--result-day-border: #F59E0B;--result-day-bg: rgba(245, 158, 11, .06);--result-day-icon: #F59E0B;--result-night-border: #3B82F6;--result-night-bg: rgba(59, 130, 246, .06);--result-night-icon: #3B82F6;--result-total-border: #8B5CF6;--result-total-bg: rgba(139, 92, 246, .06);--result-total-icon: #8B5CF6;--result-monthly-border: #10B981;--result-monthly-bg: rgba(16, 185, 129, .06);--result-monthly-icon: #10B981;--calculation-badge-bg: #F3F5F1;--calculation-badge-color: #98A2B3;--cost-value-color: #D97706;--item-total-color: #D97706;--param-display-readonly-bg: #F3F5F1;--param-display-readonly-color: #98A2B3;--autonomy-btn-bg: rgba(255, 255, 255, .5);--autonomy-btn-color: #98A2B3;--autonomy-btn-hover-bg: rgba(255, 255, 255, .8);--autonomy-btn-hover-color: #17212B;--autonomy-btn-active-bg: #F39C12;--autonomy-btn-active-color: #FFFFFF;--comment-avatar-bg: rgba(243, 156, 18, .12);--comment-avatar-color: #D97706;--comment-badge-bg: rgba(16, 185, 129, .1);--comment-badge-color: #059669;--warning-box-bg: rgba(243, 156, 18, .06);--warning-box-border: rgba(243, 156, 18, .15);--image-overlay-bg: rgba(0, 0, 0, .5);--file-upload-border: #EEF0ED;--file-upload-hover-border: rgba(243, 156, 18, .3);--required-color: #EF4444;--error-color: #DC2626;--error-border: #EF4444;--error-shadow: rgba(239, 68, 68, .1);--spinner-color: #F39C12;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-success-hover: rgba(16, 185, 129, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1)}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-detail-header: #1A2533;--bg-tabs: #1A2533;--bg-info-grid: #1A2533;--bg-device-card: #1A2533;--bg-no-device: #1A2533;--bg-recommendations: #1A2533;--bg-quotation: #1A2533;--bg-calculation-card: #1A2533;--bg-results-card: #1A2533;--bg-iot-metrics: #1A2533;--bg-calculated-results: #1A2533;--bg-form-section: #1A2533;--bg-consumption-results: rgba(255, 255, 255, .05);--bg-result-card: #1A2533;--bg-cost-summary: #1A2533;--bg-stat-card: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-dashed: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--shadow-tooltip: 0 8px 24px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-view-bg: #F39C12;--btn-view-hover: #E67E22;--btn-success-bg: #10B981;--btn-success-hover: #059669;--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-hover: rgba(255, 255, 255, .1);--btn-secondary-border: rgba(255, 255, 255, .06);--btn-secondary-border-hover: rgba(255, 255, 255, .12);--btn-calculate-bg: #F39C12;--btn-calculate-hover: #E67E22;--btn-use-results-bg: #10B981;--btn-use-results-hover: #059669;--btn-recalculate-bg: rgba(255, 255, 255, .05);--btn-recalculate-hover: rgba(255, 255, 255, .1);--btn-add-appliance-bg: #F39C12;--btn-add-appliance-hover: #E67E22;--btn-edit-appliance-bg: #3B82F6;--btn-edit-appliance-hover: #2563EB;--btn-delete-appliance-bg: #EF4444;--btn-delete-appliance-hover: #DC2626;--btn-add-item-bg: transparent;--btn-add-item-hover: rgba(243, 156, 18, .08);--btn-add-item-border: rgba(255, 255, 255, .08);--btn-add-item-border-hover: #F39C12;--btn-add-item-color: rgba(255, 255, 255, .4);--btn-add-item-hover-color: #F39C12;--btn-remove-bg: rgba(239, 68, 68, .12);--btn-remove-color: #EF4444;--btn-remove-hover-bg: #EF4444;--btn-remove-hover-color: #FFFFFF;--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-processing-bg: rgba(139, 92, 246, .12);--status-processing-text: #8B5CF6;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-scheduled-bg: rgba(59, 130, 246, .12);--status-scheduled-text: #3B82F6;--status-site-visit-bg: rgba(243, 156, 18, .12);--status-site-visit-text: #F39C12;--status-device-deployed-bg: rgba(59, 130, 246, .12);--status-device-deployed-text: #3B82F6;--status-data-collecting-bg: rgba(139, 92, 246, .12);--status-data-collecting-text: #8B5CF6;--status-data-analyzing-bg: rgba(139, 92, 246, .12);--status-data-analyzing-text: #8B5CF6;--status-report-draft-bg: rgba(243, 156, 18, .12);--status-report-draft-text: #F39C12;--status-approved-bg: rgba(16, 185, 129, .12);--status-approved-text: #10B981;--type-free-quote-bg: rgba(59, 130, 246, .12);--type-free-quote-text: #3B82F6;--type-pre-assessment-bg: rgba(139, 92, 246, .12);--type-pre-assessment-text: #8B5CF6;--stat-total-bg: rgba(59, 130, 246, .12);--stat-total-color: #3B82F6;--stat-pending-bg: rgba(243, 156, 18, .12);--stat-pending-color: #F39C12;--stat-progress-bg: rgba(139, 92, 246, .12);--stat-progress-color: #8B5CF6;--stat-completed-bg: rgba(16, 185, 129, .12);--stat-completed-color: #10B981;--result-day-border: #F59E0B;--result-day-bg: rgba(245, 158, 11, .08);--result-day-icon: #F59E0B;--result-night-border: #3B82F6;--result-night-bg: rgba(59, 130, 246, .08);--result-night-icon: #3B82F6;--result-total-border: #8B5CF6;--result-total-bg: rgba(139, 92, 246, .08);--result-total-icon: #8B5CF6;--result-monthly-border: #10B981;--result-monthly-bg: rgba(16, 185, 129, .08);--result-monthly-icon: #10B981;--calculation-badge-bg: rgba(255, 255, 255, .05);--calculation-badge-color: rgba(255, 255, 255, .4);--cost-value-color: #F39C12;--item-total-color: #F39C12;--param-display-readonly-bg: rgba(255, 255, 255, .05);--param-display-readonly-color: rgba(255, 255, 255, .4);--autonomy-btn-bg: rgba(255, 255, 255, .05);--autonomy-btn-color: rgba(255, 255, 255, .4);--autonomy-btn-hover-bg: rgba(255, 255, 255, .1);--autonomy-btn-hover-color: #FFFFFF;--autonomy-btn-active-bg: #F39C12;--autonomy-btn-active-color: #FFFFFF;--comment-avatar-bg: rgba(243, 156, 18, .12);--comment-avatar-color: #F39C12;--comment-badge-bg: rgba(16, 185, 129, .12);--comment-badge-color: #10B981;--warning-box-bg: rgba(243, 156, 18, .08);--warning-box-border: rgba(243, 156, 18, .2);--image-overlay-bg: rgba(0, 0, 0, .6);--file-upload-border: rgba(255, 255, 255, .06);--file-upload-hover-border: rgba(243, 156, 18, .3);--required-color: #EF4444;--error-color: #EF4444;--error-border: #EF4444;--error-shadow: rgba(239, 68, 68, .15);--spinner-color: #F39C12;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-success-hover: rgba(16, 185, 129, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12)}.my-assessments-enad{padding-top:4px;margin-top:-12px;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.assessment-toolbar-enad{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:nowrap}.search-bar-enad{position:relative;flex:1 1 320px;max-width:400px;min-width:200px;margin-bottom:0}.search-icon-enad{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;transition:color .3s ease;z-index:2;pointer-events:none}.assessment-search-input-enad{width:100%;max-width:400px;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.assessment-search-input-enad::placeholder{color:var(--text-muted)}.assessment-search-input-enad:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.filter-controls-enad{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;flex:0 1 auto;margin-bottom:0}.filter-tabs-enad{display:inline-flex;gap:6px;flex-wrap:wrap;background:var(--bg-filter);padding:6px;border-radius:10px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.filter-tab-enad{padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.filter-tab-enad:hover{color:var(--text-primary);background:var(--bg-hover)}.filter-tab-enad.active-enad{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.status-filter-dropdown-enad{position:relative;min-width:160px}.status-filter-select-enad{width:100%;padding:8px 36px 8px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;appearance:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2398A2B3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.status-filter-select-enad:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.status-filter-select-enad option{background:var(--bg-select-option);color:var(--text-primary)}.assessments-table-container-enad{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.assessments-table-enad{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.assessments-table-enad thead{background:var(--bg-table-header)}.assessments-table-enad thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease,background .3s ease}.assessments-table-enad thead th.sortable-th-enad{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.assessments-table-enad thead th.sortable-th-enad:hover{color:var(--text-primary)}.assessments-table-enad th:nth-child(1),.assessments-table-enad td:nth-child(1){width:16%}.assessments-table-enad th:nth-child(2),.assessments-table-enad td:nth-child(2){width:18%}.assessments-table-enad th:nth-child(3),.assessments-table-enad td:nth-child(3){width:14%;text-align:center}.assessments-table-enad th:nth-child(4),.assessments-table-enad td:nth-child(4){width:24%}.assessments-table-enad th:nth-child(5),.assessments-table-enad td:nth-child(5){width:14%}.assessments-table-enad th:nth-child(6),.assessments-table-enad td:nth-child(6){width:14%;text-align:center}.assessments-table-enad tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease;cursor:pointer}.assessments-table-enad tbody tr:last-child{border-bottom:none}.assessments-table-enad tbody tr:hover{background:var(--bg-table-row-hover)}.assessments-table-enad tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.ref-cell-enad .ref-text-enad{font-weight:500;color:var(--text-primary);font-family:monospace;font-size:12px;transition:color .3s ease}.client-cell-enad .client-info-enad{display:flex;flex-direction:column;gap:2px;min-width:0}.client-profile-enad{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-enad{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-enad{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-enad{font-weight:500;color:var(--text-primary);transition:color .3s ease}.client-type-enad{font-size:11px;color:var(--text-muted);transition:color .3s ease}.type-cell-enad,.status-cell-enad{text-align:center}.address-cell-enad .address-text-enad{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.date-cell-enad{font-size:12px;color:var(--text-muted);transition:color .3s ease}.type-badge-enad{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.type-badge-enad.free-quote-enad{background:var(--type-free-quote-bg);color:var(--type-free-quote-text);border:1px solid var(--border-medium)}.type-badge-enad.pre-assessment-enad{background:var(--type-pre-assessment-bg);color:var(--type-pre-assessment-text);border:1px solid var(--border-medium)}.status-badge-enad{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-enad.pending-enad{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.status-badge-enad.processing-enad{background:var(--status-processing-bg);color:var(--status-processing-text);border:1px solid var(--border-medium)}.status-badge-enad.completed-enad{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.status-badge-enad.cancelled-enad{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.status-badge-enad.scheduled-enad{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--border-medium)}.status-badge-enad.site-visit-enad{background:var(--status-site-visit-bg);color:var(--status-site-visit-text);border:1px solid var(--border-medium)}.status-badge-enad.device-deployed-enad{background:var(--status-device-deployed-bg);color:var(--status-device-deployed-text);border:1px solid var(--border-medium)}.status-badge-enad.data-collecting-enad{background:var(--status-data-collecting-bg);color:var(--status-data-collecting-text);border:1px solid var(--border-medium)}.status-badge-enad.data-analyzing-enad{background:var(--status-data-analyzing-bg);color:var(--status-data-analyzing-text);border:1px solid var(--border-medium)}.status-badge-enad.report-draft-enad{background:var(--status-report-draft-bg);color:var(--status-report-draft-text);border:1px solid var(--border-medium)}.status-badge-enad.approved-enad{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid var(--border-medium)}.view-btn-enad{padding:6px 16px;background:var(--btn-view-bg);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.view-btn-enad:hover{background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.manage-btn-wrap-enad{position:relative;display:inline-flex;align-items:center}.manage-needs-dot-enad{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-manage-dot-enad 1.8s ease-in-out infinite}@keyframes pulse-manage-dot-enad{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.empty-state-enad{text-align:center;padding:48px 20px;color:var(--text-muted);transition:color .3s ease}.empty-state-enad h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;transition:color .3s ease}.empty-state-enad p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.pagination-enad{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 8px;flex-wrap:wrap}.pagination-btn-enad{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.pagination-btn-enad:hover:not(.disabled-enad){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.pagination-btn-enad.disabled-enad{opacity:.3;cursor:not-allowed}.pagination-numbers-enad{display:flex;gap:4px}.pagination-number-enad{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.pagination-number-enad:hover{background:var(--bg-section);color:var(--text-primary)}.pagination-number-enad.active-enad{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.pagination-info-enad{text-align:center;font-size:13px;color:var(--text-muted);padding:8px 0;transition:color .3s ease}.detail-view-enad{margin-top:0}.detail-content-enad{display:flex;flex-direction:column;gap:20px}.back-button-enad{background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;font-family:Poppins,sans-serif;transition:all .2s ease;align-self:flex-start}.back-button-enad:hover{color:var(--icon-warning)}.detail-header-enad{display:flex;align-items:flex-start;justify-content:space-between;background:var(--bg-detail-header);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);flex-wrap:wrap;gap:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.detail-title-enad{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.client-meta-enad{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.client-meta-item-enad{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.client-meta-item-enad .capitalize{text-transform:capitalize}.detail-header-enad.detail-header-merged-enad{display:block}.merged-head-top-enad{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.merged-head-div-enad{border-top:1px solid var(--border-color);margin-top:16px}.merged-head-facts-enad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:14px}.detail-fact-enad{display:flex;flex-direction:column;gap:3px;min-width:0}.detail-fact-label-enad{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.detail-fact-value-enad{font-size:14px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.detail-fact-hint-enad{font-size:11px;font-weight:400;color:var(--text-muted)}.merged-details-title-enad{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-primary);margin:14px 0 0}.merged-details-grid-enad{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 24px;padding-top:6px}@media(max-width:1200px){.merged-details-grid-enad,.merged-summary-grid-enad{grid-template-columns:repeat(2,1fr)}}.merged-summary-grid-enad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px;padding-top:6px}.merged-final-enad{margin-top:12px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.merged-final-label-enad{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.merged-final-value-enad{font-size:18px;font-weight:700;color:var(--text-success)}.merged-pdf-link-enad{color:var(--text-edit);font-weight:600}.merged-note-enad{margin-top:12px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:500;color:var(--text-secondary)}@media(max-width:768px){.merged-head-facts-enad{grid-template-columns:1fr;gap:10px}.merged-details-grid-enad,.merged-summary-grid-enad{grid-template-columns:1fr}}.tabs-enad{display:inline-flex;gap:6px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.tab-btn-enad{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.tab-btn-enad:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn-enad.active-enad{background:var(--icon-color);color:#fff;box-shadow:0 4px 12px #f39c124d}.tabs-more-enad,.tabs-more-menu-enad{display:none}.info-grid-enad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg-info-grid);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.info-item-enad{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.info-item-enad:last-child{border-bottom:none}.info-label-enad{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.info-value-enad{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.quotation-section .info-grid-enad{background:transparent;border:none;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}.info-value-enad .capitalize{text-transform:capitalize}.roof-area-text{font-size:12px;color:var(--text-muted);margin-left:4px;transition:color .3s ease}.device-card-enad{background:var(--bg-device-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-top:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.device-card-title-enad{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px;transition:color .3s ease}.device-info-enad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-info-item-enad{display:flex;flex-direction:column;gap:2px}.device-info-label-enad{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.device-info-value-enad{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.no-device-card-enad{background:var(--bg-no-device);border-radius:14px;padding:20px 24px;border:2px dashed var(--border-dashed);color:var(--text-muted);text-align:center;margin-top:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease,color .3s ease}.system-recommendations{background:var(--bg-recommendations);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-top:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.system-recommendations h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.recommendations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rec-item{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.rec-item label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.rec-item strong{font-size:14px;color:var(--text-primary);transition:color .3s ease}.rec-item .form-hint-enad{font-size:11px;color:var(--text-muted);transition:color .3s ease}.quotation-section{background:var(--bg-quotation);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-top:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.quotation-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.form-grid-enad{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group-enad{display:flex;flex-direction:column;gap:4px}.form-label-enad{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.assessment-form-input-enad{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.form-hint-enad{font-size:11px;color:var(--text-muted);transition:color .3s ease}.calculation-cards-container{margin-top:16px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;box-shadow:var(--shadow-card);padding:20px 24px}.calculation-cards-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.calculation-cards-container{padding:16px}}.calculation-cards-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.calculation-cards-header p{font-size:14px;color:var(--text-muted);margin:0 0 8px;transition:color .3s ease}.system-type-indicator{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.system-type-indicator strong{color:var(--cost-value-color)}.calculation-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.calc-method-tabs-enad{margin-bottom:14px}.calc-split-enad{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:stretch}.calc-methods-enad{min-width:0;display:flex;flex-direction:column}.calc-methods-enad .calculation-card{min-height:0;flex:1}@media(min-width:1025px){.calc-methods-enad{min-height:660px}}.calc-methods-enad .calculation-card-body{padding:12px 14px;gap:8px}.calc-methods-enad .consumption-display{margin-bottom:0}.calc-methods-enad .formula-display.math-block{margin:0}.calc-methods-enad .btn-calculate{margin-top:auto}.calc-methods-enad .form-group-enad{margin-bottom:0}.panel-row-enad{display:flex;gap:10px;align-items:flex-end}.panel-row-enad>.form-group-enad{flex:1;min-width:0}.panel-specs-enad{display:flex;gap:8px;flex-shrink:0;padding-bottom:1px}.panel-spec-enad{display:flex;flex-direction:column;gap:1px;padding:5px 12px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;white-space:nowrap}.panel-spec-enad label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.panel-spec-enad strong{font-size:14px;font-weight:700;color:var(--cost-value-color)}.psh-field-enad{display:flex;flex-direction:column;gap:1px;flex-shrink:0;width:104px;padding-bottom:1px}.psh-field-enad label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);white-space:nowrap}.psh-field-enad .param-input{width:100%;max-width:none;font-weight:700}@media(max-width:480px){.panel-row-enad{flex-direction:column;align-items:stretch}.panel-specs-enad{padding-bottom:0}.panel-spec-enad{flex:1}.psh-field-enad{width:100%}}.calc-results-side-enad{min-width:0;display:flex;flex-direction:column}.calc-results-side-enad .calculation-results-card{margin-top:0;flex:1;display:flex;flex-direction:column}.calc-results-side-enad .results-actions{margin-top:auto;padding-top:12px}.calc-empty-side-enad{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.calc-results-side-enad .results-grid{grid-template-columns:repeat(2,1fr)}.calc-results-side-enad .results-header{flex-direction:column;align-items:flex-start;gap:4px}.calc-results-side-enad .results-actions{flex-direction:column}.calc-results-side-enad .results-actions button{width:100%;justify-content:center}.calc-empty-side-enad{background:var(--bg-card);border:1px dashed var(--border-dashed);border-radius:12px;padding:28px 20px;text-align:center;font-size:13px;font-weight:500;color:var(--text-muted);line-height:1.6}@media(max-width:1200px){.calc-split-enad{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1024px){.calc-split-enad{grid-template-columns:1fr}}.calculation-card{display:flex;flex-direction:column;background:var(--bg-calculation-card);border-radius:12px;border:1px solid var(--border-card);overflow:hidden;transition:border-color .2s ease,background .3s ease;height:100%;min-height:420px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.calculation-card:hover{border-color:#f39c1226}.calculation-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-section);border-bottom:1px solid var(--border-color);flex-shrink:0;transition:background .3s ease,border-color .3s ease}.calculation-card-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.calculation-badge{font-size:10px;font-weight:500;color:var(--calculation-badge-color);text-transform:uppercase;letter-spacing:.3px;padding:2px 10px;background:var(--calculation-badge-bg);border-radius:10px;transition:color .3s ease,background .3s ease}.calculation-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.consumption-display{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.consumption-item{display:flex;flex-direction:column;padding:6px 10px;background:var(--bg-section);border-radius:8px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.consumption-item label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.consumption-item strong{font-size:14px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.consumption-item small{font-size:10px;color:var(--text-muted);transition:color .3s ease}.consumption-item.highlight{background:var(--bg-section);border-color:#f39c1226;grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.consumption-item.highlight strong{color:var(--cost-value-color)}.calculation-params{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.param-group{display:flex;flex-direction:column;gap:4px}.param-group label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.param-input{padding:6px 10px;border:1px solid var(--border-input);border-radius:6px;font-size:13px;background:var(--bg-input);color:var(--text-primary);width:100%;max-width:100px;font-family:Poppins,sans-serif;transition:border-color .2s ease,background .3s ease,color .3s ease}.param-input:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.param-display{padding:6px 10px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-section);border-radius:6px;border:1px solid var(--border-color);transition:color .3s ease,background .3s ease,border-color .3s ease}.param-display.read-only{background:var(--param-display-readonly-bg);color:var(--param-display-readonly-color)}.battery-autonomy-selector{margin:8px 0}.battery-autonomy-selector .form-label-enad{font-size:10px;text-transform:uppercase;letter-spacing:.3px}.autonomy-options{display:flex;gap:8px;margin-top:4px}.autonomy-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--autonomy-btn-bg);color:var(--autonomy-btn-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.autonomy-btn:hover{background:var(--autonomy-btn-hover-bg);color:var(--autonomy-btn-hover-color)}.autonomy-btn.active{background:var(--autonomy-btn-active-bg);color:var(--autonomy-btn-active-color);border-color:var(--autonomy-btn-active-bg)}.formula-display.math-block{margin:12px 0 14px;padding:12px 14px 10px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:10px;transition:background .3s ease,border-color .3s ease}.formula-display.math-block .formula-title{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--cost-value-color);margin-bottom:6px}.formula-display.math-block .math-scroll{overflow-x:auto;overflow-y:hidden;padding:6px 2px 4px;scrollbar-width:thin}.formula-display.math-block math.math-formula{font-family:"Cambria Math","STIX Two Math","Latin Modern Math",Times New Roman,serif;font-size:17px;color:var(--text-primary)}.formula-display.math-block math.math-formula+math.math-formula{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-medium)}.formula-display.math-block mi{font-style:italic}.formula-display.math-block mn,.formula-display.math-block mtext{font-style:normal}.formula-display.math-block mfrac{font-size:.94em}.formula-display.math-block .math-unit{display:inline-block;margin-top:4px;font-size:11px;font-weight:600;color:var(--text-muted)}.formula-display.math-block .formula-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.formula-display.math-block .formula-legend i{font-family:"Cambria Math","STIX Two Math",serif;color:var(--text-secondary)}.formula-display.math-block-compact{margin:8px 0 0;padding:10px 12px 8px;width:100%}.formula-display.math-block .math-substitution{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-medium)}.formula-display.math-block .math-substitution-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:4px}.formula-display.math-block .math-hint{font-size:11px;color:var(--text-muted)}.formula-display.math-block mn.math-result{font-weight:700;color:var(--cost-value-color)}.btn-calculate{width:100%;padding:8px;border:none;border-radius:8px;background:var(--btn-calculate-bg);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:auto}.btn-calculate:hover:not(:disabled){background:var(--btn-calculate-hover)}.btn-calculate:disabled{opacity:.5;cursor:not-allowed}.calculation-results-card{scroll-margin-top:16px;background:var(--bg-results-card);border-radius:12px;border:2px solid var(--icon-color);padding:20px;margin-top:20px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.results-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.results-method{font-size:12px;color:var(--text-muted);padding:2px 12px;background:var(--bg-section);border-radius:12px;transition:color .3s ease,background .3s ease}.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.result-item{display:flex;flex-direction:column;padding:8px 12px;background:var(--bg-section);border-radius:8px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.result-item label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;transition:color .3s ease}.result-item strong{font-size:16px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.result-item small{font-size:10px;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.result-item.highlight{background:var(--bg-section);border-color:#f39c1226}.result-item.highlight strong{color:var(--cost-value-color)}.result-item.battery-autonomy{grid-column:span 2}.results-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--border-color);margin-top:4px;transition:border-color .3s ease}.btn-use-results{padding:8px 24px;border:none;border-radius:8px;background:var(--btn-use-results-bg);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-use-results:hover{background:var(--btn-use-results-hover)}.btn-recalculate{padding:8px 24px;border:1px solid var(--border-color);border-radius:8px;background:var(--btn-recalculate-bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-recalculate:hover{background:var(--btn-recalculate-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.iot-metrics-section{background:var(--bg-iot-metrics);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-top:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.iot-metrics-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.iot-card-head-enad{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.iot-include-enad{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.iot-include-enad input{width:14px;height:14px;accent-color:var(--icon-color);cursor:pointer}.iot-card-hint-enad{display:block;font-size:12px;color:var(--text-muted);margin:10px 0 2px}.iot-head-actions-enad{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}.iot-submit-btn-enad{padding:6px 14px;font-size:12px}.detail-header-enad .detail-tabs-merged-enad{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;border-top:1px solid var(--border-color);margin-top:14px;padding:12px 0 0;width:100%}.iot-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-item{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.metric-item.full-width{grid-column:1 / -1}.metric-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-item label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.metric-item span{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.metric-item strong{color:var(--cost-value-color)}.calculated-results-summary{background:var(--bg-calculated-results);border-radius:14px;padding:20px 24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin-top:16px;scroll-margin-top:96px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.calculated-results-summary h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.summary-head-enad{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calculated-results-summary .summary-head-enad h4{margin:0}.summary-change-btn-enad{padding:6px 14px;font-size:12px;flex-shrink:0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-item{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.summary-item label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.summary-item strong{font-size:14px;color:var(--text-primary);transition:color .3s ease}.action-buttons-enad{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.form-actions-bottom-enad{justify-content:flex-end;margin:4px 0 8px}.btn-primary-enad{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-view-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-primary-enad:hover:not(:disabled){background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.btn-primary-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-secondary-enad{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-secondary-bg);color:var(--text-secondary);border:1px solid var(--btn-secondary-border);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-secondary-enad:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.btn-secondary-enad:disabled{opacity:.5;cursor:not-allowed}.btn-success-enad{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-success-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-success-enad:hover:not(:disabled){background:var(--btn-success-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.btn-success-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.file-upload-enad{margin-bottom:16px}.file-upload-input-enad{display:block;padding:12px;background:var(--bg-input);border:2px dashed var(--file-upload-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;width:100%;transition:all .2s ease}.file-upload-input-enad:hover{border-color:var(--file-upload-hover-border)}.uploading-enad{margin-top:8px;font-size:13px;color:var(--text-muted);transition:color .3s ease}.image-grid-enad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.image-card-enad{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg-section);border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.image-card-enad img{width:100%;height:100%;object-fit:cover}.image-overlay-enad{position:absolute;inset:0;background:var(--image-overlay-bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-card-enad:hover .image-overlay-enad{opacity:1}.image-overlay-icon-enad{color:#fff;text-decoration:none;font-size:13px;font-weight:500;padding:4px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;transition:all .2s ease}.image-overlay-icon-enad:hover{background:#ffffff1a}.comment-input-wrapper-enad{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.assessment-form-textarea-enad{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;resize:vertical;min-height:80px;transition:all .2s ease}.assessment-form-textarea-enad:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.assessment-form-textarea-enad::placeholder{color:var(--text-muted)}.comment-send-btn-enad{padding:10px 24px;background:var(--btn-view-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;align-self:flex-end}.comment-send-btn-enad:hover:not(:disabled){background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.comment-send-btn-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.comment-list-enad{display:flex;flex-direction:column;gap:12px}.comment-item-enad{background:var(--bg-section);border-radius:10px;padding:16px 20px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.comment-header-enad{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.comment-user-enad{display:flex;align-items:center;gap:10px}.comment-avatar-enad{width:32px;height:32px;border-radius:50%;background:var(--comment-avatar-bg);display:flex;align-items:center;justify-content:center;color:var(--comment-avatar-color);font-weight:600;font-size:14px;transition:background .3s ease,color .3s ease}.comment-name-enad{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.comment-time-enad{font-size:12px;color:var(--text-muted);margin:0;transition:color .3s ease}.comment-badge-enad{padding:2px 10px;background:var(--comment-badge-bg);color:var(--comment-badge-color);border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:background .3s ease,color .3s ease}.comment-text-enad{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.modal-overlay-enad{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-enad{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);transition:background .3s ease,border-color .3s ease}.confirm-modal-enad{max-width:480px}.modal-header-enad{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.modal-header-enad h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-enad{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-close-enad:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-enad{padding:20px 24px;overflow-y:auto}.appliance-search-wrap-enad{position:relative;display:flex;flex-direction:column;gap:8px}.appliance-dropdown-enad{position:absolute;top:100%;left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;margin-top:4px;padding:6px}.appliance-option-enad{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.appliance-option-enad:hover{background:#f39c121f}.appliance-option-name-enad{font-size:13.5px;font-weight:500;color:var(--text-primary)}.appliance-option-watts-enad{font-size:12px;color:var(--text-muted);white-space:nowrap}.appliance-option-custom-enad{border-top:1px dashed var(--border-color);margin-top:4px;padding-top:10px}.appliance-dropdown-empty-enad{padding:12px;font-size:13px;color:var(--text-muted);text-align:center}.appliance-back-btn-enad{align-self:flex-start;background:transparent;border:none;color:#d97706;font-size:12.5px;font-weight:500;cursor:pointer;padding:0}.appliance-back-btn-enad:hover{text-decoration:underline}.modal-body-enad::-webkit-scrollbar{width:4px}.modal-body-enad::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-enad::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.modal-actions-enad{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;transition:border-color .3s ease}.confirm-message-enad p{font-size:15px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.device-details-confirm-enad{background:var(--bg-section);border-radius:10px;padding:12px 16px;margin-bottom:16px;transition:background .3s ease}.detail-row-enad{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-row-enad:last-child{border-bottom:none}.detail-label-enad{color:var(--text-muted);font-size:13px;transition:color .3s ease}.detail-value-enad{color:var(--text-primary);font-size:13px;font-weight:500;transition:color .3s ease}.warning-box-enad{background:var(--warning-box-bg);border:1px solid var(--warning-box-border);border-radius:10px;padding:12px 16px;margin-top:8px;transition:background .3s ease,border-color .3s ease}.warning-box-enad p{font-size:13px;color:var(--text-secondary);margin:0 0 4px;transition:color .3s ease}.warning-box-enad ul{margin:4px 0 0 16px;padding:0}.warning-box-enad li{font-size:12px;color:var(--text-muted);transition:color .3s ease}.cancel-btn-enad{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-enad:hover{background:var(--btn-cancel-hover)}.confirm-deploy-btn-enad,.confirm-submit-btn-enad{padding:10px 24px;background:var(--btn-view-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.confirm-deploy-btn-enad:hover:not(:disabled),.confirm-submit-btn-enad:hover:not(:disabled){background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.confirm-deploy-btn-enad:disabled,.confirm-submit-btn-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-delete-btn-enad{padding:10px 24px;background:var(--btn-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.confirm-delete-btn-enad:hover:not(:disabled){background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.confirm-delete-btn-enad:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-section-enad{background:var(--bg-form-section);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.form-section-header-enad{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-section-header-enad h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.add-appliance-btn-enad{padding:6px 16px;background:var(--btn-add-appliance-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease;font-family:Poppins,sans-serif}.add-appliance-btn-enad:hover{background:var(--btn-add-appliance-hover)}.empty-appliances-enad{text-align:center;padding:20px;color:var(--text-muted);background:var(--bg-section);border-radius:8px;border:1px dashed var(--border-dashed);transition:color .3s ease,background .3s ease,border-color .3s ease}.appliances-table-container-enad{overflow-x:auto}.appliances-table-enad{width:100%;border-collapse:collapse;font-size:14px}.appliances-table-enad th{text-align:left;padding:10px 12px;background:var(--bg-section);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:background .3s ease,color .3s ease,border-color .3s ease}.appliances-table-enad td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle;transition:border-color .3s ease}.appliances-table-enad tr:hover{background:var(--bg-table-row-hover)}.appliance-type-badge-enad{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.edit-appliance-btn-enad{padding:4px 10px;background:var(--btn-edit-appliance-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:4px}.edit-appliance-btn-enad:hover{background:var(--btn-edit-appliance-hover)}.delete-appliance-btn-enad{padding:4px 10px;background:var(--btn-delete-appliance-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.delete-appliance-btn-enad:hover{background:var(--btn-delete-appliance-hover)}.add-appliance-btn-enad:disabled,.edit-appliance-btn-enad:disabled,.delete-appliance-btn-enad:disabled{opacity:.45;cursor:not-allowed}.add-appliance-btn-enad:disabled:hover,.edit-appliance-btn-enad:disabled:hover,.delete-appliance-btn-enad:disabled:hover{background:var(--btn-add-appliance-bg)}.edit-appliance-btn-enad:disabled:hover{background:var(--btn-edit-appliance-bg)}.delete-appliance-btn-enad:disabled:hover{background:var(--btn-delete-appliance-bg)}.consumption-results-cusset-enad{background:var(--bg-consumption-results);border-radius:12px;padding:20px;margin:16px 0 20px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.consumption-results-cusset-enad h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:color .3s ease}.results-grid-cusset-enad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.result-card-cusset-enad{display:flex;align-items:center;gap:14px;background:var(--bg-result-card);padding:16px 18px;border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease;box-shadow:var(--shadow-card)}.result-card-cusset-enad:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.result-icon-enad{font-size:22px;flex-shrink:0}.result-info-enad{display:flex;flex-direction:column;flex:1}.result-label-enad{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.result-value-enad{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;transition:color .3s ease}.result-percentage-enad{font-size:13px;color:var(--text-muted);font-weight:500;transition:color .3s ease}.result-info-enad small{font-size:11px;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.result-card-cusset-enad.day-result{border-left:4px solid var(--result-day-border);background:var(--result-day-bg)}.result-card-cusset-enad.day-result .result-icon-enad{color:var(--result-day-icon)}.result-card-cusset-enad.night-result{border-left:4px solid var(--result-night-border);background:var(--result-night-bg)}.result-card-cusset-enad.night-result .result-icon-enad{color:var(--result-night-icon)}.result-card-cusset-enad.total-result{border-left:4px solid var(--result-total-border);background:var(--result-total-bg)}.result-card-cusset-enad.total-result .result-icon-enad{color:var(--result-total-icon)}.result-card-cusset-enad.monthly-result{border-left:4px solid var(--result-monthly-border);background:var(--result-monthly-bg)}.result-card-cusset-enad.monthly-result .result-icon-enad{color:var(--result-monthly-icon)}.equipment-selection-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.equipment-selection-row .form-group-enad{flex:1 1 180px;margin-bottom:0}.equipment-selection-row .cost-display{display:flex;align-items:center;padding:6px 12px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:8px;min-width:100px;min-height:38px;transition:background .3s ease,border-color .3s ease}.cost-value{font-weight:600;color:var(--text-primary);font-size:14px;transition:color .3s ease}.btn-add-item{padding:4px 16px;border:1px dashed var(--btn-add-item-border);border-radius:20px;background:var(--btn-add-item-bg);color:var(--btn-add-item-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-bottom:8px}.btn-add-item:hover{border-color:var(--btn-add-item-border-hover);color:var(--btn-add-item-hover-color);background:var(--btn-add-item-hover)}.btn-remove{padding:4px 12px;border:none;border-radius:20px;background:var(--btn-remove-bg);color:var(--btn-remove-color);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.btn-remove:hover{background:var(--btn-remove-hover-bg);color:var(--btn-remove-hover-color)}.additional-item-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.additional-item-row:last-child{border-bottom:none}.additional-item-row .assessment-form-select-enad,.additional-item-row .assessment-form-input-enad{flex:1 1 120px;min-width:80px}.additional-item-row .item-total{font-weight:600;font-size:14px;color:var(--item-total-color);min-width:70px;padding:4px 0;transition:color .3s ease}.labor-percentage-control{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.labor-control-group{flex:1 1 200px}.labor-input,.overhead-input,.profit-input{max-width:120px}.labor-detail,.cost-detail{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);padding:4px 0;transition:color .3s ease}.labor-detail span:last-child,.cost-detail span:last-child{font-weight:500;color:var(--text-primary);transition:color .3s ease}.labor-total{display:flex;justify-content:space-between;font-size:14px;padding-top:6px;margin-top:4px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.labor-total strong{color:var(--text-primary);transition:color .3s ease}.cost-summary-large{background:var(--bg-cost-summary);border-radius:12px;padding:20px;margin:20px 0;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.cost-summary-large h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.summary-row span:last-child{font-weight:500;color:var(--text-primary);transition:color .3s ease}.summary-row.total{font-size:16px;font-weight:700;color:var(--text-primary);padding-top:8px;margin-top:4px;border-top:2px solid var(--text-muted);border-bottom:none;transition:color .3s ease,border-color .3s ease}.summary-row.total span:last-child{color:var(--cost-value-color)}.form-row-enad{display:flex;gap:16px}.form-row-grid-enad{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.form-row-grid-enad{grid-template-columns:1fr}}.dimension-input-enad{flex:1;min-width:0}.assessment-form-select-enad{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease}.assessment-form-select-enad:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.assessment-form-select-enad option{background:var(--bg-select-option);color:var(--text-primary)}.assessment-form-input-enad.error{border-color:var(--error-border)}.assessment-form-input-enad.error:focus{border-color:var(--error-border);box-shadow:0 0 0 3px var(--error-shadow)}.error-message-enad{color:var(--error-color);font-size:13px;margin-top:4px}.options-group-enad{display:flex;flex-wrap:wrap;gap:8px}.option-btn-enad{padding:6px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--autonomy-btn-bg);color:var(--autonomy-btn-color);font-size:13px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.option-btn-enad:hover{background:var(--autonomy-btn-hover-bg);color:var(--autonomy-btn-hover-color)}.option-btn-enad.active-enad{background:var(--autonomy-btn-active-bg);color:var(--autonomy-btn-active-color);border-color:var(--autonomy-btn-active-bg)}.dashboard-stats-enad{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.assessment-charts-row-enad{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.assessment-chart-card-enad{background:var(--bg-stat-card);border-radius:16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 16px 12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.assessment-chart-header-enad{display:flex;flex-direction:column;gap:1px;margin-bottom:4px;flex-shrink:0}.assessment-chart-header-enad h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.assessment-chart-period-enad{font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.3}.assessment-chart-wrapper-enad{width:100%;height:220px;min-height:220px;flex:1}.assessment-chart-empty-enad{display:flex;align-items:center;justify-content:center;height:100%;min-height:240px;text-align:center;font-size:13px;color:var(--text-muted);padding:24px;line-height:1.5}.stat-card-enad{background:var(--bg-stat-card);border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:20px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat-card-enad:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#f39c121f}.stat-card-enad .stat-icon-enad{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.stat-card-enad.total .stat-icon-enad{background:var(--stat-total-bg);color:var(--stat-total-color)}.stat-card-enad.pending .stat-icon-enad{background:var(--stat-pending-bg);color:var(--stat-pending-color)}.stat-card-enad.in-progress .stat-icon-enad{background:var(--stat-progress-bg);color:var(--stat-progress-color)}.stat-card-enad.completed .stat-icon-enad{background:var(--stat-completed-bg);color:var(--stat-completed-color)}.stat-card-enad .stat-info-enad{display:flex;flex-direction:column;gap:2px}.stat-card-enad .stat-number-enad{font-size:34px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.stat-card-enad .stat-label-enad{font-size:15px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.skeleton-row-enad{border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.skeleton-cell-enad{height:20px;border-radius:4px;animation:shimmer-enad 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line-enad{border-radius:6px;animation:shimmer-enad 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line-enad.large-enad{height:32px;width:60%}.skeleton-line-enad.medium-enad{height:20px;width:40%}.skeleton-search-enad{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer-enad 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-tab-enad{height:36px;width:100px;border-radius:8px;background:var(--bg-card);animation:shimmer-enad 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes shimmer-enad{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.my-assessments-enad{padding-inline:20px}.info-grid-enad{grid-template-columns:repeat(2,1fr)}.recommendations-grid{grid-template-columns:repeat(3,1fr)}.dashboard-stats-enad{grid-template-columns:repeat(2,1fr);gap:16px}.assessment-charts-row-enad{gap:16px}}@media(max-width:1024px){.my-assessments-enad{padding-inline:18px}.calculation-cards-grid{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:repeat(3,1fr)}.results-grid-cusset-enad,.summary-grid{grid-template-columns:repeat(2,1fr)}.iot-metrics-grid{grid-template-columns:repeat(3,1fr)}.device-info-enad{grid-template-columns:repeat(2,1fr)}.assessments-table-enad{table-layout:auto}.assessment-charts-row-enad{grid-template-columns:1fr}.assessment-chart-wrapper-enad{height:260px;min-height:260px}.assessment-toolbar-enad{flex-wrap:wrap;gap:10px}.search-bar-enad{flex:1 1 100%;max-width:100%}.filter-controls-enad{flex-wrap:wrap;width:100%}}@media(max-width:768px){.my-assessments-enad{padding-inline:14px;padding-top:12px;max-width:100%;overflow-x:clip}.assessment-toolbar-enad{flex-direction:column;align-items:stretch;gap:10px}.search-bar-enad{flex:1 1 auto;max-width:100%;min-width:0}.filter-controls-enad{flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}.filter-tabs-enad{display:flex;flex-wrap:nowrap;overflow-x:auto;flex:1 1 auto;min-width:0;padding:4px;gap:4px;-webkit-overflow-scrolling:touch}.filter-tab-enad{padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.status-filter-dropdown-enad{min-width:135px;flex:1 1 0}.status-filter-dropdown-enad:last-child{min-width:135px}.assessments-table-container-enad{background:transparent;border:none;box-shadow:none;overflow:visible}.assessments-table-enad{background:transparent;display:block;table-layout:auto}.assessments-table-enad th:nth-child(n),.assessments-table-enad td:nth-child(n){width:auto;min-width:0}.assessments-table-enad thead{display:none}.assessments-table-enad tbody{display:block;background:transparent}.assessments-table-enad tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border-card)}.assessments-table-enad tbody tr:last-child{margin-bottom:0;border-bottom:1px solid var(--border-card)}.assessments-table-enad tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:10px 14px;border-bottom:none;border-top:none}.assessments-table-enad tbody td:not(:first-child):not(:last-child){background:var(--bg-primary)}.assessments-table-enad tbody td:first-child+td{border-radius:12px 12px 0 0}.assessments-table-enad tbody td:nth-last-child(2){border-radius:0 0 12px 12px}.assessments-table-enad tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-color)}.assessments-table-enad tbody td:first-child{border-top:none;display:block;text-align:center;padding-top:14px;padding-bottom:12px}.assessments-table-enad tbody td:last-child{border-bottom:none}.assessments-table-enad tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;text-transform:none;letter-spacing:0;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px}.assessments-table-enad tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.assessments-table-enad tbody td>*{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.assessments-table-enad tbody td:first-child>*{text-align:center}.assessments-table-enad tbody td[data-label=Actions]{display:block;text-align:center;padding-top:12px}.assessments-table-enad tbody td[data-label=Actions]:before{display:none}.ref-text-enad{font-size:16px;font-weight:700}.client-name-enad,.date-cell-enad,.address-text-enad{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.assessments-table-enad tbody td>.type-badge-enad,.assessments-table-enad tbody td>.status-badge-enad{flex:none;margin-left:auto}.client-info-enad{align-items:flex-end;text-align:right;width:100%}.view-btn-enad{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600}.view-btn-enad:hover{transform:none;box-shadow:none}.action-buttons-enad{flex-direction:column}.btn-secondary-enad,.btn-success-enad{width:100%;justify-content:center}.form-section-enad{padding:16px}.form-section-header-enad{flex-wrap:wrap;gap:10px}.assessment-form-input-enad,.assessment-form-textarea-enad{width:100%;box-sizing:border-box}.form-group-enad{margin-bottom:4px}.actions-cell-enad{display:flex;justify-content:flex-start}.pagination-enad{gap:4px}.pagination-btn-enad{padding:6px 12px;font-size:12px}.pagination-number-enad{min-width:32px;height:32px;font-size:12px}.detail-header-enad{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.detail-view-enad,.detail-content-enad{min-width:0;max-width:100%}.detail-title-enad,.client-meta-item-enad{min-width:0;overflow-wrap:anywhere}.tabs-enad{display:flex;flex-wrap:nowrap;overflow:visible;width:100%;min-width:0;max-width:100%;padding:4px;gap:4px;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none;position:relative;z-index:60}.tabs-enad::-webkit-scrollbar{display:none}.tab-btn-enad{padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.tab-btn-enad.overflow-tab{display:none}.tabs-more-enad{display:inline-flex;position:relative;flex-shrink:0}.tabs-more-enad .tab-btn-enad{display:inline-flex;align-items:center;gap:6px}.tabs-more-chevron{font-size:10px;transition:transform .2s ease}.tabs-more-chevron.open{transform:rotate(180deg)}.tabs-more-menu-enad{display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:12px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:50}.tabs-more-item-enad{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:left;font-family:Poppins,sans-serif;transition:all .2s ease;white-space:nowrap}.tabs-more-item-enad:hover{color:var(--text-primary);background:var(--bg-hover)}.tabs-more-item-enad.active-enad{background:var(--icon-color);color:#fff}.info-grid-enad{grid-template-columns:1fr;padding:16px 18px}.info-item-enad{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.info-label-enad{flex:0 0 38%;min-width:0;text-align:left}.info-value-enad{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.device-info-item-enad{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.device-info-label-enad{flex:0 0 38%;min-width:0;text-align:left}.device-info-value-enad{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.iot-metrics-grid,.recommendations-grid,.summary-grid{grid-template-columns:1fr}.metric-item>div,.summary-item,.rec-item{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;min-width:0}.metric-item label,.summary-item label,.rec-item label{flex:0 0 38%;min-width:0;text-align:left}.metric-item span,.summary-item strong,.rec-item strong{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.rec-item .form-hint-enad{flex-basis:100%;text-align:right}.form-grid-enad,.calculation-cards-grid{grid-template-columns:1fr}.calculation-results-card{padding:16px}.results-grid{grid-template-columns:repeat(2,1fr);gap:10px}.consumption-results-cusset-enad{padding:16px}.results-grid-cusset-enad{gap:10px}.result-card-cusset-enad,.result-info-enad,.result-item{min-width:0}.result-item.battery-autonomy{grid-column:span 2}.results-header{flex-wrap:wrap;gap:8px}.results-actions{flex-wrap:wrap;flex-direction:column}.btn-use-results,.btn-recalculate{width:100%;text-align:center}.summary-grid{grid-template-columns:1fr 1fr}.iot-metrics-grid,.recommendations-grid{grid-template-columns:repeat(2,1fr)}.device-info-enad{grid-template-columns:1fr}.image-grid-enad{grid-template-columns:repeat(2,1fr)}.modal-content-enad{max-width:100%;margin:12px;border-radius:14px}.modal-header-enad h3{font-size:18px}.modal-body-enad{padding:16px 18px}.modal-actions-enad{padding:14px 18px 18px;flex-direction:column}.modal-actions-enad button{width:100%;justify-content:center}.client-meta-enad{gap:10px}.client-meta-item-enad{font-size:12px}.detail-title-enad{font-size:18px}.dashboard-stats-enad{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card-enad{padding:18px 20px;border-radius:12px}.assessment-charts-row-enad{gap:14px}.assessment-chart-card-enad{padding:14px 14px 10px;border-radius:14px}.assessment-chart-wrapper-enad{height:220px;min-height:220px}.assessment-chart-header-enad h3{font-size:14px}.assessment-chart-period-enad{font-size:11px}.appliances-table-container-enad{background:transparent;border:none;box-shadow:none;overflow:visible}.appliances-table-enad{background:transparent;display:block;min-width:0;width:100%}.appliances-table-enad thead{display:none}.appliances-table-enad tbody{display:block;background:transparent}.appliances-table-enad tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:18px 16px 20px;margin-bottom:20px}.appliances-table-enad tbody tr:last-child{margin-bottom:0}.appliances-table-enad tbody tr:hover{background:var(--bg-card)}.appliances-table-enad tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:14px 16px;border-bottom:none}.appliances-table-enad tbody td:not(:first-child):not(:last-child){background:var(--bg-primary)}.appliances-table-enad tbody td:first-child+td{border-radius:12px 12px 0 0}.appliances-table-enad tbody td:nth-last-child(2){border-radius:0 0 12px 12px}.appliances-table-enad tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-color)}.appliances-table-enad tbody td:first-child{display:block;text-align:center;padding-top:18px;padding-bottom:16px;font-size:16px;font-weight:700}.appliances-table-enad tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px}.appliances-table-enad tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.appliances-table-enad tbody td:not([data-label=Actions])>*{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.appliances-table-enad tbody td:first-child>*{text-align:center}.appliances-table-enad tbody td:not([data-label=Actions])>.appliance-type-badge-enad{flex:none;margin-left:auto;font-size:12px;font-weight:500}.appliances-table-enad tbody td[data-label=Actions]{display:flex;gap:8px;padding-top:16px}.appliances-table-enad tbody td[data-label=Actions]:before{display:none}.edit-appliance-btn-enad,.delete-appliance-btn-enad{flex:1;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-right:0;border-radius:14px;font-size:13px;font-weight:600;padding:0 12px}.stat-card-enad .stat-icon-enad{width:46px;height:46px;font-size:20px}.stat-card-enad .stat-number-enad{font-size:26px}.stat-card-enad .stat-label-enad{font-size:13px}}@media(max-width:480px){.my-assessments-enad{padding-inline:10px}.assessment-search-input-enad{max-width:100%;font-size:13px;padding:8px 12px}.filter-tab-enad{padding:4px 10px;font-size:11px}.assessments-table-enad tbody tr{margin-bottom:12px;border-radius:16px;padding:10px 10px 12px}.assessments-table-enad tbody td{font-size:12px;padding:8px 10px;gap:10px}.assessments-table-enad tbody td:before{flex-basis:80px;width:80px;font-size:13px;margin-bottom:0}.ref-text-enad{font-size:14px}.appliances-table-enad tbody tr{margin-bottom:16px;border-radius:16px;padding:14px 12px 16px}.appliances-table-enad tbody td{padding:12px 14px}.appliances-table-enad tbody td:before{flex-basis:80px;width:80px}.form-section-enad{padding:14px}.form-row-enad{flex-direction:column;gap:10px}.view-btn-enad{padding:0 12px;font-size:13px}.pagination-btn-enad{padding:4px 10px;font-size:11px}.pagination-number-enad{min-width:28px;height:28px;font-size:11px}.pagination-info-enad{font-size:12px}.detail-header-enad{padding:14px 16px}.detail-title-enad{font-size:16px}.info-grid-enad{padding:12px 14px}.info-item-enad{padding:8px 0;gap:10px}.info-value-enad{font-size:13px}.tab-btn-enad{padding:4px 10px;font-size:11px}.summary-grid,.iot-metrics-grid,.recommendations-grid{grid-template-columns:1fr}.image-grid-enad{grid-template-columns:repeat(2,1fr);gap:8px}.calculation-results-card{padding:14px}.results-grid{gap:8px}.results-grid-cusset-enad{grid-template-columns:1fr}.consumption-results-cusset-enad{padding:14px}.result-value-enad{font-size:16px;overflow-wrap:anywhere}.result-item{padding:8px 10px}.result-item strong{font-size:15px;overflow-wrap:anywhere}.results-header h4{font-size:14px}.device-card-enad{padding:14px 16px}.device-info-item-enad{padding:4px 0}.modal-content-enad{border-radius:12px}.modal-header-enad h3{font-size:16px}.modal-body-enad{padding:14px 16px}.modal-actions-enad{padding:12px 16px 16px}.cancel-btn-enad,.confirm-deploy-btn-enad,.confirm-submit-btn-enad,.confirm-delete-btn-enad{padding:8px 16px;font-size:13px}.btn-primary-enad,.btn-secondary-enad,.btn-success-enad{padding:8px 16px;font-size:13px;width:100%;justify-content:center}.action-buttons-enad,.comment-input-wrapper-enad{flex-direction:column}.comment-send-btn-enad{width:100%;justify-content:center}.comment-item-enad{padding:12px 14px}.dashboard-stats-enad{grid-template-columns:1fr 1fr;gap:10px}.stat-card-enad{padding:14px 16px;border-radius:10px;gap:12px}.stat-card-enad .stat-icon-enad{width:38px;height:38px;font-size:16px;border-radius:10px}.stat-card-enad .stat-number-enad{font-size:22px}.stat-card-enad .stat-label-enad{font-size:11px}.assessment-chart-wrapper-enad{height:200px;min-height:200px}}@media(max-width:360px){.my-assessments-enad{padding-inline:6px}.filter-tab-enad{padding:4px 8px;font-size:10px}.assessments-table-enad tbody td{font-size:11px;padding:8px 10px}.image-grid-enad{grid-template-columns:1fr 1fr;gap:6px}.dashboard-stats-enad{grid-template-columns:1fr 1fr;gap:8px}.stat-card-enad{padding:10px 12px;gap:10px}.stat-card-enad .stat-icon-enad{width:32px;height:32px;font-size:14px}.stat-card-enad .stat-number-enad{font-size:18px}.stat-card-enad .stat-label-enad{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.assessments-table-enad tbody tr:hover,.stat-card-enad:hover,.result-card-cusset-enad:hover{transform:none!important}.skeleton-cell-enad,.skeleton-line-enad,.skeleton-search-enad,.skeleton-tab-enad{animation:none!important;background:var(--skeleton-bg)!important}.view-btn-enad:hover,.btn-primary-enad:hover,.btn-secondary-enad:hover,.btn-success-enad:hover,.filter-tab-enad:hover,.tab-btn-enad:hover,.pagination-btn-enad:hover,.pagination-number-enad:hover,.back-button-enad:hover,.comment-send-btn-enad:hover,.cancel-btn-enad:hover,.confirm-deploy-btn-enad:hover,.confirm-submit-btn-enad:hover,.confirm-delete-btn-enad:hover,.modal-close-enad:hover,.add-appliance-btn-enad:hover,.edit-appliance-btn-enad:hover,.delete-appliance-btn-enad:hover,.btn-add-item:hover,.btn-remove:hover{transform:none!important}.image-overlay-enad{opacity:1!important;background:var(--image-overlay-bg)!important}}.actions-cell-enad{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-progress-section: rgba(255, 255, 255, .5);--bg-progress-chart: rgba(255, 255, 255, .5);--bg-progress-preview: rgba(255, 255, 255, .5);--bg-existing-photos: rgba(255, 255, 255, .5);--bg-waiting-payment: rgba(255, 255, 255, .5);--bg-photo-item: rgba(255, 255, 255, .5);--btn-check-bg: #F59E0B;--btn-check-hover: #D97706;--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(255, 255, 255, .8);--btn-view-bg: #3B82F6;--btn-view-hover: #2563EB;--btn-start-bg: #F39C12;--btn-start-hover: #E67E22;--btn-update-bg: #10B981;--btn-update-hover: #059669;--btn-update-progress-bg: #F39C12;--btn-update-progress-hover: #E67E22;--btn-upload-photos-bg: rgba(255, 255, 255, .5);--btn-upload-photos-hover: rgba(255, 255, 255, .8);--btn-upload-photos-border: #EEF0ED;--btn-upload-photos-border-hover: #D1D5DB;--status-quoted-bg: rgba(59, 130, 246, .1);--status-quoted-text: #2563EB;--status-approved-bg: rgba(139, 92, 246, .1);--status-approved-text: #7C3AED;--status-initial-paid-bg: rgba(243, 156, 18, .1);--status-initial-paid-text: #D97706;--status-full-paid-bg: rgba(16, 185, 129, .1);--status-full-paid-text: #059669;--status-in-progress-bg: rgba(139, 92, 246, .1);--status-in-progress-text: #7C3AED;--status-progress-paid-bg: rgba(59, 130, 246, .1);--status-progress-paid-text: #2563EB;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--payment-paid-bg: rgba(16, 185, 129, .1);--payment-paid-text: #059669;--payment-pending-bg: rgba(243, 156, 18, .1);--payment-pending-text: #D97706;--payment-overdue-bg: rgba(239, 68, 68, .1);--payment-overdue-text: #DC2626;--summary-total-bg: rgba(59, 130, 246, .1);--summary-total-color: #2563EB;--summary-ready-bg: rgba(243, 156, 18, .1);--summary-ready-color: #D97706;--summary-progress-bg: rgba(139, 92, 246, .1);--summary-progress-color: #7C3AED;--summary-completed-bg: rgba(16, 185, 129, .1);--summary-completed-color: #059669;--progress-fill-color: #F39C12;--progress-fill-gradient: linear-gradient(90deg, #F39C12, #F59E0B);--progress-bg-color: #EEF0ED;--progress-percent-color: #D97706;--progress-percent-completed: #059669;--photo-overlay-bg: rgba(0, 0, 0, .5);--remove-photo-bg: rgba(239, 68, 68, .85);--remove-photo-hover: #EF4444;--waiting-icon-color: #D97706;--dropdown-item-hover: rgba(0, 0, 0, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .1);--dropdown-item-success-hover: rgba(16, 185, 129, .1);--dropdown-item-danger-hover: rgba(239, 68, 68, .1);--required-color: #EF4444;--error-color: #DC2626;--system-size-color: #D97706;--amount-paid-color: #059669;--total-amount-color: #98A2B3;--action-placeholder-color: #D1D5DB;--progress-stage-current: #D97706;--progress-stage-completed: #059669;--progress-stage-upcoming: #98A2B3;--timeline-line-color: #D1D5DB;--timeline-line-completed: #059669;--chart-stage-dot-bg: #D1D5DB;--chart-stage-dot-completed: #059669;--chart-stage-dot-current: #F39C12;--chart-stage-label-completed: #059669;--chart-stage-label-current: #D97706;--spinner-color: #F39C12}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-progress-section: rgba(255, 255, 255, .05);--bg-progress-chart: rgba(255, 255, 255, .05);--bg-progress-preview: rgba(255, 255, 255, .05);--bg-existing-photos: rgba(255, 255, 255, .05);--bg-waiting-payment: rgba(255, 255, 255, .05);--bg-photo-item: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-view-bg: #3B82F6;--btn-view-hover: #2563EB;--btn-start-bg: #F39C12;--btn-start-hover: #E67E22;--btn-update-bg: #10B981;--btn-update-hover: #059669;--btn-check-bg: #F59E0B;--btn-check-hover: #D97706;--btn-update-progress-bg: #F39C12;--btn-update-progress-hover: #E67E22;--btn-upload-photos-bg: rgba(255, 255, 255, .05);--btn-upload-photos-hover: rgba(255, 255, 255, .1);--btn-upload-photos-border: rgba(255, 255, 255, .06);--btn-upload-photos-border-hover: rgba(255, 255, 255, .12);--status-quoted-bg: rgba(59, 130, 246, .12);--status-quoted-text: #3B82F6;--status-approved-bg: rgba(139, 92, 246, .12);--status-approved-text: #8B5CF6;--status-initial-paid-bg: rgba(243, 156, 18, .12);--status-initial-paid-text: #F39C12;--status-full-paid-bg: rgba(16, 185, 129, .12);--status-full-paid-text: #10B981;--status-in-progress-bg: rgba(139, 92, 246, .12);--status-in-progress-text: #8B5CF6;--status-progress-paid-bg: rgba(59, 130, 246, .12);--status-progress-paid-text: #3B82F6;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--payment-paid-bg: rgba(16, 185, 129, .12);--payment-paid-text: #10B981;--payment-pending-bg: rgba(243, 156, 18, .12);--payment-pending-text: #F39C12;--payment-overdue-bg: rgba(239, 68, 68, .12);--payment-overdue-text: #EF4444;--summary-total-bg: rgba(59, 130, 246, .12);--summary-total-color: #3B82F6;--summary-ready-bg: rgba(243, 156, 18, .12);--summary-ready-color: #F39C12;--summary-progress-bg: rgba(139, 92, 246, .12);--summary-progress-color: #8B5CF6;--summary-completed-bg: rgba(16, 185, 129, .12);--summary-completed-color: #10B981;--progress-fill-color: #F39C12;--progress-fill-gradient: linear-gradient(90deg, #F39C12, #F59E0B);--progress-bg-color: rgba(255, 255, 255, .08);--progress-percent-color: #F39C12;--progress-percent-completed: #10B981;--photo-overlay-bg: rgba(0, 0, 0, .6);--remove-photo-bg: rgba(239, 68, 68, .85);--remove-photo-hover: #EF4444;--waiting-icon-color: #F39C12;--dropdown-item-hover: rgba(255, 255, 255, .03);--dropdown-item-primary-hover: rgba(59, 130, 246, .12);--dropdown-item-success-hover: rgba(16, 185, 129, .12);--dropdown-item-danger-hover: rgba(239, 68, 68, .12);--required-color: #EF4444;--error-color: #EF4444;--system-size-color: #F39C12;--amount-paid-color: #10B981;--total-amount-color: rgba(255, 255, 255, .4);--action-placeholder-color: rgba(255, 255, 255, .2);--progress-stage-current: #F39C12;--progress-stage-completed: #10B981;--progress-stage-upcoming: rgba(255, 255, 255, .4);--timeline-line-color: rgba(255, 255, 255, .08);--timeline-line-completed: #10B981;--chart-stage-dot-bg: rgba(255, 255, 255, .08);--chart-stage-dot-completed: #10B981;--chart-stage-dot-current: #F39C12;--chart-stage-label-completed: #10B981;--chart-stage-label-current: #F39C12;--spinner-color: #F39C12}.engineer-project-container{padding-top:4px;margin-top:-12px;padding-inline:4px;background:var(--bg-primary);min-height:100vh;max-width:100%;overflow-x:clip;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.project-header-engineerproject{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.project-header-engineerproject h1{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.project-header-engineerproject p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:12px}.summary-card{background:var(--bg-card);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-card);transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.summary-card:hover{transform:translateY(-2px);border-color:#f39c121f;box-shadow:var(--shadow-card-hover)}.summary-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.summary-card-icon.total-icon{background:var(--summary-total-bg);color:var(--summary-total-color)}.summary-card-icon.ready-icon{background:var(--summary-ready-bg);color:var(--summary-ready-color)}.summary-card-icon.progress-icon{background:var(--summary-progress-bg);color:var(--summary-progress-color)}.summary-card-icon.completed-icon{background:var(--summary-completed-bg);color:var(--summary-completed-color)}.summary-card-content{display:flex;flex-direction:column;min-width:0}.summary-card-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.summary-card-label{font-size:13px;font-weight:500;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.summary-card-subtitle{font-size:11px;color:var(--text-muted);margin-top:1px;transition:color .3s ease}.project-charts-row-enad{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.project-chart-card-enad{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 16px 12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.project-chart-header-enad{display:flex;flex-direction:column;gap:1px;margin-bottom:4px;flex-shrink:0}.project-chart-header-enad h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.project-chart-period-enad{font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.3}.project-chart-wrapper-enad{width:100%;height:220px;min-height:220px;flex:1}.project-chart-empty-enad{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;text-align:center;font-size:13px;color:var(--text-muted);padding:24px;line-height:1.5}.recharts-custom-tooltip-enad{background:var(--bg-card, #FFFFFF);border:1px solid var(--border-card, #EEF0ED);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow-tooltip, 0 8px 24px rgba(0,0,0,.12));min-width:140px}.recharts-custom-tooltip-enad .tooltip-label-enad{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.recharts-custom-tooltip-enad .tooltip-item-enad{font-size:12px;font-weight:500;color:var(--text-secondary);margin:2px 0}.project-filters-engineerproject{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-group-engineerproject{display:flex;align-items:center;gap:10px;background:var(--bg-card);padding:4px 12px 4px 16px;border-radius:10px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.filter-group-engineerproject .filter-icon{color:var(--text-muted);font-size:12px;flex-shrink:0;pointer-events:none;transition:color .3s ease}.filter-group-engineerproject select{padding:8px 0;background:transparent!important;border:none;font-size:13px;color:var(--text-primary)!important;font-family:Poppins,sans-serif;cursor:pointer;appearance:none;background-image:none;background-color:transparent!important;-webkit-text-fill-color:var(--text-primary)!important}.filter-group-engineerproject select:focus{outline:none}.filter-group-engineerproject select option{background:var(--bg-select-option);color:var(--text-primary)}.search-group-engineerproject{display:flex;align-items:center;gap:10px;background:var(--bg-card);padding:4px 16px;border-radius:10px;border:1px solid var(--border-card);flex:1;min-width:200px;max-width:400px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.search-group-engineerproject .search-icon,.search-group-engineerproject .search-icon-engineerproject{position:static;transform:none;left:auto;top:auto;color:var(--text-muted);font-size:14px;flex-shrink:0;pointer-events:none;transition:color .3s ease}.search-group-engineerproject input{padding:8px 0;background:transparent;border:none;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;width:100%;-webkit-text-fill-color:var(--text-primary)}.search-group-engineerproject input::placeholder{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.search-group-engineerproject input:focus{outline:none}.projects-table-container-engineerproject{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);overflow-x:auto;transition:background .3s ease,border-color .3s ease}.projects-table-engineerproject{width:100%;border-collapse:collapse;font-size:13px;min-width:1100px}.projects-table-engineerproject thead{background:var(--bg-table-header)}.projects-table-engineerproject thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;position:sticky;top:0;background:var(--bg-table-header);z-index:2;transition:color .3s ease,border-color .3s ease,background .3s ease}.projects-table-engineerproject tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.projects-table-engineerproject tbody tr:last-child{border-bottom:none}.projects-table-engineerproject tbody tr:hover{background:var(--bg-table-row-hover)}.projects-table-engineerproject tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.projects-table-engineerproject th:nth-child(1),.projects-table-engineerproject td:nth-child(1){min-width:140px}.projects-table-engineerproject th:nth-child(2),.projects-table-engineerproject td:nth-child(2){min-width:120px}.projects-table-engineerproject th:nth-child(3),.projects-table-engineerproject td:nth-child(3){min-width:80px}.projects-table-engineerproject th:nth-child(4),.projects-table-engineerproject td:nth-child(4){min-width:130px}.projects-table-engineerproject th:nth-child(5),.projects-table-engineerproject td:nth-child(5){min-width:120px}.projects-table-engineerproject th:nth-child(6),.projects-table-engineerproject td:nth-child(6){min-width:80px}.projects-table-engineerproject th:nth-child(7),.projects-table-engineerproject td:nth-child(7){min-width:100px}.projects-table-engineerproject th:nth-child(8),.projects-table-engineerproject td:nth-child(8){min-width:130px}.projects-table-engineerproject th:nth-child(9),.projects-table-engineerproject td:nth-child(9){min-width:120px}.project-name-cell{font-weight:500;color:var(--text-primary);transition:color .3s ease}.project-ref-cell{font-size:11px;color:var(--text-muted);font-family:monospace;margin-top:2px;transition:color .3s ease}.client-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.client-profile-engineerproject{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-engineerproject{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-engineerproject{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name{font-weight:500;color:var(--text-primary);transition:color .3s ease}.client-contact{font-size:12px;color:var(--text-muted);transition:color .3s ease}.system-cell{display:flex;flex-direction:column;gap:2px}.system-size{font-weight:400;color:var(--text-primary);font-size:14px;transition:color .3s ease}.system-type{font-size:11px;color:var(--text-muted);text-transform:capitalize;transition:color .3s ease}.address-cell .address-text{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.payment-cell{display:flex;flex-direction:column;gap:2px}.payment-label{font-size:12px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.payment-desc{font-size:10px;color:var(--text-muted);transition:color .3s ease}.financial-cell{display:flex;flex-direction:column;gap:2px}.amount-paid{font-size:12px;color:var(--text-primary);font-weight:500;transition:color .3s ease}.total-amount{font-size:11px;color:var(--total-amount-color);transition:color .3s ease}.progress-indicator-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px 0;min-width:50px}.progress-percentage-display{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.progress-circle-mini{width:40px;height:40px;transform:rotate(-90deg)}.progress-circle-bg{stroke:var(--progress-bg-color);transition:stroke .3s ease}.progress-circle-fill{transition:stroke-dasharray .5s ease;stroke:var(--progress-fill-color)}.progress-percent-number{position:absolute;font-size:11px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.progress-stage-label{font-size:9px;font-weight:500;color:var(--text-muted);white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:color .3s ease}.progress-stage-label .stage-label.completed-label{color:var(--progress-stage-completed)}.progress-stage-label .stage-label.current-label{color:var(--progress-stage-current)}.status-badge-engineerproject{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge-engineerproject.quoted{background:var(--status-quoted-bg);color:var(--status-quoted-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.approved{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.initial-paid{background:var(--status-initial-paid-bg);color:var(--status-initial-paid-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.full-paid,.status-badge-engineerproject.full-paid-installment{background:var(--status-full-paid-bg);color:var(--status-full-paid-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.in-progress{background:var(--status-in-progress-bg);color:var(--status-in-progress-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.progress-paid{background:var(--status-progress-paid-bg);color:var(--status-progress-paid-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.completed{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.status-badge-engineerproject.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.action-btn-wrap{position:relative;display:inline-flex;align-items:center}.action-needs-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-needs-dot 1.8s ease-in-out infinite}@keyframes pulse-needs-dot{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.action-btn.check{background:var(--btn-check-bg);color:#fff}.action-btn.check:hover{background:var(--btn-check-hover);box-shadow:0 4px 12px #f59e0b4d}.action-btn.start.disabled,.action-btn.start:disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.action-btn.start.disabled:hover,.action-btn.start:disabled:hover{background:var(--text-muted);transform:none!important;box-shadow:none!important}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap;gap:12px}.pagination-info{font-size:13px;color:var(--text-muted);transition:color .3s ease}.pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-number{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-number:hover{background:var(--bg-section);color:var(--text-primary)}.page-number.active{background:var(--icon-color);color:#fff;border-color:var(--icon-color)}.empty-state-engineerproject{text-align:center;padding:60px 20px;color:var(--text-muted);transition:color .3s ease}.empty-state-engineerproject .empty-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px;transition:color .3s ease}.empty-state-engineerproject h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;transition:color .3s ease}.empty-state-engineerproject p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.modal-overlay-engineerproject{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-engineerproject{background:var(--bg-modal);border-radius:18px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);overflow:hidden;transition:background .3s ease,border-color .3s ease}.modal-content-engineerproject.detail-modal{max-width:900px}.modal-content-engineerproject.progress-modal{max-width:580px}.modal-header-engineerproject{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.modal-header-engineerproject h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-header-engineerproject .modal-close{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif;flex-shrink:0}.modal-header-engineerproject .modal-close:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-engineerproject{padding:16px 24px 0;overflow-y:auto;flex:1;max-height:calc(90vh - 160px)}.modal-body-engineerproject::-webkit-scrollbar{width:4px}.modal-body-engineerproject::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-engineerproject::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.detail-section{padding:16px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.detail-section:last-of-type{border-bottom:none}.detail-section h4{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;transition:color .3s ease}.detail-section p{margin:4px 0;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.detail-section p strong{color:var(--text-muted);font-weight:500;margin-right:4px;transition:color .3s ease}.detail-section.progress-section{background:var(--bg-progress-section);border-radius:10px;padding:16px 20px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.detail-section.progress-section h4{color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.modal-timeline{display:flex;flex-direction:column;gap:0}.modal-timeline-item{display:flex;align-items:flex-start;gap:14px;position:relative}.modal-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:4px}.modal-timeline-marker .timeline-icon{font-size:18px;flex-shrink:0}.modal-timeline-marker .timeline-icon.completed{color:var(--progress-stage-completed)}.modal-timeline-marker .current-dot{width:14px;height:14px;border-radius:50%;background:var(--progress-stage-current);border:2px solid var(--progress-stage-current);box-shadow:0 0 0 4px #f39c1226;animation:pulse-dot-modal 1.5s ease-in-out infinite}@keyframes pulse-dot-modal{0%,to{box-shadow:0 0 0 4px #f39c1226}50%{box-shadow:0 0 0 10px #f39c120d}}.modal-timeline-marker .upcoming-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:2px solid var(--text-muted);transition:background .3s ease,border-color .3s ease}.modal-timeline-line{width:2px;height:36px;background:var(--timeline-line-color);flex-shrink:0;margin-top:4px;transition:background .3s ease}.modal-timeline-line.completed{background:var(--timeline-line-completed)}.modal-timeline-content{display:flex;justify-content:space-between;align-items:center;flex:1;padding:4px 0 12px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-timeline-item:last-child .modal-timeline-content{border-bottom:none;padding-bottom:4px}.modal-timeline-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.modal-timeline-title .completed-text{color:var(--progress-stage-completed)}.modal-timeline-title .current-text{color:var(--progress-stage-current)}.modal-timeline-title .upcoming-text{color:var(--progress-stage-upcoming)}.modal-timeline-title .check-icon{color:var(--progress-stage-completed);font-size:14px}.modal-timeline-date{font-size:12px;color:var(--text-muted);flex-shrink:0;margin-left:8px;transition:color .3s ease}.modal-progress-percent{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:8px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.modal-progress-percent .progress-label{font-size:12px;color:var(--text-muted);font-weight:500;transition:color .3s ease}.modal-progress-percent .progress-value{font-size:20px;font-weight:700;color:var(--progress-percent-color);transition:color .3s ease}.modal-progress-chart{background:var(--bg-progress-chart);border-radius:12px;padding:16px 20px;margin:12px 0 16px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.progress-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-chart-header .chart-label{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .3s ease}.progress-chart-header .chart-percentage{font-size:18px;font-weight:700;color:var(--progress-percent-color);transition:color .3s ease}.progress-chart-bar{width:100%;height:6px;background:var(--progress-bg-color);border-radius:3px;overflow:hidden;margin-bottom:14px;transition:background .3s ease}.progress-chart-fill{height:100%;background:var(--progress-fill-gradient);border-radius:3px;transition:width .5s ease}.progress-chart-stages{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;flex-wrap:wrap}.chart-stage{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:40px}.chart-stage .stage-dot{width:8px;height:8px;border-radius:50%;background:var(--chart-stage-dot-bg);transition:all .3s ease}.chart-stage.completed .stage-dot{background:var(--chart-stage-dot-completed)}.chart-stage.current .stage-dot{background:var(--chart-stage-dot-current);box-shadow:0 0 0 3px #f39c1233;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.chart-stage .stage-label{font-size:9px;color:var(--text-muted);text-align:center;line-height:1.2;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.chart-stage.completed .stage-label{color:var(--chart-stage-label-completed)}.chart-stage.current .stage-label{color:var(--chart-stage-label-current)}.progress-modal .modal-body-engineerproject{padding:8px 20px 0}.modal-progress-preview{background:var(--bg-progress-preview);border-radius:10px;padding:10px 16px;margin:8px 0 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.modal-progress-preview .progress-preview-label{font-size:12px;color:var(--text-muted);transition:color .3s ease}.modal-progress-preview .progress-preview-value{font-size:16px;font-weight:700;color:var(--progress-percent-color);transition:color .3s ease}.existing-photos-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-existing-photos);border-radius:8px;margin:0 0 16px;font-size:12px;color:var(--text-muted);transition:background .3s ease,color .3s ease}.existing-photos-info svg{color:var(--text-muted);transition:color .3s ease}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;transition:color .3s ease}.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;-webkit-text-fill-color:var(--text-primary)}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px #f39c121a}.form-group textarea::placeholder{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.form-group select option{background:var(--bg-select-option);color:var(--text-primary)}.photo-upload-area{display:flex;flex-direction:column;gap:8px}.upload-white-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--btn-upload-photos-bg);border:2px dashed var(--btn-upload-photos-border);border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;justify-content:center}.upload-white-btn:hover{border-color:#f39c124d;color:var(--text-primary)}.upload-hint{font-size:12px;color:var(--text-muted);margin:0;transition:color .3s ease}.photo-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-photo-item);border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.photo-preview-item .photo-preview-thumb{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:var(--remove-photo-bg);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}.remove-photo-btn:hover{background:var(--remove-photo-hover);transform:scale(1.1)}.modal-actions{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;transition:border-color .3s ease}.modal-actions .close-btn{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-actions .close-btn:hover{background:var(--btn-cancel-hover);color:var(--text-primary)}.modal-actions-side-by-side{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;flex-shrink:0;transition:border-color .3s ease}.modal-actions-side-by-side .cancel-btn{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-actions-side-by-side .cancel-btn:hover{background:var(--btn-cancel-hover);color:var(--text-primary)}.action-buttons-group{display:flex;gap:10px;flex-wrap:wrap}.upload-photos-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-upload-photos-bg);color:var(--text-secondary);border:1px solid var(--btn-upload-photos-border);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.upload-photos-btn:hover:not(:disabled){background:var(--btn-upload-photos-hover);border-color:var(--btn-upload-photos-border-hover);color:var(--text-primary)}.upload-photos-btn:disabled{opacity:.4;cursor:not-allowed}.update-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--btn-update-progress-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.update-btn:hover:not(:disabled){background:var(--btn-update-progress-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.update-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.payment-schedule-table{width:100%;border-collapse:collapse;font-size:13px}.payment-schedule-table th{text-align:left;padding:8px 12px;background:var(--bg-section);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-size:11px;text-transform:uppercase;letter-spacing:.3px;transition:background .3s ease,color .3s ease,border-color .3s ease}.payment-schedule-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:color .3s ease,border-color .3s ease}.payment-schedule-table tr:last-child td{border-bottom:none}.payment-type-cell{font-weight:500;color:var(--text-secondary);text-transform:capitalize;transition:color .3s ease}.payment-status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.payment-status-badge.paid{background:var(--payment-paid-bg);color:var(--payment-paid-text)}.payment-status-badge.pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-status-badge.overdue{background:var(--payment-overdue-bg);color:var(--payment-overdue-text)}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg-photo-item);border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.photo-item .photo-thumb{width:100%;height:100%;object-fit:cover}.photo-view-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--photo-overlay-bg);color:#fff;text-decoration:none;font-size:12px;font-weight:500;opacity:0;transition:opacity .2s ease}.photo-item:hover .photo-view-link{opacity:1}.skeleton-row{border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.skeleton-cell{height:20px;border-radius:4px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line{border-radius:6px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line.large{height:32px;width:60%}.skeleton-line.medium{height:20px;width:40%}.skeleton-select{height:40px;width:160px;border-radius:8px;background:var(--bg-card);animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-search{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-card);padding:18px 22px;border-radius:14px}.waiting-payment-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px 24px;text-align:center;background:var(--bg-waiting-payment);border-radius:12px;border:1px solid var(--border-color);margin:8px 0 4px;transition:background .3s ease,border-color .3s ease}.waiting-payment-message .waiting-icon{color:var(--waiting-icon-color);margin-bottom:16px;opacity:.7;transition:color .3s ease}.waiting-payment-message h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.waiting-payment-message p{font-size:14px;color:var(--text-secondary);margin:0 0 4px;max-width:380px;transition:color .3s ease}.waiting-payment-message .waiting-subtext{font-size:13px;color:var(--text-muted);margin-top:8px;transition:color .3s ease}.progress-percentage-text{font-size:14px;font-weight:400;color:var(--text-primary);transition:color .3s ease}.progress-percentage-text.completed{color:var(--text-primary);font-weight:400}@media(max-width:1024px){.engineer-project-container{padding-inline:6px}.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:14px 18px}.summary-card-value{font-size:24px}.project-charts-row-enad{grid-template-columns:1fr;gap:16px}.project-chart-wrapper-enad{height:260px;min-height:260px}.projects-table-engineerproject{min-width:900px}.photo-grid,.photo-preview-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.engineer-project-container{padding-inline:4px;padding-top:4px;margin-top:0}.project-header-engineerproject h1{font-size:22px}.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:12px 14px;gap:12px}.summary-card-icon{width:40px;height:40px;font-size:16px}.summary-card-value{font-size:20px}.summary-card-label{font-size:11px}.summary-card-subtitle{font-size:10px}.project-charts-row-enad{gap:14px}.project-chart-card-enad{padding:14px 14px 10px;border-radius:14px}.project-chart-wrapper-enad{height:220px;min-height:220px}.project-filters-engineerproject{flex-direction:column;align-items:stretch;gap:10px}.search-group-engineerproject{max-width:100%}.projects-table-container-engineerproject{background:transparent;border:none;box-shadow:none;overflow:visible}.projects-table-engineerproject{min-width:0;width:100%;background:transparent;display:block}.projects-table-engineerproject th:nth-child(n),.projects-table-engineerproject td:nth-child(n){min-width:0}.projects-table-engineerproject thead{display:none}.projects-table-engineerproject tbody{display:block;background:transparent}.projects-table-engineerproject tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border-card);min-width:0;max-width:100%}.projects-table-engineerproject tbody tr:last-child{margin-bottom:0;border-bottom:1px solid var(--border-card)}.projects-table-engineerproject tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:10px 14px;border-bottom:none;border-top:none;min-width:0;max-width:100%;overflow-wrap:anywhere}.projects-table-engineerproject tbody td:not(:first-child):not(:last-child){background:var(--bg-primary)}.projects-table-engineerproject tbody td:first-child+td{border-radius:12px 12px 0 0}.projects-table-engineerproject tbody td:nth-last-child(2){border-radius:0 0 12px 12px}.projects-table-engineerproject tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-color)}.projects-table-engineerproject tbody td:first-child{border-top:none;display:block;text-align:center;padding-top:14px;padding-bottom:12px}.projects-table-engineerproject tbody td:last-child{border-bottom:none}.projects-table-engineerproject tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;text-transform:none;letter-spacing:0;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px;padding-right:0}.projects-table-engineerproject tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.project-name-cell{font-size:16px;font-weight:700;line-height:1.35}.project-ref-cell{text-align:center}.system-size{font-size:17px;font-weight:700;letter-spacing:-.2px}.projects-table-engineerproject tbody td[data-label=Client] .client-name,.projects-table-engineerproject tbody td[data-label=Payment] .payment-label,.projects-table-engineerproject tbody td[data-label=Financial] .amount-paid,.projects-table-engineerproject tbody td[data-label=Address] .address-text{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.progress-percentage-text{font-size:18px}.projects-table-engineerproject tbody td>*{flex:1 1 auto;min-width:0;text-align:right}.projects-table-engineerproject tbody td:first-child>*{text-align:center}.projects-table-engineerproject tbody td[data-label=Client] .client-cell{display:block;align-items:flex-end;text-align:right;width:100%}.projects-table-engineerproject tbody td[data-label=Client] .client-name,.projects-table-engineerproject tbody td[data-label=Client] .client-contact{display:block;text-align:right;width:100%;margin-left:auto}.projects-table-engineerproject tbody td[data-label=Actions]{display:block;text-align:center!important;padding-top:12px}.projects-table-engineerproject tbody td[data-label=Actions]:before{display:none}.progress-indicator-compact{align-items:flex-end;min-width:0}.projects-table-engineerproject tbody td>.status-badge-engineerproject{flex:none;max-width:100%;white-space:normal;margin-left:auto}.address-text,.payment-cell,.financial-cell{min-width:0;max-width:100%;overflow-wrap:anywhere}.actions-cell{justify-content:flex-start}.actions-cell .action-btn{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600}.actions-cell .action-btn:hover{transform:none;box-shadow:none}.modal-content-engineerproject.detail-modal,.modal-content-engineerproject.progress-modal{max-width:100%;margin:10px}.modal-header-engineerproject{padding:12px 16px 10px}.modal-header-engineerproject h3{font-size:17px}.modal-body-engineerproject{padding:10px 16px 0;max-height:calc(90vh - 140px)}.progress-modal .modal-body-engineerproject{padding:6px 14px 0}.modal-progress-chart{padding:12px 14px}.progress-chart-stages{gap:2px}.chart-stage .stage-label{font-size:8px;max-width:40px}.detail-section{padding:12px 0}.detail-section.progress-section{padding:12px 14px}.modal-actions{padding:14px 16px 18px;flex-direction:column}.modal-actions .close-btn{width:100%;justify-content:center}.modal-actions-side-by-side{padding:14px 16px 18px;flex-direction:column}.modal-actions-side-by-side .cancel-btn{width:100%;justify-content:center}.action-buttons-group{width:100%;flex-direction:column}.upload-photos-btn,.update-btn{width:100%;justify-content:center}.photo-grid,.photo-preview-grid{grid-template-columns:repeat(2,1fr)}.payment-schedule-table{font-size:12px}.payment-schedule-table th,.payment-schedule-table td{padding:6px 8px}.modal-timeline-title{font-size:13px}.modal-timeline-date{font-size:11px}.modal-progress-percent .progress-value{font-size:18px}.pagination{flex-direction:column;align-items:center;gap:8px}.pagination-controls{justify-content:center}.page-btn,.page-number{font-size:12px;padding:6px 12px}.pagination-info{font-size:12px}.progress-percentage-display,.progress-circle-mini{width:34px;height:34px}.progress-percent-number{font-size:9px}}@media(max-width:480px){.engineer-project-container{padding-inline:4px}.summary-cards-grid{grid-template-columns:1fr 1fr;gap:8px}.project-charts-row-enad{gap:10px}.project-chart-wrapper-enad{height:200px;min-height:200px}.summary-card{padding:10px 12px;gap:10px;border-radius:10px}.summary-card-icon{width:34px;height:34px;font-size:14px;border-radius:8px}.summary-card-value{font-size:18px}.summary-card-label{font-size:10px}.summary-card-subtitle{font-size:9px}.projects-table-engineerproject{min-width:0}.projects-table-engineerproject tbody tr{margin-bottom:12px;border-radius:16px;padding:10px 10px 12px}.projects-table-engineerproject tbody td{font-size:12px;padding:8px 10px;gap:10px}.projects-table-engineerproject tbody td:before{font-size:13px;margin-bottom:0;flex-basis:80px;width:80px}.project-name-cell{font-size:14px}.system-size{font-size:15px}.action-btn{padding:0 12px;font-size:13px}.modal-content-engineerproject{border-radius:14px}.modal-header-engineerproject{padding:10px 12px 8px}.modal-header-engineerproject h3{font-size:15px}.modal-header-engineerproject .modal-close{width:30px;height:30px;font-size:16px}.modal-body-engineerproject{padding:8px 12px 0;max-height:calc(90vh - 120px)}.modal-progress-chart{padding:10px 12px}.progress-chart-header .chart-percentage{font-size:15px}.progress-chart-stages{gap:0px}.chart-stage .stage-label{font-size:7px;max-width:30px}.photo-grid,.photo-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.modal-timeline-title{font-size:12px}.modal-timeline-date{font-size:10px}.modal-progress-percent .progress-value{font-size:16px}.modal-actions,.modal-actions-side-by-side{padding:10px 14px 14px}.upload-photos-btn,.update-btn,.cancel-btn,.modal-actions .close-btn{padding:8px 16px;font-size:13px}.page-btn,.page-number{padding:4px 10px;font-size:11px}.pagination-info{font-size:11px}.waiting-payment-message{padding:20px 12px 16px}.waiting-payment-message .waiting-icon{font-size:32px!important}.waiting-payment-message h4{font-size:15px}.waiting-payment-message p{font-size:12px}}@media(max-width:360px){.summary-cards-grid{gap:6px}.summary-card{padding:8px 10px;gap:8px}.summary-card-icon{width:28px;height:28px;font-size:12px}.summary-card-value{font-size:15px}.summary-card-label{font-size:9px}.summary-card-subtitle{font-size:8px}.projects-table-engineerproject tbody td{font-size:11px;padding:8px 10px}.projects-table-engineerproject tbody td:before{font-size:9px}.photo-grid,.photo-preview-grid{grid-template-columns:1fr 1fr;gap:6px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.summary-card:hover,.action-btn:hover,.update-btn:hover,.upload-photos-btn:hover,.page-btn:hover:not(:disabled){transform:none!important}.skeleton-cell,.skeleton-line,.skeleton-select,.skeleton-search{animation:none!important;background:var(--skeleton-bg)!important}.progress-step .step-icon.current-icon,.modal-timeline-marker .current-dot,.chart-stage.current .stage-dot{animation:none!important}}.actions-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.action-btn{padding:6px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:6px}.action-btn:hover{transform:translateY(-2px)}.action-btn.view{background:var(--btn-view-bg);color:#fff}.action-btn.view:hover{background:var(--btn-view-hover);box-shadow:0 4px 12px #3b82f64d}.action-btn.start{background:var(--btn-start-bg);color:#fff}.action-btn.start:hover{background:var(--btn-start-hover);box-shadow:0 4px 12px #f39c124d}.action-btn.update{background:var(--btn-update-bg);color:#fff}.action-btn.update:hover{background:var(--btn-update-hover);box-shadow:0 4px 12px #10b9814d}.action-placeholder{color:var(--action-placeholder-color);font-size:13px;-webkit-user-select:none;user-select:none;transition:color .3s ease}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-input: rgba(255, 255, 255, .5);--bg-filter: rgba(255, 255, 255, .86);--bg-dropdown: rgba(255, 255, 255, .98);--bg-select-option: #FFFFFF;--bg-summary-item: rgba(255, 255, 255, .5);--bg-stat-card: rgba(255, 255, 255, .5);--bg-chart: rgba(255, 255, 255, .5);--bg-gps: rgba(255, 255, 255, .5);--bg-confirm-details: rgba(255, 255, 255, .5);--bg-confirm-stats: rgba(255, 255, 255, .5);--bg-info-message: rgba(59, 130, 246, .06);--bg-no-data: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--shadow-tooltip: 0 8px 24px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #EEF0ED;--skeleton-gradient: linear-gradient(90deg, #EEF0ED 25%, rgba(255, 255, 255, .6) 50%, #EEF0ED 75%);--icon-color: #F39C12;--icon-info: #2563EB;--icon-success: #059669;--icon-danger: #DC2626;--icon-warning: #D97706;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-success: #059669;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .5);--btn-cancel-hover: rgba(255, 255, 255, .8);--btn-view-bg: #3B82F6;--btn-view-hover: #2563EB;--btn-download-bg: #10B981;--btn-download-hover: #059669;--btn-retrieve-bg: #F39C12;--btn-retrieve-hover: #E67E22;--btn-confirm-retrieve-bg: #EF4444;--btn-confirm-retrieve-hover: #DC2626;--btn-close-bg: rgba(255, 255, 255, .5);--btn-close-hover: rgba(255, 255, 255, .8);--stat-irradiance-color: #D97706;--stat-temperature-color: #DC2626;--stat-humidity-color: #2563EB;--chart-tooltip-bg: rgba(255, 255, 255, .98);--chart-tooltip-border: #EEF0ED;--tooltip-label-color: #98A2B3;--tooltip-value-color: #17212B;--no-data-icon-color: #D1D5DB;--no-data-text-color: #98A2B3;--spinner-color: #F39C12;--required-color: #EF4444;--error-color: #DC2626;--info-border-color: rgba(59, 130, 246, .12);--detail-label-color: #98A2B3;--detail-value-color: #17212B}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-input: rgba(255, 255, 255, .05);--bg-filter: #1A2533;--bg-dropdown: #1A2533;--bg-select-option: #1A2533;--bg-summary-item: rgba(255, 255, 255, .05);--bg-stat-card: rgba(255, 255, 255, .05);--bg-chart: rgba(255, 255, 255, .05);--bg-gps: rgba(255, 255, 255, .05);--bg-confirm-details: rgba(255, 255, 255, .05);--bg-confirm-stats: rgba(255, 255, 255, .05);--bg-info-message: rgba(59, 130, 246, .08);--bg-no-data: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--shadow-tooltip: 0 8px 24px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--icon-color: #F39C12;--icon-info: #3B82F6;--icon-success: #10B981;--icon-danger: #EF4444;--icon-warning: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-success: #10B981;--text-success-hover: #10B981;--btn-primary-bg: #10B981;--btn-primary-hover: #059669;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-cancel-bg: rgba(255, 255, 255, .05);--btn-cancel-hover: rgba(255, 255, 255, .1);--btn-view-bg: #3B82F6;--btn-view-hover: #2563EB;--btn-download-bg: #10B981;--btn-download-hover: #059669;--btn-retrieve-bg: #F39C12;--btn-retrieve-hover: #E67E22;--btn-confirm-retrieve-bg: #EF4444;--btn-confirm-retrieve-hover: #DC2626;--btn-close-bg: rgba(255, 255, 255, .05);--btn-close-hover: rgba(255, 255, 255, .1);--stat-irradiance-color: #F39C12;--stat-temperature-color: #EF4444;--stat-humidity-color: #3B82F6;--chart-tooltip-bg: #1A2533;--chart-tooltip-border: rgba(255, 255, 255, .06);--tooltip-label-color: rgba(255, 255, 255, .4);--tooltip-value-color: #FFFFFF;--no-data-icon-color: rgba(255, 255, 255, .2);--no-data-text-color: rgba(255, 255, 255, .4);--spinner-color: #F39C12;--required-color: #EF4444;--error-color: #EF4444;--info-border-color: rgba(59, 130, 246, .2);--detail-label-color: rgba(255, 255, 255, .4);--detail-value-color: #FFFFFF}.iot-device-engineer-iotdevicead{padding-top:20px;padding-inline:24px;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.iot-header-iotdevicead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.iot-header-iotdevicead h1{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.iot-header-iotdevicead p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.iot-filters-iotdevicead{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-group-iotdevicead{display:flex;align-items:center;gap:10px;background:var(--bg-card);padding:4px 16px;border-radius:10px;border:1px solid var(--border-card);flex:1;min-width:200px;max-width:400px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.search-group-iotdevicead .search-icon-iotdevicead{color:var(--text-muted);font-size:14px;transition:color .3s ease}.search-group-iotdevicead input{padding:8px 0;background:transparent;border:none;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;width:100%;-webkit-text-fill-color:var(--text-primary)}.search-group-iotdevicead input::placeholder{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.search-group-iotdevicead input:focus{outline:none}.table-container-iotdevicead{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);overflow-x:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.devices-table-iotdevicead{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}.devices-table-iotdevicead thead{background:var(--bg-table-header)}.devices-table-iotdevicead thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;position:sticky;top:0;background:var(--bg-table-header);z-index:2;transition:color .3s ease,border-color .3s ease,background .3s ease}.devices-table-iotdevicead tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.devices-table-iotdevicead tbody tr:last-child{border-bottom:none}.devices-table-iotdevicead tbody tr:hover{background:var(--bg-table-row-hover)}.devices-table-iotdevicead tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.device-cell-iotdevicead{display:flex;flex-direction:column;gap:2px}.device-name-iotdevicead{font-weight:500;color:var(--text-primary);transition:color .3s ease}.device-id-iotdevicead{font-size:11px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.client-cell-iotdevicead{display:flex;align-items:center;gap:10px;min-width:0}.client-photo-iotdevicead{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.client-initials-iotdevicead{width:32px;height:32px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0}.client-name-iotdevicead{font-weight:500;color:var(--text-primary);transition:color .3s ease}.ref-cell-iotdevicead{font-size:12px;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.view-btn-iotdevicead{padding:6px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:6px;background:var(--btn-view-bg);color:#fff}.view-btn-iotdevicead:hover{background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.view-data-btn-wrap-iotdevicead{position:relative;display:inline-flex;align-items:center}.view-data-needs-dot-iotdevicead{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-view-data-dot-iotdevicead 1.8s ease-in-out infinite}@keyframes pulse-view-data-dot-iotdevicead{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.pagination-iotdevicead{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 8px;flex-wrap:wrap}.page-btn-iotdevicead{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:6px}.page-btn-iotdevicead:hover:not(:disabled){background:var(--bg-section);border-color:var(--text-muted);color:var(--text-primary)}.page-btn-iotdevicead:disabled{opacity:.3;cursor:not-allowed}.page-info-iotdevicead{font-size:13px;color:var(--text-muted);padding:0 8px;transition:color .3s ease}.empty-state-iotdevicead{text-align:center;padding:60px 20px;color:var(--text-muted);transition:color .3s ease}.empty-state-iotdevicead .empty-icon-iotdevicead{font-size:48px;color:var(--text-muted);margin-bottom:16px;transition:color .3s ease}.empty-state-iotdevicead h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;transition:color .3s ease}.empty-state-iotdevicead p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.modal-overlay-iotdevicead{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-iotdevicead{background:var(--bg-modal);border-radius:18px;max-width:1100px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);overflow:hidden;transition:background .3s ease,border-color .3s ease}.modal-content-iotdevicead.data-modal-iotdevicead{max-width:1100px}.modal-content-iotdevicead.confirm-modal-iotdevicead{max-width:520px}.modal-header-iotdevicead{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.modal-header-iotdevicead h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-iotdevicead{width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Poppins,sans-serif;flex-shrink:0}.modal-close-iotdevicead:hover{background:#ef44441a;border-color:var(--text-danger);color:var(--text-danger)}.modal-body-iotdevicead{padding:16px 24px 0;overflow-y:auto;flex:1;max-height:calc(90vh - 160px)}.modal-body-iotdevicead::-webkit-scrollbar{width:4px}.modal-body-iotdevicead::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.modal-body-iotdevicead::-webkit-scrollbar-thumb{background:var(--icon-info);border-radius:4px}.device-summary-iotdevicead{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0 16px;border-bottom:1px solid var(--border-color);margin-bottom:16px;transition:border-color .3s ease}.summary-item-iotdevicead{display:flex;align-items:center;gap:12px;background:var(--bg-summary-item);padding:8px 16px;border-radius:10px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.summary-item-iotdevicead svg{color:var(--icon-info);font-size:18px}.summary-item-iotdevicead label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:block;transition:color .3s ease}.summary-item-iotdevicead p{font-size:13px;font-weight:500;color:var(--text-primary);margin:0;transition:color .3s ease}.stats-cards-iotdevicead{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card-iotdevicead{background:var(--bg-stat-card);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--border-color);transition:all .2s ease}.stat-card-iotdevicead:hover{border-color:#f39c1233;box-shadow:0 4px 12px #17212b0f}.stat-card-iotdevicead svg{font-size:24px;flex-shrink:0}.stat-card-iotdevicead.irradiance-iotdevicead svg{color:var(--stat-irradiance-color)}.stat-card-iotdevicead.temperature-iotdevicead svg{color:var(--stat-temperature-color)}.stat-card-iotdevicead.humidity-iotdevicead svg{color:var(--stat-humidity-color)}.stat-card-iotdevicead div{display:flex;flex-direction:column;min-width:0}.stat-value-iotdevicead{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.stat-label-iotdevicead{font-size:11px;color:var(--text-muted);transition:color .3s ease}.stat-trend-iotdevicead{font-size:10px;color:var(--text-muted);margin-top:2px;transition:color .3s ease}.range-selector-iotdevicead{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.range-selector-iotdevicead select{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;cursor:pointer;-webkit-text-fill-color:var(--text-primary);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,color .3s ease,border-color .3s ease}.range-selector-iotdevicead select:focus{outline:none;border-color:var(--icon-color)}.range-selector-iotdevicead select option{background:var(--bg-select-option);color:var(--text-primary)}.download-btn-iotdevicead{padding:8px 18px;background:var(--btn-download-bg);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.download-btn-iotdevicead:hover:not(:disabled){background:var(--btn-download-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.download-btn-iotdevicead:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.chart-container-iotdevicead{background:var(--bg-chart);border-radius:12px;padding:16px 20px;margin-bottom:16px;border:1px solid var(--border-color);overflow:hidden;min-width:0;transition:background .3s ease,border-color .3s ease}.chart-container-iotdevicead h4{font-size:14px;font-weight:600;color:var(--text-muted);margin:0 0 12px;transition:color .3s ease}.chart-iotdevicead{width:100%;height:300px;min-width:0}.custom-chart-tooltip-fixed{background:var(--chart-tooltip-bg);border-radius:10px;padding:12px 16px;border:1px solid var(--chart-tooltip-border);box-shadow:var(--shadow-tooltip);min-width:160px;transition:background .3s ease,border-color .3s ease}.custom-chart-tooltip-fixed .tooltip-time{font-size:11px;color:var(--tooltip-label-color);border-bottom:1px solid var(--border-color);padding-bottom:6px;margin-bottom:6px;transition:color .3s ease,border-color .3s ease}.custom-chart-tooltip-fixed .tooltip-item{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:2px 0}.custom-chart-tooltip-fixed .tooltip-label{color:var(--tooltip-label-color);transition:color .3s ease}.custom-chart-tooltip-fixed .tooltip-value{font-weight:600;color:var(--tooltip-value-color);transition:color .3s ease}.readings-table-iotdevicead{margin-top:16px}.readings-table-iotdevicead h4{font-size:14px;font-weight:600;color:var(--text-muted);margin:0 0 12px;transition:color .3s ease}.readings-table-iotdevicead .table-container-iotdevicead{max-height:300px;overflow-y:auto}.readings-table-iotdevicead .table-container-iotdevicead::-webkit-scrollbar{width:4px}.readings-table-iotdevicead .table-container-iotdevicead::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.readings-table-iotdevicead .table-container-iotdevicead::-webkit-scrollbar-thumb{background:var(--icon-info);border-radius:4px}.readings-table{width:100%;border-collapse:collapse;font-size:13px}.readings-table thead{position:sticky;top:0;z-index:2}.readings-table thead th{padding:10px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-table-header);border-bottom:1px solid var(--border-color);transition:color .3s ease,background .3s ease,border-color .3s ease}.readings-table tbody td{padding:8px 16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:color .3s ease,border-color .3s ease}.readings-table tbody tr:last-child td{border-bottom:none}.readings-table tbody tr:hover td{background:var(--bg-table-row-hover)}.gps-location-iotdevicead{background:var(--bg-gps);border-radius:12px;padding:16px 20px;margin:12px 0 0;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.gps-location-iotdevicead h4{font-size:14px;font-weight:600;color:var(--text-muted);margin:0 0 10px;transition:color .3s ease}.gps-coords-iotdevicead{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:10px}.gps-coords-iotdevicead p{font-size:13px;color:var(--text-secondary);margin:0;transition:color .3s ease}.gps-coords-iotdevicead strong{color:var(--text-muted);transition:color .3s ease}.view-map-btn-iotdevicead{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--btn-view-bg);color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.view-map-btn-iotdevicead:hover{background:var(--btn-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.no-data-iotdevicead{text-align:center;padding:40px 20px;color:var(--no-data-text-color);transition:color .3s ease}.no-data-iotdevicead svg{font-size:40px;color:var(--no-data-icon-color);margin-bottom:12px;transition:color .3s ease}.no-data-iotdevicead p{font-size:16px;font-weight:500;margin:0 0 4px;transition:color .3s ease}.no-data-iotdevicead small{font-size:13px;color:var(--no-data-icon-color);transition:color .3s ease}.modal-actions-iotdevicead{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;transition:border-color .3s ease}.close-btn-iotdevicead{padding:10px 24px;background:var(--btn-close-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.close-btn-iotdevicead:hover{background:var(--btn-close-hover);color:var(--text-primary)}.retrieve-btn-iotdevicead{padding:10px 24px;background:var(--btn-retrieve-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.retrieve-btn-iotdevicead:hover:not(:disabled){background:var(--btn-retrieve-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1240}.retrieve-btn-iotdevicead:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.confirm-modal-iotdevicead .confirm-modal-body-iotdevicead{padding:16px 20px 0}.confirm-modal-iotdevicead .confirm-modal-body-iotdevicead p{font-size:15px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.device-details-confirm-iotdevicead{background:var(--bg-confirm-details);border-radius:10px;padding:12px 16px;margin-bottom:16px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.detail-row-iotdevicead{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.detail-row-iotdevicead .detail-label-iotdevicead{color:var(--detail-label-color);transition:color .3s ease}.detail-row-iotdevicead .detail-value-iotdevicead{color:var(--detail-value-color);font-weight:500;transition:color .3s ease}.stats-summary-confirm-iotdevicead{background:var(--bg-confirm-stats);border-radius:10px;padding:12px 16px;margin-bottom:16px;border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.stats-summary-confirm-iotdevicead p{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 8px;transition:color .3s ease}.stats-summary-confirm-iotdevicead ul{list-style:none;padding:0;margin:0}.stats-summary-confirm-iotdevicead ul li{font-size:13px;color:var(--text-secondary);padding:2px 0;transition:color .3s ease}.stats-summary-confirm-iotdevicead ul li:before{content:"• ";color:var(--icon-info)}.info-message-iotdevicead{background:var(--bg-info-message);border:1px solid var(--info-border-color);border-radius:10px;padding:12px 16px;margin-bottom:16px;transition:background .3s ease,border-color .3s ease}.info-message-iotdevicead p{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 8px;transition:color .3s ease}.info-message-iotdevicead ul{list-style:none;padding:0;margin:0}.info-message-iotdevicead ul li{font-size:13px;color:var(--text-secondary);padding:2px 0;transition:color .3s ease}.info-message-iotdevicead ul li:before{content:"• ";color:var(--icon-info)}.confirm-actions-iotdevicead{justify-content:space-between}.cancel-btn-iotdevicead{padding:10px 24px;background:var(--btn-cancel-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cancel-btn-iotdevicead:hover{background:var(--btn-cancel-hover);color:var(--text-primary)}.confirm-retrieve-btn-iotdevicead{padding:10px 24px;background:var(--btn-confirm-retrieve-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px}.confirm-retrieve-btn-iotdevicead:hover:not(:disabled){background:var(--btn-confirm-retrieve-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.confirm-retrieve-btn-iotdevicead:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.spinner-enad{animation:spin 1s linear infinite}.skeleton-line-iotdevicead{border-radius:6px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-line-iotdevicead.large-iotdevicead{height:32px;width:60%}.skeleton-line-iotdevicead.medium-iotdevicead{height:20px;width:40%}.skeleton-search-iotdevicead{height:40px;width:280px;border-radius:8px;background:var(--bg-card);animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-iotdevicead{padding:16px}.skeleton-table-header-iotdevicead{height:40px;border-radius:8px;background:var(--bg-section);margin-bottom:12px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-table-row-iotdevicead{height:48px;border-radius:6px;background:var(--bg-card);margin-bottom:8px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@media(max-width:1024px){.iot-device-engineer-iotdevicead{padding-inline:18px}.stats-cards-iotdevicead{grid-template-columns:repeat(2,1fr)}.devices-table-iotdevicead{min-width:500px}}@media(max-width:768px){.iot-device-engineer-iotdevicead{padding-inline:14px;padding-top:12px}.iot-filters-iotdevicead{flex-direction:column;align-items:stretch;gap:10px}.search-group-iotdevicead{max-width:100%}.table-container-iotdevicead{background:transparent;border:none;box-shadow:none;overflow:visible}.devices-table-iotdevicead{min-width:0;width:100%;background:transparent;display:block}.devices-table-iotdevicead thead{display:none}.devices-table-iotdevicead tbody{display:block;background:transparent}.devices-table-iotdevicead tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border-card)}.devices-table-iotdevicead tbody tr:last-child{margin-bottom:0;border-bottom:1px solid var(--border-card)}.devices-table-iotdevicead tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right;padding:10px 14px;border-bottom:none;border-top:none}.devices-table-iotdevicead tbody td:not(:first-child):not(:last-child){background:var(--bg-primary)}.devices-table-iotdevicead tbody td:first-child+td{border-radius:12px 12px 0 0}.devices-table-iotdevicead tbody td:nth-last-child(2){border-radius:0 0 12px 12px}.devices-table-iotdevicead tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-color)}.devices-table-iotdevicead tbody td:first-child{border-top:none;display:block;text-align:center;padding-top:14px;padding-bottom:12px}.devices-table-iotdevicead tbody td:last-child{border-bottom:none}.devices-table-iotdevicead tbody td:before{content:attr(data-label);font-weight:400;color:var(--text-secondary);font-size:13px;text-transform:none;letter-spacing:0;flex:0 0 92px;width:92px;text-align:left;margin-bottom:0;padding-top:2px;padding-right:0}.devices-table-iotdevicead tbody td:first-child:before{display:block;width:auto;flex:none;text-align:center;margin-bottom:6px;padding-top:0}.devices-table-iotdevicead tbody td[data-label=Action]{display:block;text-align:center!important;padding-top:12px}.devices-table-iotdevicead tbody td[data-label=Action]:before{display:none}.device-name-iotdevicead{font-size:16px;font-weight:700;line-height:1.35}.client-name-iotdevicead,.ref-cell-iotdevicead{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.device-id-iotdevicead{text-align:center}.devices-table-iotdevicead tbody td>*{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere}.devices-table-iotdevicead tbody td:first-child>*{text-align:center}.view-btn-iotdevicead{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600}.view-btn-iotdevicead:hover{transform:none;box-shadow:none}.modal-content-iotdevicead.data-modal-iotdevicead,.modal-content-iotdevicead.confirm-modal-iotdevicead{max-width:100%;margin:10px}.modal-header-iotdevicead{padding:12px 16px 10px}.modal-header-iotdevicead h3{font-size:17px}.modal-body-iotdevicead{padding:10px 16px 0;max-height:calc(90vh - 140px)}.stats-cards-iotdevicead{grid-template-columns:1fr 1fr;gap:8px}.stat-card-iotdevicead{padding:10px 12px}.stat-value-iotdevicead{font-size:17px}.device-summary-iotdevicead{gap:10px}.summary-item-iotdevicead{padding:6px 12px}.chart-iotdevicead{height:260px}.chart-container-iotdevicead{padding:14px 12px 10px 8px}.modal-actions-iotdevicead{padding:14px 16px 18px;flex-direction:column}.modal-actions-iotdevicead .close-btn-iotdevicead,.modal-actions-iotdevicead .retrieve-btn-iotdevicead{width:100%;justify-content:center}.confirm-actions-iotdevicead{flex-direction:column}.cancel-btn-iotdevicead,.confirm-retrieve-btn-iotdevicead{width:100%;justify-content:center}.readings-table{font-size:12px}.readings-table-iotdevicead .table-container-iotdevicead{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:auto}.readings-table thead th,.readings-table tbody td{padding:6px 10px}.gps-location-iotdevicead{padding:12px 14px}.gps-coords-iotdevicead{gap:12px}.pagination-iotdevicead{gap:4px}.page-btn-iotdevicead{padding:6px 12px;font-size:12px}.page-info-iotdevicead{font-size:12px}}@media(max-width:480px){.iot-device-engineer-iotdevicead{padding-inline:10px}.stats-cards-iotdevicead{grid-template-columns:1fr 1fr;gap:6px}.stat-card-iotdevicead{padding:8px 10px;gap:10px}.stat-card-iotdevicead svg{font-size:18px}.stat-value-iotdevicead{font-size:15px}.stat-label-iotdevicead{font-size:10px}.stat-trend-iotdevicead{font-size:9px}.devices-table-iotdevicead{min-width:0}.devices-table-iotdevicead tbody tr{margin-bottom:12px;border-radius:16px;padding:10px 10px 12px}.devices-table-iotdevicead tbody td{font-size:12px;padding:8px 10px;gap:10px}.devices-table-iotdevicead tbody td:before{font-size:13px;margin-bottom:0;flex-basis:80px;width:80px}.device-name-iotdevicead{font-size:14px}.view-btn-iotdevicead{padding:0 12px;font-size:13px}.modal-content-iotdevicead{border-radius:14px}.modal-header-iotdevicead{padding:10px 12px 8px}.modal-header-iotdevicead h3{font-size:15px}.modal-close-iotdevicead{width:30px;height:30px;font-size:16px}.modal-body-iotdevicead{padding:8px 12px 0}.chart-iotdevicead{height:240px}.chart-container-iotdevicead{padding:12px 10px 8px 6px}.readings-table-iotdevicead .table-container-iotdevicead{overflow-x:auto}.readings-table{font-size:11px;min-width:520px}.readings-table thead th,.readings-table tbody td{padding:4px 8px}.download-btn-iotdevicead{padding:6px 14px;font-size:12px}.gps-coords-iotdevicead p{font-size:12px}.view-map-btn-iotdevicead{padding:6px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.view-btn-iotdevicead:hover,.download-btn-iotdevicead:hover:not(:disabled),.retrieve-btn-iotdevicead:hover:not(:disabled),.confirm-retrieve-btn-iotdevicead:hover:not(:disabled),.page-btn-iotdevicead:hover:not(:disabled),.stat-card-iotdevicead:hover{transform:none!important}.skeleton-line-iotdevicead,.skeleton-search-iotdevicead,.skeleton-table-header-iotdevicead,.skeleton-table-row-iotdevicead{animation:none!important;background:var(--skeleton-bg)!important}}.iot-device-engineer-iotdevicead .range-selector-iotdevicead select,.iot-device-engineer-iotdevicead .search-group-iotdevicead input{background-color:transparent!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.iot-device-engineer-iotdevicead .range-selector-iotdevicead select option{background-color:var(--bg-select-option)!important;color:var(--text-primary)!important}.iot-device-engineer-iotdevicead .range-selector-iotdevicead select:focus,.iot-device-engineer-iotdevicead .search-group-iotdevicead input:focus{outline:none;border-color:var(--icon-color)}.iot-device-engineer-iotdevicead .search-group-iotdevicead input::placeholder{color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important;opacity:1!important}.iot-device-engineer-iotdevicead .range-selector-iotdevicead select:-webkit-autofill,.iot-device-engineer-iotdevicead .search-group-iotdevicead input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-card) inset!important;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 30px var(--bg-card) inset!important;background-color:var(--bg-card)!important}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--bg-base: #F8FAFC;--bg-card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--border-light: #E2E8F0;--border-medium: #CBD5E1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px}.reports-container-engreports{margin:0 auto;padding:24px;background:var(--bg-base);min-height:calc(100vh - 70px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reports-header-engreports{margin-bottom:28px;padding-bottom:0;border-bottom:none}.reports-header-engreports h1{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text-primary);letter-spacing:-.02em}.reports-header-engreports p{font-size:14px;color:var(--text-muted);margin:0}.stats-cards-engreports{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media(max-width:1024px){.stats-cards-engreports{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-cards-engreports{grid-template-columns:1fr}}.stat-card-engreports{background:var(--bg-card);border-radius:var(--radius-xl);padding:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card-engreports:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.stat-info-engreports{display:flex;flex-direction:column}.stat-value-engreports{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.stat-label-engreports{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.reports-filters-engreports{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-group-engreports select{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:180px}.filter-group-engreports select:hover{border-color:var(--border-medium)}.filter-group-engreports select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-group-engreports{position:relative;flex:1;max-width:320px}.search-icon-engreports{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.search-group-engreports input{width:100%;padding:12px 16px 12px 42px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:all .2s ease}.search-group-engreports input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-group-engreports input::placeholder{color:var(--text-muted)}.generate-btn-engreports{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.generate-btn-engreports:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-btn-engreports:disabled{opacity:.6;cursor:not-allowed}.reports-table-container-engreports{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow-x:auto;box-shadow:var(--shadow-sm)}.reports-table-engreports{width:100%;border-collapse:collapse;min-width:800px}.reports-table-engreports th{text-align:left;padding:16px;background:var(--bg-base);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.reports-table-engreports td{padding:16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.reports-table-engreports tr:last-child td{border-bottom:none}.reports-table-engreports tr:hover{background:var(--bg-base)}.ref-cell-engreports{font-weight:500;color:var(--text-primary);font-family:monospace}.client-info-engreports{display:flex;flex-direction:column;gap:4px}.client-info-engreports strong{font-size:14px;color:var(--text-primary)}.client-info-engreports small{font-size:12px;color:var(--text-muted)}.actions-cell-engreports{display:flex;gap:8px;flex-wrap:wrap}.action-btn-engreports{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.action-btn-engreports:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.type-badge-engreports{display:inline-block;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:500;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-light)}.empty-state-engreports{text-align:center;padding:48px}.empty-state-engreports p{font-size:14px;color:var(--text-muted)}.pagination-engreports{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 0}.page-btn-engreports{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.page-btn-engreports:hover:not(:disabled){background:var(--bg-base);border-color:var(--border-medium);color:var(--text-primary)}.page-btn-engreports:disabled{opacity:.5;cursor:not-allowed}.page-info-engreports{font-size:14px;color:var(--text-secondary)}.modal-overlay-engreports{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content-engreports{background:var(--bg-card);border-radius:var(--radius-2xl);padding:0;max-width:650px;width:90%;max-height:85vh;overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-content-engreports.large-engreports{max-width:750px}.modal-content-engreports h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-close-engreports{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10}.modal-close-engreports:hover{background:var(--bg-base);color:var(--text-primary)}.report-details-engreports{padding:24px;overflow-y:auto}.detail-section-engreports{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.detail-section-engreports:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-engreports h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.detail-section-engreports p{margin:8px 0;font-size:14px;color:var(--text-secondary)}.detail-section-engreports p strong{color:var(--text-primary);font-weight:500;min-width:140px;display:inline-block}.modal-actions-engreports{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-light)}.btn-secondary-engreports{padding:10px 20px;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary-engreports:hover{background:var(--border-light)}.btn-primary-engreports{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary-engreports:hover:not(:disabled){background:var(--primary-hover)}.btn-primary-engreports:disabled{opacity:.6;cursor:not-allowed}.skeleton-line-engreports{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-engreports 1.5s infinite;border-radius:6px}.skeleton-line-engreports.large-engreports{width:250px;height:32px;margin-bottom:8px}.skeleton-line-engreports.medium-engreports{width:350px;height:20px;margin-bottom:8px}.skeleton-line-engreports.small-engreports{height:16px;width:80px;margin-bottom:8px}.skeleton-card-engreports{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px}.skeleton-select-engreports{height:44px;width:180px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-engreports 1.5s infinite;border-radius:var(--radius-md)}.skeleton-search-engreports{height:44px;width:300px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-engreports 1.5s infinite;border-radius:var(--radius-md)}.skeleton-table-engreports{padding:16px}.skeleton-table-header-engreports{height:48px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-engreports 1.5s infinite;border-radius:6px;margin-bottom:16px}.skeleton-table-row-engreports{height:60px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-engreports 1.5s infinite;border-radius:6px;margin-bottom:8px}@keyframes shimmer-engreports{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.reports-container-engreports{padding:16px}.reports-filters-engreports{flex-direction:column;align-items:stretch}.filter-group-engreports select{width:100%}.search-group-engreports{max-width:100%}.generate-btn-engreports{width:100%;justify-content:center}.reports-table-container-engreports{overflow-x:auto}.reports-table-engreports{min-width:700px}.actions-cell-engreports{flex-wrap:wrap}.modal-content-engreports{width:calc(100% - 32px)}.detail-section-engreports p strong{display:block;margin-bottom:4px}.modal-actions-engreports{flex-direction:column}.btn-secondary-engreports,.btn-primary-engreports{width:100%;text-align:center;justify-content:center}}@media(max-width:480px){.reports-header-engreports h1{font-size:24px}.stat-value-engreports{font-size:28px}.pagination-engreports{flex-direction:column;gap:8px}.page-btn-engreports{width:100%;justify-content:center}.ref-cell-engreports{font-size:13px}}::-webkit-scrollbar-track{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.eng-profile-page{padding:.5rem 0;font-family:var(--font-family);color:var(--text-primary);position:relative}.eng-profile-header{margin-bottom:1.5rem}.eng-profile-header-content h1{font-size:1.5rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin:0 0 .25rem}.eng-profile-header-content p{font-size:.88rem;font-family:var(--font-family);color:var(--text-secondary);margin:0}.eng-profile-summary{display:flex;align-items:center;gap:1.5rem;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem 2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.eng-profile-avatar{font-size:4.5rem;color:#3b82f6;flex-shrink:0;line-height:1}.eng-profile-avatar svg{width:4.5rem;height:4.5rem}.eng-profile-info{flex:1;min-width:0}.eng-profile-info h2{font-size:1.25rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin:0 0 .25rem}.eng-profile-email{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem;font-family:var(--font-family)}.eng-profile-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.eng-meta-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary);font-family:var(--font-family)}.eng-meta-item svg{font-size:.85rem;color:var(--text-muted)}.eng-profile-form-card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.eng-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:.75rem}.eng-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;font-family:var(--font-family);color:var(--text-primary);margin:0}.eng-card-header h3 svg{color:#3b82f6}.eng-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:none;border-radius:var(--radius-md);background:#3b82f6;color:#fff;font-size:.85rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.eng-save-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.eng-save-btn:disabled{opacity:.6;cursor:not-allowed}.eng-profile-form{padding:1.5rem 2rem}.eng-form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.eng-form-row:last-child{margin-bottom:0}.eng-form-group{display:flex;flex-direction:column;gap:.25rem}.eng-form-group.eng-full-width{grid-column:1 / -1}.eng-form-group label{font-size:.8rem;font-weight:600;font-family:var(--font-family);color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.eng-form-group label svg{font-size:.8rem;color:var(--text-muted)}.eng-form-group input{padding:.5rem .75rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font-family);background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.eng-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.eng-form-group input.eng-readonly{background:var(--bg-surface);color:var(--text-secondary);cursor:not-allowed}.eng-form-group small{font-size:.7rem;color:var(--text-muted);font-family:var(--font-family);margin-top:.1rem}.eng-toast{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.88rem;font-family:var(--font-family);font-weight:500;color:#fff;z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;max-width:400px;box-shadow:0 4px 12px #00000026}.eng-toast.success{background:#16a34a}.eng-toast.error{background:#dc2626}.eng-toast.warning{background:#f59e0b}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.skeleton-line{background:var(--bg-surface);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.large{height:28px;width:200px}.skeleton-line.medium{height:16px;width:300px;margin-top:.25rem}.skeleton-input{height:38px;background:var(--bg-surface);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite;margin:.5rem 0}.skeleton-card{padding:1.5rem}.skeleton-card .skeleton-line{margin-bottom:.75rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.eng-profile-summary{flex-direction:column;text-align:center;padding:1.25rem}.eng-profile-avatar{font-size:3.5rem}.eng-profile-avatar svg{width:3.5rem;height:3.5rem}.eng-profile-meta{justify-content:center}.eng-card-header{flex-direction:column;align-items:stretch;text-align:center;padding:1rem 1.25rem}.eng-card-header h3,.eng-save-btn{justify-content:center}.eng-profile-form{padding:1rem 1.25rem}.eng-form-row{grid-template-columns:1fr;gap:.75rem}.eng-profile-header-content h1{font-size:1.25rem}.eng-toast{top:1rem;right:1rem;left:1rem;max-width:none;font-size:.82rem}}@media(max-width:480px){.eng-profile-summary{padding:1rem}.eng-profile-avatar{font-size:3rem}.eng-profile-avatar svg{width:3rem;height:3rem}.eng-profile-info h2{font-size:1.1rem}.eng-profile-meta{flex-direction:column;align-items:center;gap:.3rem}.eng-card-header,.eng-profile-form{padding:.75rem 1rem}}.infotip-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-left:4px}.infotip-btn{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-medium, #DFE5DF);background:var(--bg-section, rgba(0, 0, 0, .04));color:var(--text-muted, #98A2B3);font-size:10px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:Poppins,sans-serif;flex-shrink:0}.infotip-btn:hover,.infotip-btn.open{color:#d97706;border-color:#f39c12}.infotip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:180px;max-width:240px;background:var(--bg-modal, #FFFFFF);border:1px solid var(--border-color, #E8EDE8);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.5;color:var(--text-secondary, #5A6A7A);box-shadow:0 10px 30px #00000026;z-index:50;white-space:normal;text-align:left}.infotip-bubble.below{bottom:auto;top:calc(100% + 8px)}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .9);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: #FFFFFF;--input-border: #E5E7EB;--badge-bg: #F6F8F5;--badge-border: #E5E7EB;--progress-bg: #E5E7EB;--divider-color: #EEF0ED;--appointment-bg: #F6F8F5;--select-option-bg: #FFFFFF;--select-option-text: #17212B}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--glass-bg: rgba(26, 37, 51, .92);--glass-border: rgba(255, 255, 255, .06);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: #1A2533;--input-border: rgba(255, 255, 255, .06);--badge-bg: #131C28;--badge-border: rgba(255, 255, 255, .06);--progress-bg: rgba(255, 255, 255, .08);--divider-color: rgba(255, 255, 255, .06);--appointment-bg: #131C28;--select-option-bg: #1A2533;--select-option-text: #FFFFFF}.dashboard-container-cusdash{padding-inline:24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.welcome-section-cusdash{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap;transition:border-color .3s ease}.welcome-content-cusdash{display:flex;flex-direction:column;gap:.25rem}.page-title-cusdash{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px;transition:color .3s ease}.welcome-greeting-cusdash{font-size:1rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.welcome-actions-cusdash{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary-cusdash{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary-cusdash:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d;color:#fff}.btn-secondary-cusdash{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:10px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-secondary-cusdash:hover{background:var(--bg-hover);border-color:#f39c1240;transform:translateY(-2px);color:var(--text-primary)}.pending-payments-alert-cusdash{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;margin-bottom:1.5rem;flex-wrap:wrap;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.alert-icon-cusdash{color:#f39c12;font-size:1.5rem;flex-shrink:0}.alert-content-cusdash{flex:1}.alert-content-cusdash strong{display:block;font-size:.95rem;color:var(--text-primary);margin-bottom:.1rem;transition:color .3s ease}.alert-content-cusdash p{font-size:.85rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.alert-action-cusdash{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;transition:all .2s ease;white-space:nowrap}.alert-action-cusdash:hover{background:#e67e22;transform:translateY(-2px);color:#fff}.quick-actions-cusdash{margin-bottom:1.5rem}.quick-actions-title-cusdash{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;transition:color .3s ease}.action-grid-cusdash{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.quick-action-item-cusdash{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quick-action-item-cusdash:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.quick-action-icon-cusdash{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;background:var(--bg-hover);color:#f39c12;transition:background .3s ease}.quick-action-label-cusdash{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.quick-action-arrow-cusdash{color:var(--text-muted);font-size:.75rem;transition:transform .2s ease,color .3s ease}.quick-action-item-cusdash:hover .quick-action-arrow-cusdash{transform:translate(4px);color:#f39c12}.project-selector-container-cusdash{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.selector-label-cusdash{font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;transition:color .3s ease}.custom-select-cusdash{position:relative;flex:1;max-width:400px;min-width:200px}.project-select-cusdash{width:100%;padding:.6rem 2.5rem .6rem 1rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:.9rem;color:var(--text-primary);appearance:none;cursor:pointer;transition:all .2s ease;font-weight:500;font-family:Poppins,sans-serif;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-select-cusdash:hover{border-color:#f39c1240}.project-select-cusdash:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.project-select-cusdash option{background:var(--select-option-bg);color:var(--select-option-text)}.select-icon-cusdash{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .3s ease}.stats-grid-cusdash{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-cusdash{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem 1.5rem;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat-card-cusdash:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.stat-content-cusdash{display:flex;flex-direction:column;gap:.25rem}.stat-label-cusdash{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.stat-value-cusdash{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.stat-trend-cusdash{font-size:.8rem;color:var(--text-secondary);transition:color .3s ease}.row-layout-cusdash{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.project-section-cusdash{display:flex;flex-direction:column;gap:1rem;height:100%;min-width:0}.section-header-cusdash{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}.section-title-cusdash{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.view-all-link-cusdash{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#f39c12;text-decoration:none;font-weight:500;transition:all .2s ease}.view-all-link-cusdash:hover{color:#e67e22;gap:.6rem}.arrow-icon-cusdash{transition:transform .2s ease}.view-all-link-cusdash:hover .arrow-icon-cusdash{transform:translate(4px)}.project-card-enhanced-cusdash{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;height:100%;display:flex;flex-direction:column}.project-card-enhanced-cusdash:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.project-header-cusdash{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.project-info-cusdash{flex:1;min-width:0}.project-name-cusdash{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.project-system-cusdash{font-size:.85rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.status-badge-cusdash{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--badge-border);transition:all .3s ease}.status-badge-cusdash.pending,.status-badge-cusdash.quoted,.status-badge-cusdash.verifying,.status-badge-cusdash.processing,.status-badge-cusdash.in-progress{background:#f39c121a;color:#d97706;border:1px solid rgba(243,156,18,.2)}.status-badge-cusdash.approved,.status-badge-cusdash.paid,.status-badge-cusdash.completed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge-cusdash.scheduled{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.status-badge-cusdash.cancelled,.status-badge-cusdash.overdue{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge-cusdash.partial{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.project-content-layout-cusdash{display:flex;gap:1.5rem;align-items:center;flex:1}.progress-ring-wrapper-cusdash{position:relative;width:120px;height:120px;flex-shrink:0}.progress-ring-cusdash{width:120px;height:120px;transform:rotate(-90deg)}.progress-ring-bg-cusdash{stroke:var(--progress-bg);transition:stroke .3s ease}.progress-ring-fill-cusdash{stroke:#f39c12;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}.progress-ring-content-cusdash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring-value-cusdash{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.progress-ring-label-cusdash{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.project-details-cusdash{flex:1;display:flex;flex-direction:column;gap:.75rem}.project-metric-cusdash{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--divider-color);transition:border-color .3s ease}.project-metric-cusdash:last-of-type{border-bottom:none}.metric-label-cusdash{font-size:.85rem;color:var(--text-secondary);transition:color .3s ease}.metric-value-cusdash{font-size:.95rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.project-actions-cusdash{margin-top:.25rem}.project-overpaid-note-cusdash{font-size:.75rem;color:#059669;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:6px 10px;margin-top:.25rem}.project-savings-line-cusdash{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);background:#f39c1214;border:1px solid rgba(243,156,18,.2);border-radius:8px;padding:6px 10px;margin-top:.25rem}.project-savings-line-cusdash strong{color:var(--text-primary)}.savings-icon-cusdash{color:#f39c12;flex-shrink:0}.action-link-cusdash{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#f39c12;text-decoration:none;font-weight:500;transition:all .2s ease}.action-link-cusdash:hover{color:#e67e22;gap:.7rem}.action-arrow-cusdash{transition:transform .2s ease}.action-link-cusdash:hover .action-arrow-cusdash{transform:translate(4px)}.milestones-section-cusdash{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.milestones-title-cusdash{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.milestones-list-cusdash{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:.5rem}.milestone-item-cusdash{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;position:relative}.milestone-item-cusdash .milestone-icon-cusdash{font-size:1.2rem;color:var(--text-muted);transition:all .2s ease}.milestone-item-cusdash.completed-cusdash .milestone-icon-cusdash{color:#10b981!important}.milestone-item-cusdash.active-cusdash .milestone-icon-cusdash{color:#f39c12!important}.milestone-info-cusdash{display:flex;flex-direction:column;align-items:center;gap:.1rem}.milestone-label-cusdash{font-size:.7rem;color:var(--text-muted);text-align:center;transition:color .2s ease}.milestone-item-cusdash.completed-cusdash .milestone-label-cusdash{color:#059669!important;font-weight:500}.milestone-item-cusdash.active-cusdash .milestone-label-cusdash{color:#d97706!important;font-weight:600}.milestone-status-cusdash{font-size:.6rem;color:#d97706;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.milestone-line-cusdash{position:absolute;top:.6rem;left:calc(50% + 1.2rem);width:calc(100% - 2.4rem);height:2px;background:var(--progress-bg);pointer-events:none;transition:background .2s ease}.milestone-item-cusdash.completed-cusdash .milestone-line-cusdash{background:#10b981!important}.activities-section-cusdash{display:flex;flex-direction:column;gap:1rem;height:100%}.activities-card-cusdash{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:flex-start;flex:1;height:100%;transition:all .3s ease}.activities-list-cusdash{display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;flex:0 0 auto}.activity-item-cusdash{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;transition:all .2s ease;flex:0 0 auto}.activity-item-cusdash:hover{background:var(--bg-hover)}.activity-icon-wrapper-cusdash{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--bg-hover);color:#f39c12;transition:background .3s ease}.activity-content-cusdash{flex:1;min-width:0}.activity-header-cusdash{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-title-cusdash{font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.activity-reference-cusdash{font-size:.75rem;color:var(--text-muted);font-weight:400;transition:color .3s ease}.activity-date-cusdash{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.1rem;transition:color .3s ease}.activity-status-cusdash{flex-shrink:0}.activity-divider-cusdash{height:1px;background:var(--divider-color);margin:.25rem .75rem;transition:background .3s ease}.empty-state-cusdash{background:var(--bg-card);border:2px dashed var(--border-medium);border-radius:14px;padding:2.5rem 2rem;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;height:100%;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.empty-state-content-cusdash{display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-icon-cusdash{font-size:3rem;color:var(--text-muted);transition:color .3s ease}.empty-state-title-cusdash{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.empty-state-description-cusdash{font-size:.9rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.empty-small-cusdash{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:.75rem;flex:1}.empty-text-cusdash{font-size:.9rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.link-cusdash{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#f39c12;text-decoration:none;font-weight:500;transition:all .2s ease}.link-cusdash:hover{color:#e67e22;gap:.7rem}.appointments-section-cusdash{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.appointments-title-cusdash{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.appointments-icon-cusdash{color:#f39c12}.appointments-list-cusdash{display:flex;flex-direction:column;gap:.75rem}.appointment-item-cusdash{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;background:var(--appointment-bg);transition:all .2s ease}.appointment-item-cusdash:hover{background:var(--bg-hover-light)}.appointment-date-cusdash{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;background:var(--bg-surface);border-radius:6px;min-width:48px;border:1px solid var(--border-medium);transition:all .3s ease}.appointment-day-cusdash{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.appointment-month-cusdash{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;transition:color .3s ease}.appointment-info-cusdash{flex:1;min-width:0}.appointment-type-cusdash{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.appointment-address-cusdash{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-secondary);margin-top:.1rem;transition:color .3s ease}.appointment-location-icon-cusdash{font-size:.7rem}.appointment-status-cusdash{flex-shrink:0}.skeleton-line-cusdash{border-radius:6px;animation:shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}.skeleton-title-cusdash{width:60%;height:28px}.skeleton-text-cusdash{width:40%;height:18px}.skeleton-button-cusdash{width:120px;height:40px;border-radius:10px}.skeleton-card-cusdash{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);padding:1.25rem}.skeleton-label-cusdash{width:40%;height:14px;margin-bottom:.5rem}.skeleton-value-cusdash{width:60%;height:32px;margin-bottom:.5rem}.skeleton-trend-cusdash{width:50%;height:14px}.skeleton-project-name-cusdash{width:70%;height:24px;margin-bottom:.5rem}.skeleton-project-system-cusdash{width:50%;height:18px}.skeleton-progress-ring-cusdash{width:120px;height:120px;border-radius:50%;margin:0 auto;background:var(--progress-bg)}.skeleton-activity-title-cusdash{width:60%;height:18px;margin-bottom:.5rem}.skeleton-activity-ref-cusdash{width:40%;height:14px;margin-bottom:.25rem}.skeleton-activity-date-cusdash{width:30%;height:14px}@media(max-width:1200px){.dashboard-container-cusdash{padding-inline:20px}.stats-grid-cusdash{gap:.875rem}.stat-card-cusdash{padding:1rem 1.25rem}.stat-value-cusdash{font-size:1.75rem}}@media(max-width:1024px){.row-layout-cusdash{grid-template-columns:1fr;gap:1.25rem}.stats-grid-cusdash{grid-template-columns:repeat(2,1fr);gap:.875rem}.action-grid-cusdash{grid-template-columns:repeat(2,1fr);gap:.625rem}.dashboard-container-cusdash{padding-inline:18px}.stat-value-cusdash{font-size:1.5rem}.project-card-enhanced-cusdash{padding:1.25rem}.progress-ring-wrapper-cusdash,.progress-ring-cusdash{width:110px;height:110px}.progress-ring-value-cusdash{font-size:1.3rem}.activities-card-cusdash{padding:1rem 1.25rem;min-height:220px}.appointments-section-cusdash{padding:1rem 1.25rem}}@media(max-width:768px){.dashboard-container-cusdash{padding-inline:14px}.welcome-section-cusdash{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.page-title-cusdash{font-size:1.3rem}.welcome-greeting-cusdash{font-size:.9rem}.welcome-actions-cusdash{width:100%;gap:.5rem}.welcome-actions-cusdash .btn-primary-cusdash,.welcome-actions-cusdash .btn-secondary-cusdash{flex:1;justify-content:center;padding:.5rem 1rem;font-size:.85rem}.project-selector-container-cusdash{flex-direction:column;align-items:stretch;gap:.5rem}.custom-select-cusdash{max-width:none;min-width:auto}.project-select-cusdash{padding:.5rem 2.25rem .5rem .875rem;font-size:.85rem}.stats-grid-cusdash{grid-template-columns:repeat(2,1fr);gap:.625rem}.stat-card-cusdash{padding:.875rem 1rem;border-radius:10px}.stat-value-cusdash{font-size:1.3rem}.stat-label-cusdash,.stat-trend-cusdash{font-size:.7rem}.action-grid-cusdash{grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-action-item-cusdash{padding:.625rem .75rem;border-radius:10px}.quick-action-icon-cusdash{width:34px;height:34px;font-size:.95rem}.quick-action-label-cusdash{font-size:.8rem}.quick-actions-title-cusdash{font-size:.75rem}.section-title-cusdash{font-size:1rem}.view-all-link-cusdash{font-size:.8rem}.project-content-layout-cusdash{flex-direction:column;align-items:center;gap:1rem}.project-details-cusdash{width:100%}.project-header-cusdash{flex-direction:column;align-items:flex-start}.project-name-cusdash{font-size:1rem}.project-system-cusdash,.metric-label-cusdash{font-size:.8rem}.metric-value-cusdash{font-size:.85rem}.action-link-cusdash{font-size:.8rem}.progress-ring-wrapper-cusdash,.progress-ring-cusdash{width:100px;height:100px}.progress-ring-value-cusdash{font-size:1.2rem}.progress-ring-label-cusdash{font-size:.65rem}.activities-card-cusdash{padding:.875rem 1rem;min-height:200px}.activity-item-cusdash{flex-wrap:wrap;padding:.5rem;gap:.5rem}.activity-icon-wrapper-cusdash{width:34px;height:34px;font-size:.85rem}.activity-title-cusdash{font-size:.8rem}.activity-reference-cusdash,.activity-date-cusdash{font-size:.7rem}.activity-status-cusdash{margin-left:auto}.activity-divider-cusdash{margin:.15rem .5rem}.appointments-section-cusdash{padding:.875rem 1rem}.appointments-title-cusdash{font-size:.85rem}.appointment-item-cusdash{flex-wrap:wrap;gap:.5rem;padding:.625rem}.appointment-date-cusdash{min-width:40px;padding:.2rem .4rem}.appointment-day-cusdash{font-size:.95rem}.appointment-month-cusdash{font-size:.55rem}.appointment-type-cusdash{font-size:.8rem}.appointment-address-cusdash{font-size:.7rem}.milestones-list-cusdash{gap:.35rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.milestone-item-cusdash{min-width:60px;flex:none}.milestone-label-cusdash{font-size:.55rem}.milestone-icon-cusdash{font-size:1rem}.milestone-line-cusdash{display:none}.milestones-title-cusdash{font-size:.75rem}.pending-payments-alert-cusdash{flex-direction:column;text-align:center;padding:.875rem 1rem;gap:.75rem}.alert-content-cusdash strong{font-size:.85rem}.alert-content-cusdash p{font-size:.8rem}.alert-action-cusdash{width:100%;justify-content:center;padding:.5rem 1rem;font-size:.8rem}.alert-icon-cusdash{font-size:1.25rem}.empty-state-cusdash{padding:1.5rem 1rem;min-height:150px}.empty-state-title-cusdash{font-size:.95rem}.empty-state-description-cusdash{font-size:.8rem}.empty-small-cusdash{padding:1.5rem .75rem}.empty-text-cusdash,.link-cusdash{font-size:.8rem}.btn-primary-cusdash,.btn-secondary-cusdash{padding:.5rem 1rem;font-size:.85rem;border-radius:6px}}@media(max-width:480px){.dashboard-container-cusdash{padding-inline:10px}.stats-grid-cusdash{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card-cusdash{padding:.75rem;border-radius:6px}.stat-value-cusdash{font-size:1.1rem}.stat-label-cusdash{font-size:.65rem;letter-spacing:.3px}.stat-trend-cusdash{font-size:.65rem}.action-grid-cusdash{grid-template-columns:1fr 1fr;gap:.4rem}.quick-action-item-cusdash{padding:.5rem;gap:.5rem;border-radius:6px}.quick-action-icon-cusdash{width:30px;height:30px;font-size:.8rem;border-radius:6px}.quick-action-label-cusdash{font-size:.7rem}.quick-action-arrow-cusdash{font-size:.6rem}.welcome-actions-cusdash{flex-direction:column}.welcome-actions-cusdash .btn-primary-cusdash,.welcome-actions-cusdash .btn-secondary-cusdash{width:100%;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.page-title-cusdash{font-size:1.1rem}.welcome-greeting-cusdash{font-size:.8rem}.progress-ring-wrapper-cusdash,.progress-ring-cusdash{width:80px;height:80px}.progress-ring-value-cusdash{font-size:1rem}.progress-ring-label-cusdash{font-size:.55rem}.project-card-enhanced-cusdash{padding:.875rem;border-radius:10px}.project-name-cusdash{font-size:.9rem}.project-system-cusdash{font-size:.75rem}.status-badge-cusdash{font-size:.6rem;padding:.2rem .5rem}.metric-label-cusdash{font-size:.75rem}.metric-value-cusdash{font-size:.8rem}.action-link-cusdash{font-size:.75rem}.section-title-cusdash{font-size:.9rem}.view-all-link-cusdash{font-size:.75rem}.activities-card-cusdash{padding:.75rem;min-height:160px;border-radius:10px}.activity-item-cusdash{padding:.4rem;gap:.4rem}.activity-icon-wrapper-cusdash{width:28px;height:28px;font-size:.75rem;border-radius:6px}.activity-title-cusdash{font-size:.75rem}.activity-reference-cusdash,.activity-date-cusdash{font-size:.65rem}.appointments-section-cusdash{padding:.75rem;border-radius:10px}.appointments-title-cusdash{font-size:.8rem}.appointment-item-cusdash{padding:.5rem;gap:.5rem;border-radius:6px}.appointment-date-cusdash{min-width:34px;padding:.15rem .3rem}.appointment-day-cusdash{font-size:.8rem}.appointment-month-cusdash{font-size:.5rem}.appointment-type-cusdash{font-size:.75rem}.appointment-address-cusdash{font-size:.65rem}.pending-payments-alert-cusdash{padding:.75rem;border-radius:10px}.alert-icon-cusdash{font-size:1.1rem}.alert-content-cusdash strong{font-size:.8rem}.alert-content-cusdash p{font-size:.75rem}.alert-action-cusdash{padding:.4rem .75rem;font-size:.75rem}.milestone-item-cusdash{min-width:50px}.milestone-icon-cusdash{font-size:.85rem}.milestone-label-cusdash,.milestone-status-cusdash{font-size:.5rem}.empty-state-cusdash{padding:1rem .75rem;min-height:100px;border-radius:10px}.empty-state-title-cusdash{font-size:.85rem}.empty-state-description-cusdash{font-size:.75rem}.empty-small-cusdash{padding:1rem .5rem}.empty-text-cusdash,.link-cusdash{font-size:.75rem}.project-selector-container-cusdash{gap:.4rem}.selector-label-cusdash{font-size:.75rem}.project-select-cusdash{font-size:.8rem;padding:.4rem 2rem .4rem .75rem}.select-icon-cusdash{right:.5rem;font-size:.8rem}}@media(max-width:360px){.dashboard-container-cusdash{padding-inline:8px}.stats-grid-cusdash{grid-template-columns:1fr 1fr;gap:.4rem}.stat-card-cusdash{padding:.6rem}.stat-value-cusdash{font-size:.95rem}.stat-label-cusdash{font-size:.6rem}.action-grid-cusdash{grid-template-columns:1fr;gap:.35rem}.quick-action-item-cusdash{padding:.4rem .6rem}.quick-action-icon-cusdash{width:26px;height:26px;font-size:.7rem}.quick-action-label-cusdash{font-size:.65rem}.page-title-cusdash{font-size:.95rem}.welcome-greeting-cusdash{font-size:.75rem}.btn-primary-cusdash,.btn-secondary-cusdash{font-size:.75rem;padding:.4rem .6rem}.project-card-enhanced-cusdash{padding:.625rem}.project-name-cusdash{font-size:.8rem}.project-system-cusdash{font-size:.7rem}.progress-ring-wrapper-cusdash,.progress-ring-cusdash{width:70px;height:70px}.progress-ring-value-cusdash{font-size:.85rem}.progress-ring-label-cusdash{font-size:.5rem}.metric-label-cusdash{font-size:.7rem}.metric-value-cusdash{font-size:.75rem}.activities-card-cusdash{padding:.5rem;min-height:140px}.activity-title-cusdash{font-size:.7rem}.appointments-section-cusdash{padding:.5rem}.appointment-type-cusdash{font-size:.7rem}.pending-payments-alert-cusdash{padding:.5rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stat-card-cusdash:hover,.quick-action-item-cusdash:hover,.activity-item-cusdash:hover,.appointment-item-cusdash:hover,.project-card-enhanced-cusdash:hover{transform:none!important}.skeleton-line-cusdash{animation:none!important;background:var(--skeleton-bg)!important}.btn-primary-cusdash:hover,.btn-secondary-cusdash:hover,.alert-action-cusdash:hover,.link-cusdash:hover,.view-all-link-cusdash:hover,.action-link-cusdash:hover,.quick-action-item-cusdash:hover .quick-action-arrow-cusdash,.view-all-link-cusdash:hover .arrow-icon-cusdash,.action-link-cusdash:hover .action-arrow-cusdash{transform:none!important}.progress-ring-fill-cusdash{transition:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-photo: #F3F5F1;--bg-result: rgba(255, 255, 255, .5);--bg-fee: rgba(243, 156, 18, .06);--bg-appliance: rgba(255, 255, 255, .5);--bg-modal: rgba(255, 255, 255, .95);--bg-modal-footer: rgba(255, 255, 255, .5);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-result: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 16px 48px rgba(23, 33, 43, .12), 0 4px 16px rgba(23, 33, 43, .06);--shadow-modal: 0 20px 60px rgba(23, 33, 43, .15);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .9);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: rgba(255, 255, 255, .5);--input-border: #EEF0ED;--input-focus: rgba(243, 156, 18, .1);--badge-bg: #F6F8F5;--badge-border: #E5E7EB;--divider-color: #EEF0ED;--overlay-bg: rgba(0, 0, 0, .4);--photo-overlay: rgba(0, 0, 0, .3);--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-paid-bg: rgba(16, 185, 129, .1);--status-paid-text: #059669;--status-scheduled-bg: rgba(59, 130, 246, .1);--status-scheduled-text: #2563EB;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-processing-bg: rgba(139, 92, 246, .1);--status-processing-text: #7C3AED;--type-free-bg: rgba(16, 185, 129, .1);--type-free-text: #059669;--type-paid-bg: rgba(243, 156, 18, .1);--type-paid-text: #D97706;--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-dropdown: rgba(255, 255, 255, .98);--border-dropdown: #EEF0ED;--border-modal: #EEF0ED;--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .2);--dropdown-view-details: #2563EB;--dropdown-view-quotation: #7C3AED;--dropdown-download-quotation: #059669;--dropdown-view-photos: #D97706}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-photo: #131C28;--bg-result: rgba(255, 255, 255, .05);--bg-fee: rgba(243, 156, 18, .08);--bg-appliance: rgba(255, 255, 255, .05);--bg-modal: rgba(26, 37, 51, .95);--bg-modal-footer: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-result: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--glass-bg: rgba(26, 37, 51, .92);--glass-border: rgba(255, 255, 255, .06);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .06);--input-focus: rgba(243, 156, 18, .15);--badge-bg: #131C28;--badge-border: rgba(255, 255, 255, .06);--divider-color: rgba(255, 255, 255, .06);--overlay-bg: rgba(0, 0, 0, .6);--photo-overlay: rgba(0, 0, 0, .5);--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-paid-bg: rgba(16, 185, 129, .12);--status-paid-text: #10B981;--status-scheduled-bg: rgba(59, 130, 246, .12);--status-scheduled-text: #3B82F6;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-processing-bg: rgba(139, 92, 246, .12);--status-processing-text: #8B5CF6;--type-free-bg: rgba(16, 185, 129, .12);--type-free-text: #10B981;--type-paid-bg: rgba(243, 156, 18, .12);--type-paid-text: #F39C12;--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-dropdown: #1A2533;--border-dropdown: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--dropdown-view-details: #3B82F6;--dropdown-view-quotation: #8B5CF6;--dropdown-download-quotation: #10B981;--dropdown-view-photos: #F39C12}.schedule-container-cusset{padding:12px 24px 24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.schedule-header-card-cusset{background:transparent;border:none;padding:0 0 12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:none;flex-wrap:wrap;gap:12px}.schedule-title-cusset{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em;transition:color .3s ease}.schedule-subtitle-cusset{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.schedule-header-action-cusset{flex-shrink:0;margin-left:16px}.view-requests-btn-cusset{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.view-requests-btn-cusset:hover{background:var(--bg-card-hover);border-color:#f39c1240;transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.view-requests-btn-cusset .request-count{display:inline-flex;align-items:center;justify-content:center;background:#f39c12;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:10px}.service-selection-grid-cusset{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:36px 32px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s;display:flex;flex-direction:column;min-height:560px}.service-card-cusset:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.service-card-header-cusset{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.service-card-header-cusset h2{font-size:26px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.service-badge-cusset{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.service-badge-cusset.free-cusset{background:var(--type-free-bg);color:var(--type-free-text);border:1px solid var(--border-medium)}.service-badge-cusset.paid-cusset{background:var(--type-paid-bg);color:var(--type-paid-text);border:1px solid var(--border-medium)}.service-description-cusset{font-size:16px;color:var(--text-secondary);line-height:1.8;margin:0 0 24px;transition:color .3s ease}.service-features-cusset{list-style:none;padding:0;margin:0 0 28px;flex:1}.service-features-cusset li{padding:12px 0;font-size:15px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--divider-color);transition:color .3s ease,border-color .3s ease}.service-features-cusset li:last-child{border-bottom:none}.service-features-cusset li:before{content:"✓";color:#10b981;font-weight:700;font-size:18px;flex-shrink:0}.card-button-container-cusset{margin-top:auto;padding-top:24px}.btn-get-quote-cusset,.btn-paid-assessment-cusset{width:100%;padding:18px;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s}.btn-get-quote-cusset{background:#10b981;color:#fff}.btn-get-quote-cusset:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.btn-paid-assessment-cusset{background:#f39c12;color:#fff}.btn-paid-assessment-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c124d}.back-button-container-cusset{margin-bottom:24px}.back-to-services-cusset{display:inline-flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:10px 20px;transition:all .2s;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.back-to-services-cusset:hover{background:var(--bg-card-hover);border-color:#f39c1240;color:var(--text-primary);transform:translateY(-2px)}.back-to-services-cusset svg{font-size:15px}.form-page-header-cusset{margin-bottom:24px}.form-page-title-cusset{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.form-page-subtitle-cusset{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.form-main-card-cusset{display:flex;flex-direction:column;gap:24px}.form-section-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.form-section-header-cusset{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--bg-section);border-bottom:1px solid var(--divider-color);transition:background .3s ease,border-color .3s ease}.form-section-icon-cusset{width:36px;height:36px;border-radius:50%;background:#f39c121a;color:#f39c12;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.form-section-title-group-cusset h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 2px;transition:color .3s ease}.form-section-title-group-cusset p{font-size:13px;color:var(--text-muted);margin:0;transition:color .3s ease}.form-section-body-cusset{padding:20px 24px}.combined-info-card-cusset{background:var(--bg-section);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;cursor:pointer;transition:all .2s}.combined-info-card-cusset:hover{border-color:#f39c1240;background:var(--bg-card-hover)}.combined-info-content-cusset{display:flex;flex-direction:column;gap:4px}.combined-info-name-cusset{font-size:15px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.combined-info-contact-cusset{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.combined-info-address-cusset{font-size:13px;color:var(--text-muted);transition:color .3s ease}.combined-info-hint-cusset{font-size:12px;color:var(--text-muted);margin-top:6px;font-style:italic;transition:color .3s ease}.schedule-form-grid-cusset{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-form-group-cusset{display:flex;flex-direction:column;gap:4px}.schedule-form-group-cusset label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.schedule-form-input-cusset,.schedule-form-select-cusset{padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;font-size:14px;color:var(--text-primary);transition:all .2s;width:100%;box-sizing:border-box;font-family:Poppins,sans-serif}.schedule-form-input-cusset::placeholder{color:var(--text-muted)}.schedule-form-input-cusset:focus,.schedule-form-select-cusset:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px var(--input-focus);background:var(--bg-card)}.schedule-form-input-cusset.error,.schedule-form-select-cusset.error{border-color:#ef4444}.schedule-form-input-cusset.error:focus,.schedule-form-select-cusset.error:focus{box-shadow:0 0 0 3px #ef44441a}.schedule-form-group-cusset small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.error-message-cusset{font-size:12px;color:#ef4444;margin-top:2px}.dimension-row-cusset{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-fee-card-cusset{display:flex;align-items:flex-start;gap:14px;background:var(--bg-fee);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:16px 20px;margin-top:16px}.fee-card-icon-cusset{font-size:20px;color:#f39c12;flex-shrink:0;margin-top:2px}.fee-card-content-cusset strong{display:block;font-size:15px;color:#d97706}.fee-card-content-cusset p{font-size:13px;color:var(--text-secondary);margin:4px 0 0;transition:color .3s ease}.fee-card-content-cusset small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.form-actions-cusset{margin-top:20px}.schedule-btn-submit-cusset{width:100%;padding:14px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-btn-submit-cusset:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c124d}.schedule-btn-submit-cusset:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.appliances-section-cusset{display:flex;flex-direction:column;gap:12px}.appliances-header-cusset{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.appliances-count-cusset{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.add-appliance-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-appliance-btn-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.appliances-table-container-cusset{overflow-x:auto;border:1px solid var(--border-color);border-radius:10px;transition:border-color .3s ease}.appliances-table-cusset{width:100%;border-collapse:collapse;font-size:13px}.appliances-table-cusset th{background:var(--bg-section);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color);transition:background .3s ease,color .3s ease,border-color .3s ease}.appliances-table-cusset td{padding:10px 14px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:color .3s ease,border-color .3s ease}.appliances-table-cusset tr:last-child td{border-bottom:none}.appliances-table-cusset td strong{color:var(--text-primary);transition:color .3s ease}.edit-appliance-btn,.delete-appliance-btn{padding:4px 10px;border:none;border-radius:10px;font-size:12px;cursor:pointer;transition:all .2s;margin-right:4px}.edit-appliance-btn{background:#f39c121a;color:#d97706}.edit-appliance-btn:hover{background:#f39c1233}.delete-appliance-btn{background:#ef44441a;color:#dc2626}.delete-appliance-btn:hover{background:#ef444433}.empty-appliances-cusset{text-align:center;padding:32px 20px;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:10px;transition:color .3s ease,border-color .3s ease}.empty-appliances-cusset p{margin:0;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.empty-appliances-cusset small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.consumption-results-cusset{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.consumption-results-cusset h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.results-grid-cusset{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-card-cusset{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--border-result);background:var(--bg-result);transition:background .3s ease,border-color .3s ease}.result-card-cusset .result-icon{font-size:20px;flex-shrink:0;color:#f39c12}.result-card-cusset.day-result{border-color:#f59e0b33;background:#f59e0b0d}.result-card-cusset.day-result .result-icon{color:#f59e0b}.result-card-cusset.night-result{border-color:#3b82f633;background:#3b82f60d}.result-card-cusset.night-result .result-icon{color:#3b82f6}.result-card-cusset.total-result{border-color:#10b98133;background:#10b9810d}.result-card-cusset.total-result .result-icon{color:#10b981}.result-card-cusset.monthly-result{border-color:#8b5cf633;background:#8b5cf60d}.result-card-cusset.monthly-result .result-icon{color:#8b5cf6}.result-info{display:flex;flex-direction:column;gap:1px}.result-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.result-value{font-size:18px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.result-percentage{font-size:12px;color:var(--text-muted);transition:color .3s ease}.result-info small{font-size:11px;color:var(--text-muted);transition:color .3s ease}.info-message-cusset{background:var(--bg-fee);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-top:12px}.info-message-cusset p{margin:0;font-size:13px;color:#d97706}.bill-guide-cusset{background:var(--bg-fee);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-bottom:16px}.bill-guide-toggle-cusset{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;padding:0;font-size:13px;font-weight:600;color:#d97706;font-family:inherit;text-align:left}.bill-guide-bulb-cusset{font-size:15px;flex-shrink:0}.bill-guide-toggle-cusset span{flex:1}.bill-guide-modal-cusset{max-width:640px}.bill-guide-modal-cusset .bill-guide-img-cusset{max-height:62vh;object-fit:contain;background:#fff}.bill-guide-steps-cusset{margin:0 0 12px 18px;padding:0;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:6px}.bill-guide-steps-cusset strong{color:var(--text-primary)}.bill-guide-img-cusset{width:100%;border-radius:8px;border:1px solid var(--border-color);display:block}.pending-warning-cusset{background:var(--bg-fee);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;font-size:13px;color:#d97706}.schedule-modal-overlay-cusset{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.schedule-modal-cusset{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:24px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:32px 36px;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalFadeIn .25s ease;transition:background .3s ease,border-color .3s ease}.schedule-modal-cusset::-webkit-scrollbar{width:6px}.schedule-modal-cusset::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.schedule-modal-cusset::-webkit-scrollbar-thumb{background:#f39c12;border-radius:3px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.schedule-modal-cusset h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 20px;transition:color .3s ease}.appliance-modal-cusset{max-width:520px}.appliance-search-wrap-cusset{position:relative;display:flex;flex-direction:column;gap:8px}.appliance-dropdown-cusset{position:absolute;top:100%;left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;margin-top:4px;padding:6px}.appliance-option-cusset{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.appliance-option-cusset:hover{background:#f39c121f}.appliance-option-name{font-size:13.5px;font-weight:500;color:var(--text-primary)}.appliance-option-watts{font-size:12px;color:var(--text-muted);white-space:nowrap}.appliance-option-custom{border-top:1px dashed var(--border-color);margin-top:4px;padding-top:10px}.appliance-dropdown-empty-cusset{padding:12px;font-size:13px;color:var(--text-muted);text-align:center}.appliance-back-btn-cusset{align-self:flex-start;background:transparent;border:none;color:#d97706;font-size:12.5px;font-weight:500;cursor:pointer;padding:0}.appliance-back-btn-cusset:hover{text-decoration:underline}.modal-header-cusset{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header-cusset h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close-cusset{width:32px;height:32px;background:var(--bg-section);border:1px solid var(--border-color);border-radius:50%;font-size:18px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-cusset:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.modal-body-cusset{display:flex;flex-direction:column;gap:12px}.modal-actions-cusset{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.cancel-btn-cusset{padding:10px 20px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn-cusset:hover{background:var(--bg-hover)}.save-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.delete-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-btn-cusset:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.confirm-modal-cusset{max-width:420px}.confirm-modal-cusset .modal-body-cusset p{margin:0;font-size:14px;color:var(--text-secondary)}.confirm-modal-cusset .modal-body-cusset small{font-size:12px;color:var(--text-muted)}.schedule-modal-summary-cusset{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.schedule-summary-section-cusset h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid var(--divider-color);transition:color .3s ease,border-color .3s ease}.schedule-summary-section-cusset p{margin:3px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.schedule-summary-section-cusset strong{color:var(--text-primary);transition:color .3s ease}.schedule-modal-checkbox-cusset{margin:16px 0}.schedule-modal-checkbox-cusset label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.schedule-modal-checkbox-cusset input[type=checkbox]{width:18px;height:18px;accent-color:#F39C12;cursor:pointer}.terms-link{color:#f39c12;text-decoration:none}.terms-link:hover{text-decoration:underline}.schedule-modal-actions-cusset{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.schedule-btn-secondary-cusset{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.schedule-btn-secondary-cusset:hover{background:var(--bg-hover)}.schedule-btn-success-cusset{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-btn-success-cusset:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.schedule-btn-success-cusset:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.info-modal-cusset{max-width:520px}.info-modal-header-cusset{padding-bottom:12px;border-bottom:1px solid var(--divider-color);transition:border-color .3s ease}.info-modal-header-cusset h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.info-modal-body-cusset{padding:16px 0;display:flex;flex-direction:column;gap:16px}.info-section-cusset h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.info-details-cusset{background:var(--bg-section);border-radius:10px;padding:12px 16px;margin-bottom:8px}.info-row-cusset{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.info-row-cusset span:first-child{color:var(--text-muted);transition:color .3s ease}.info-row-cusset span:last-child{color:var(--text-primary);font-weight:500;transition:color .3s ease}.info-action-btn-cusset{padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.info-action-btn-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.info-modal-footer-cusset{padding-top:12px;border-top:1px solid var(--divider-color);display:flex;justify-content:flex-end;transition:border-color .3s ease}.info-close-btn-cusset{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.info-close-btn-cusset:hover{background:var(--bg-hover)}.status-badge-schedule{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge-schedule.pending-review,.status-badge-schedule.pending-payment,.status-badge-schedule.pending{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.status-badge-schedule.for-verification{background:#ef44441a;color:#dc2626;border:1px solid var(--border-medium)}.status-badge-schedule.paid,.status-badge-schedule.completed,.status-badge-schedule.quotation-accepted{background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.status-badge-schedule.scheduled,.status-badge-schedule.site-visit,.status-badge-schedule.assigned{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--border-medium)}.status-badge-schedule.device-deployed{background:#ec48991a;color:#db2777;border:1px solid var(--border-medium)}.status-badge-schedule.data-collecting,.status-badge-schedule.data-analyzing,.status-badge-schedule.processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:1px solid var(--border-medium)}.status-badge-schedule.report-draft{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--border-medium)}.status-badge-schedule.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.type-badge-page{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge-page.free-quote{background:var(--type-free-bg);color:var(--type-free-text);border:1px solid var(--border-medium)}.type-badge-page.pre-assessment{background:var(--type-paid-bg);color:var(--type-paid-text);border:1px solid var(--border-medium)}.requests-page-header-cusset{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.requests-page-title-cusset h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.requests-page-title-cusset p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.requests-page-stats-cusset{display:flex;gap:12px}.stat-badge-cusset{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,color .3s ease,border-color .3s ease}.request-filter-tabs-page-cusset{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.filter-tab-page-cusset{padding:8px 18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-tab-page-cusset:hover{background:var(--bg-card-hover);border-color:#f39c1240;color:var(--text-primary)}.filter-tab-page-cusset.active{background:#f39c12;border-color:#f39c12;color:#fff}.requests-list-page-cusset{display:flex;flex-direction:column;gap:16px}.request-card-page-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s}.request-card-page-cusset:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.request-card-header-cusset{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--bg-section);border-bottom:1px solid var(--divider-color);flex-wrap:wrap;gap:8px;transition:background .3s ease,border-color .3s ease}.request-card-title-cusset{display:flex;align-items:center;gap:12px}.request-reference-cusset{font-size:13px;font-weight:600;color:var(--text-primary);font-family:monospace;transition:color .3s ease}.request-card-status-cusset{flex-shrink:0}.request-card-body-cusset{padding:16px 20px}.request-details-grid-cusset{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 16px}.request-details-grid-cusset div{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.request-details-grid-cusset span{color:var(--text-muted);transition:color .3s ease}.request-details-grid-cusset strong{color:var(--text-primary);transition:color .3s ease}.request-details-grid-cusset .full-width{grid-column:1 / -1}.request-card-actions-cusset{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn-action-page{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action-page.view-quote{background:#3b82f61a;color:#2563eb}.btn-action-page.view-quote:hover{background:#3b82f633}.btn-action-page.download-quote{background:#8b5cf61a;color:#7c3aed}.btn-action-page.download-quote:hover{background:#8b5cf633}.btn-action-page.accept-quote{background:#10b9811a;color:#059669}.btn-action-page.accept-quote:hover{background:#10b98133}.project-created-badge-page{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b9811a;color:#059669;border-radius:10px;font-size:12px;font-weight:500}.request-card-photos-cusset{margin-top:12px}.photos-preview-cusset{display:flex;gap:8px;flex-wrap:wrap}.photo-preview-item-cusset{width:60px;height:60px;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.photo-preview-item-cusset img{width:100%;height:100%;object-fit:cover}.photo-preview-overlay-cusset{position:absolute;inset:0;background:var(--photo-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:18px}.photo-preview-item-cusset:hover .photo-preview-overlay-cusset{opacity:1}.photo-preview-item-cusset.more{background:var(--bg-section);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted);font-size:12px;transition:background .3s ease,color .3s ease}.photo-preview-item-cusset.more svg{font-size:20px}.photo-modal-overlay-cusset{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.photo-modal-content-cusset{background:var(--bg-modal);border-radius:18px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease}.photo-modal-close-cusset{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#0006;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.photo-modal-close-cusset:hover{background:#0009}.photo-modal-main-cusset{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-photo);min-height:300px;transition:background .3s ease}.photo-modal-main-cusset img{max-width:100%;max-height:65vh;object-fit:contain}.photo-nav-cusset{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#0006;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.photo-nav-cusset:hover:not(:disabled){background:#0009}.photo-nav-cusset:disabled{opacity:.3;cursor:not-allowed}.photo-nav-cusset.prev{left:12px}.photo-nav-cusset.next{right:12px}.photo-modal-footer-cusset{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-modal-footer);border-top:1px solid var(--divider-color);transition:background .3s ease,border-color .3s ease}.photo-counter-cusset{font-size:13px;color:var(--text-muted);transition:color .3s ease}.photo-download-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.photo-download-btn-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.schedule-confirmation-card-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:24px;padding:40px;max-width:560px;margin:40px auto;text-align:center;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.confirmation-icon{width:64px;height:64px;border-radius:50%;background:#10b9811a;color:#10b981;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.schedule-confirmation-card-cusset h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.schedule-confirmation-card-cusset>p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.schedule-booking-details-cusset{background:var(--bg-section);border-radius:10px;padding:16px 20px;margin:16px 0;text-align:left;transition:background .3s ease}.schedule-booking-details-cusset p{margin:4px 0;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.schedule-booking-details-cusset strong{color:var(--text-primary);transition:color .3s ease}.schedule-next-steps-cusset{text-align:left;margin:16px 0}.schedule-next-steps-cusset h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.schedule-next-steps-cusset ul{list-style:none;padding:0;margin:0}.schedule-next-steps-cusset li{padding:4px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;transition:color .3s ease}.schedule-next-steps-cusset li:before{content:"•";color:#f39c12;font-weight:700;font-size:18px}.quote-actions-cusset{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.quote-actions-cusset .schedule-btn-secondary-cusset{background:var(--bg-section)}.quote-actions-cusset .schedule-btn-primary-cusset{padding:10px 24px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.quote-actions-cusset .schedule-btn-primary-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c124d}.schedule-success-overlay-cusset{position:fixed;inset:0;z-index:1500;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:var(--bg-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.schedule-success-overlay-cusset .schedule-confirmation-card-cusset{margin:auto;width:100%}@media(max-width:640px){.schedule-success-overlay-cusset{padding:24px 12px}}.accept-quotation-page-cusset{display:flex;flex-direction:column;gap:24px}.accept-quotation-header-cusset h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.accept-quotation-header-cusset p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.accept-quotation-content-cusset{display:flex;flex-direction:column;gap:24px}.quotation-summary-page-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quotation-summary-page-cusset h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.summary-grid-cusset{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px}.summary-item-cusset{display:flex;flex-direction:column;padding:6px 0}.summary-item-cusset span{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.summary-item-cusset strong{font-size:15px;color:var(--text-primary);transition:color .3s ease}.summary-item-cusset .total-cost-cusset{color:#f39c12;font-size:18px}.equipment-breakdown-cusset{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.equipment-breakdown-cusset h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.equipment-grid-cusset{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px}.equipment-item-cusset{display:flex;justify-content:space-between;padding:3px 0;font-size:13px}.equipment-item-cusset span{color:var(--text-muted);transition:color .3s ease}.equipment-item-cusset strong{color:var(--text-primary);transition:color .3s ease}.payment-preference-page-cusset{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.payment-preference-page-cusset h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.preference-options-page-cusset{display:flex;flex-direction:column;gap:12px}.preference-option-page{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--bg-section)}.preference-option-page:hover{border-color:var(--text-muted)}.preference-option-page.selected{border-color:#f39c12;background:var(--bg-fee)}.preference-option-page input[type=radio]{margin-top:2px;accent-color:#F39C12;width:18px;height:18px;flex-shrink:0}.preference-content-page{display:flex;flex-direction:column;gap:4px}.preference-content-page strong{font-size:14px;color:var(--text-primary);transition:color .3s ease}.preference-details-page{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.preference-details-page .retention-note-page{color:#f59e0b;font-weight:500}.preference-details-page .full-payment-page{color:var(--text-primary);font-weight:500;transition:color .3s ease}.accept-quotation-actions-cusset{display:flex;gap:12px;justify-content:flex-end;padding:16px 0 0;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.cancel-btn-page-cusset{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn-page-cusset:hover{background:var(--bg-hover)}.confirm-btn-page-cusset{display:inline-flex;align-items:center;gap:8px;padding:10px 32px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn-page-cusset:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.confirm-btn-page-cusset:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.confirm-btn-page-cusset .spinning{animation:spin 1s linear infinite}.empty-requests-page-cusset{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.empty-requests-page-cusset .empty-icon-cusset{font-size:48px;color:var(--text-muted);margin-bottom:16px;transition:color .3s ease}.empty-requests-page-cusset h3{font-size:18px;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.empty-requests-page-cusset p{font-size:14px;color:var(--text-secondary);margin:0 0 20px;transition:color .3s ease}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:24px 28px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.skeleton-line{background:var(--skeleton-gradient);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line.large{height:28px;width:200px;margin-bottom:8px}.skeleton-line.small{height:16px;width:300px}.skeleton-service-card{height:300px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.schedule-error-container-cusset{text-align:center;padding:60px 20px}.schedule-error-container-cusset h2{font-size:24px;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.schedule-error-container-cusset p{font-size:14px;color:var(--text-secondary);margin:0 0 20px;transition:color .3s ease}.schedule-error-actions-cusset{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.schedule-error-actions-cusset .schedule-btn-primary-cusset{padding:10px 24px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-error-actions-cusset .schedule-btn-primary-cusset:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 16px #f39c124d}.schedule-error-actions-cusset .schedule-btn-secondary-cusset{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.schedule-error-actions-cusset .schedule-btn-secondary-cusset:hover{background:var(--bg-hover)}@media(max-width:1200px){.results-grid-cusset{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.service-selection-grid-cusset,.schedule-form-grid-cusset{grid-template-columns:1fr}.requests-page-header-cusset{flex-direction:column}}@media(max-width:768px){.schedule-container-cusset{padding:16px}.schedule-header-card-cusset{flex-direction:column;align-items:flex-start}.schedule-header-action-cusset{margin-left:0;margin-top:12px}.schedule-title-cusset{font-size:22px}.service-card-cusset{padding:24px 20px;min-height:400px}.form-section-header-cusset,.form-section-body-cusset{padding:14px 16px}.schedule-modal-cusset{padding:24px 20px;max-width:100%}.results-grid-cusset{grid-template-columns:1fr 1fr}.dimension-row-cusset{grid-template-columns:1fr}.request-details-grid-cusset,.summary-grid-cusset{grid-template-columns:1fr 1fr}.preference-option-page{padding:14px 16px}.requests-page-stats-cusset{flex-wrap:wrap}.request-filter-tabs-page-cusset{gap:6px}.filter-tab-page-cusset{padding:6px 14px;font-size:12px}.accept-quotation-actions-cusset{flex-direction:column}.accept-quotation-actions-cusset button{width:100%}.schedule-confirmation-card-cusset{padding:24px;margin:20px auto}}@media(max-width:480px){.schedule-container-cusset{padding:12px}.schedule-title-cusset{font-size:20px}.service-card-cusset{padding:20px 16px;min-height:350px}.service-card-header-cusset h2{font-size:20px}.service-description-cusset{font-size:14px}.schedule-modal-cusset{padding:20px 16px}.results-grid-cusset,.request-details-grid-cusset,.summary-grid-cusset{grid-template-columns:1fr}.request-card-header-cusset{flex-direction:column;align-items:flex-start}.request-card-title-cusset{flex-wrap:wrap}.request-card-actions-cusset{flex-direction:column}.request-card-actions-cusset button{width:100%;justify-content:center}.schedule-confirmation-card-cusset{padding:24px 16px}.confirmation-icon{width:48px;height:48px;font-size:24px}.schedule-confirmation-card-cusset h1{font-size:20px}.appliances-table-cusset{font-size:12px}.appliances-table-cusset th,.appliances-table-cusset td{padding:6px 10px}.photo-modal-content-cusset{border-radius:14px}.photo-modal-main-cusset{min-height:200px}.photo-nav-cusset{width:32px;height:32px;font-size:14px}.photo-modal-footer-cusset{padding:10px 16px;flex-wrap:wrap;gap:8px}.preference-option-page{flex-direction:column;align-items:flex-start;gap:8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.service-card-cusset:hover,.request-card-page-cusset:hover,.btn-get-quote-cusset:hover,.btn-paid-assessment-cusset:hover,.schedule-btn-submit-cusset:hover,.schedule-btn-success-cusset:hover,.confirm-btn-page-cusset:hover{transform:none!important}.schedule-modal-cusset{animation:none!important}.skeleton-line{animation:none!important;background:var(--skeleton-bg)!important}}.schedule-form-input-readonly,.schedule-form-input-cusset[readonly],.schedule-form-input-cusset:disabled{background:var(--bg-section)!important;color:var(--text-secondary)!important;cursor:not-allowed!important;opacity:.7!important;border-color:var(--border-color)!important}.req-table-container-cusset{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.req-table-wrapper-cusset{overflow-x:auto}.req-table-cusset{width:100%;min-width:860px;border-collapse:collapse;font-size:13px}.req-table-cusset thead{background:var(--bg-table-header)}.req-table-cusset thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;transition:color .3s ease,border-color .3s ease}.req-table-cusset tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.req-table-cusset tbody tr:last-child{border-bottom:none}.req-table-cusset tbody tr:hover{background:var(--bg-table-row-hover)}.req-table-cusset tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.req-ref-cusset{font-family:monospace;font-size:12px;color:var(--text-muted);white-space:nowrap;transition:color .3s ease}.req-summary-cusset{font-size:12px;color:var(--text-secondary);white-space:nowrap;transition:color .3s ease}.req-action-cell-cusset{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.req-dropdown-trigger-btn{padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.req-dropdown-trigger-btn:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary)}.req-dropdown-menu{position:fixed!important;min-width:200px!important;max-width:min(250px,calc(100vw - 20px))!important;background:var(--bg-dropdown)!important;border:1px solid var(--border-dropdown)!important;border-radius:10px!important;box-shadow:var(--shadow-dropdown)!important;z-index:99999!important;padding:6px!important;overflow:hidden!important;max-height:min(300px,calc(100dvh - 40px))!important;overflow-y:auto!important}.req-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif}.req-dropdown-item.view-details{color:var(--dropdown-view-details)}.req-dropdown-item.view-details:hover{background:#3b82f61a}.req-dropdown-item.view-quotation{color:var(--dropdown-view-quotation)}.req-dropdown-item.view-quotation:hover{background:#8b5cf61a}.req-dropdown-item.download-quotation{color:var(--dropdown-download-quotation)}.req-dropdown-item.download-quotation:hover{background:#10b9811a}.req-dropdown-item.view-photos{color:var(--dropdown-view-photos)}.req-dropdown-item.view-photos:hover{background:#f39c121a}.req-dropdown-item.cancel-request{color:#dc2626}.req-dropdown-item.cancel-request:hover{background:#ef44441a}.req-accept-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.req-accept-btn-cusset:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.req-accept-btn-cusset:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.req-modal-overlay-cusset{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.req-modal-cusset{position:relative;background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);transition:background .3s ease,border-color .3s ease}.req-modal-cusset.req-accept-modal-cusset{max-width:720px}.req-modal-cusset.req-cancel-modal-cusset{max-width:600px}.cancel-policy-table-wrapper{overflow-x:auto;margin:8px 0;border:1px solid var(--border-color);border-radius:8px}.cancel-policy-table{width:100%;border-collapse:collapse;font-size:13px}.cancel-policy-table th{background:var(--bg-section);text-align:left;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color)}.cancel-policy-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.cancel-policy-table tr:last-child td{border-bottom:none}.req-refund-reason-cusset{margin:6px 0 0!important;font-size:12px!important;color:var(--text-muted)!important}.req-warning-cusset{margin-top:8px!important;padding:8px 12px!important;background:#ef444414!important;border:1px solid rgba(239,68,68,.15)!important;border-radius:8px!important;color:#dc2626!important;font-size:13px!important}.req-info-cusset{margin-top:8px!important;padding:8px 12px!important;background:#3b82f614!important;border:1px solid rgba(59,130,246,.15)!important;border-radius:8px!important;color:#2563eb!important;font-size:13px!important}.req-confirm-btn-cusset.cancel-confirm-btn{background:#dc2626}.req-confirm-btn-cusset.cancel-confirm-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262640}.req-modal-cusset h3{padding:20px 24px 16px;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.req-modal-scroll-cusset{padding:20px 24px 24px;overflow-y:auto;max-height:calc(90vh - 80px)}.req-modal-close-cusset{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.req-modal-close-cusset:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.req-details-section-cusset{margin-bottom:18px}.req-details-section-cusset:last-child{margin-bottom:0}.req-details-section-cusset h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px}.req-details-section-cusset p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.req-details-section-cusset p strong{color:var(--text-primary);font-weight:600}.req-total-line-cusset{margin-top:10px!important;padding-top:10px;border-top:1px solid var(--border-color);font-size:15px!important}.req-total-vat-cusset{display:block;font-size:13px;color:var(--text-muted)}.req-modal-actions-cusset{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color);margin-top:16px;transition:border-color .3s ease}.req-cancel-btn-cusset{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.req-cancel-btn-cusset:hover:not(:disabled){background:var(--bg-hover)}.req-cancel-btn-cusset:disabled{opacity:.5;cursor:not-allowed}.req-confirm-btn-cusset{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#16a34a;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.req-confirm-btn-cusset:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.req-confirm-btn-cusset:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.req-pdf-preview-cusset{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-section)}.req-pdf-frame-cusset{width:100%;height:420px;border:none;display:block;background:#fff}.req-open-doc-btn-cusset{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 18px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.req-open-doc-btn-cusset:hover{background:var(--bg-hover);border-color:var(--border-medium)}.req-no-doc-cusset{font-size:13px;color:var(--text-muted);font-style:italic}.req-pay-options-cusset{display:flex;flex-direction:column;gap:10px}.req-pay-option-cusset{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .2s ease}.req-pay-option-cusset.selected{border-color:#f39c12;background:var(--bg-fee);color:var(--text-primary)}.req-pay-option-cusset input[type=radio]{accent-color:#F39C12}@media(max-width:992px){.req-table-container-cusset{background:transparent;border:none;box-shadow:none;overflow:visible}.req-table-wrapper-cusset{overflow:visible}.req-table-cusset{min-width:0}.req-table-cusset thead{display:none}.req-table-cusset,.req-table-cusset tbody,.req-table-cusset tr,.req-table-cusset td{display:block;width:100%}.req-table-cusset tbody{display:flex;flex-direction:column;gap:12px}.req-table-cusset tbody tr{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;box-shadow:var(--shadow-card);padding:6px 2px;margin:0}.req-table-cusset tbody tr:hover{background:var(--bg-card)}.req-table-cusset tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px!important;font-size:13px;text-align:right;border-bottom:1px solid var(--border-color);min-width:0}.req-table-cusset tbody td:last-child{border-bottom:none}.req-table-cusset tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0}.req-ref-cusset,.req-summary-cusset{white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:60%;text-align:right}.req-table-cusset tbody td[data-label=Status] .status-badge-schedule,.req-table-cusset tbody td[data-label=Type] .type-badge-page{max-width:100%;white-space:normal;text-align:center}.req-action-cell-cusset{width:100%;flex:1;min-width:0}.req-table-cusset tbody td[data-label=Actions]{flex-direction:column;align-items:stretch;gap:8px}.req-table-cusset tbody td[data-label=Actions]:before{align-self:flex-start}.req-dropdown-trigger-btn,.req-accept-btn-cusset{width:100%;min-height:44px;justify-content:center;font-size:13px}.req-dropdown-menu-container{width:100%}.requests-page-header-cusset{flex-direction:column;align-items:stretch}.requests-page-stats-cusset{flex-wrap:wrap;width:100%}.request-filter-tabs-page-cusset{gap:8px}.filter-tab-page-cusset{flex:1 1 auto;text-align:center;white-space:nowrap}.req-modal-overlay-cusset{padding:12px}.req-modal-cusset,.req-modal-cusset.req-accept-modal-cusset,.req-modal-cusset.req-cancel-modal-cusset{max-width:100%;width:calc(100% - 24px);margin:12px auto;border-radius:14px;max-height:92dvh}.req-modal-cusset h3{font-size:18px;padding:16px 52px 16px 18px}.req-modal-scroll-cusset{padding:16px 18px}.req-details-section-cusset p{word-break:break-word;overflow-wrap:anywhere}.req-total-line-cusset{word-break:break-word}.req-pay-option-cusset{align-items:flex-start;min-height:44px}.req-open-doc-btn-cusset{width:100%;justify-content:center}.req-modal-actions-cusset{flex-direction:column;align-items:stretch}.req-modal-actions-cusset .req-cancel-btn-cusset,.req-modal-actions-cusset .req-confirm-btn-cusset{width:100%;min-height:44px;justify-content:center}.req-pdf-frame-cusset{height:300px}.req-details-section-cusset textarea.schedule-form-input-cusset{width:100%;min-height:90px;resize:vertical}}@media(max-width:768px){.req-table-cusset tbody td{padding:10px 12px!important;font-size:12px}.req-pdf-frame-cusset{height:300px}}@media(max-width:480px){.req-table-cusset tbody td{align-items:flex-start}.req-table-cusset tbody td[data-label=Actions]{align-items:stretch}.req-table-cusset tbody td[data-label=Actions]:before{margin-bottom:2px}.req-ref-cusset,.req-summary-cusset{max-width:100%}.req-action-cell-cusset,.request-filter-tabs-page-cusset{flex-direction:column;align-items:stretch}.filter-tab-page-cusset{width:100%;padding:10px 14px;font-size:13px}.stat-badge-cusset{width:100%;justify-content:center}.req-modal-overlay-cusset{padding:8px}.req-modal-cusset,.req-modal-cusset.req-accept-modal-cusset,.req-modal-cusset.req-cancel-modal-cusset{width:calc(100% - 16px)}.req-pdf-frame-cusset{height:260px}}.schedule-form-input-readonly:focus,.schedule-form-input-cusset[readonly]:focus,.schedule-form-input-cusset:disabled:focus{box-shadow:none!important;border-color:var(--border-color)!important}.svc-sel-requests-row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:20px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-card);cursor:pointer;font-family:inherit;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.svc-sel-requests-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.svc-sel-requests-icon{width:42px;height:42px;border-radius:14px;background:var(--bg-icon-default);display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:var(--text-primary);flex-shrink:0}.svc-sel-requests-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.svc-sel-requests-text strong{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.svc-sel-requests-text small{font-size:12px;font-weight:400;color:var(--text-secondary)}.svc-sel-requests-right{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.req-entry-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;box-shadow:0 0 0 3px #ef444426}.svc-sel-chevron{font-size:20px;color:var(--text-muted)}.service-selection-grid-cusset{align-items:stretch}.svc-sel-pending-note{display:block;margin-top:8px;min-height:18px;color:#f59e0b;font-size:12px;text-align:center}@media(max-width:480px){.svc-sel-requests-text strong{font-size:13px}}@media(max-width:768px){.form-section-title-group-cusset{flex:1;min-width:0}.form-section-title-group-cusset p{overflow-wrap:break-word;word-break:break-word}.schedule-container-cusset{padding-bottom:32px}.appliances-table-container-cusset{overflow:visible;border:none}.appliances-table-cusset thead{display:none}.appliances-table-cusset,.appliances-table-cusset tbody{display:block}.appliances-table-cusset tbody tr{display:block;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:14px;padding:4px 14px;margin-bottom:12px}.appliances-table-cusset tbody tr td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);text-align:right;overflow-wrap:break-word;word-break:break-word}.appliances-table-cusset tbody tr td:last-child{border-bottom:none}.appliances-table-cusset tbody tr td:before{font-size:12px;color:var(--text-muted);flex-shrink:0;text-align:left}.appliances-table-cusset tbody tr td:nth-child(1):before{content:"Appliance"}.appliances-table-cusset tbody tr td:nth-child(2):before{content:"Power (W)"}.appliances-table-cusset tbody tr td:nth-child(3):before{content:"Qty"}.appliances-table-cusset tbody tr td:nth-child(4):before{content:"Day Hours"}.appliances-table-cusset tbody tr td:nth-child(5):before{content:"Night Hours"}.appliances-table-cusset tbody tr td:nth-child(6):before{content:"Type"}.appliances-table-cusset tbody tr td:nth-child(7):before{content:"Day Energy"}.appliances-table-cusset tbody tr td:nth-child(8):before{content:"Night Energy"}.appliances-table-cusset tbody tr td:nth-child(9):before{content:"Actions"}.appliances-table-cusset tbody tr td strong{text-align:right}.appliances-table-cusset tbody tr td>*{min-width:0}.appliances-table-cusset .edit-appliance-btn,.appliances-table-cusset .delete-appliance-btn{margin-right:0;white-space:nowrap}}.req-mobile-cards-cusset,.req-mobile-topbar-cusset{display:none}.req-filters-row-cusset{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.req-search-group-cusset{position:relative;width:280px;flex-shrink:0}.req-search-group-cusset input{width:100%;padding:8px 36px 8px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);box-sizing:border-box}.req-search-group-cusset input::placeholder{color:var(--text-muted)}.req-search-group-cusset input:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.req-search-icon-cusset{display:none}.req-clear-search-cusset{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px}.req-clear-search-cusset:hover{color:var(--text-primary)}.req-filter-dropdown-wrap-cusset,.req-filter-btn-cusset{display:none}.req-filter-btn-cusset.active{border-color:#f39c1280}.req-filter-chevron-cusset{font-size:11px;color:var(--text-muted);transition:transform .2s ease}.req-filter-chevron-cusset.open{transform:rotate(180deg)}.req-filter-menu-cusset{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-dropdown, var(--bg-modal, #FFFFFF));border:1px solid var(--border-dropdown, var(--border-color));border-radius:12px;box-shadow:var(--shadow-dropdown, var(--shadow-card));padding:6px;z-index:500;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.req-filter-menu-cusset.open{opacity:1;transform:none;pointer-events:auto}.req-filter-menu-item-cusset{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:var(--text-secondary);cursor:pointer;text-align:left}.req-filter-menu-item-cusset:hover{background:var(--bg-hover, rgba(0, 0, 0, .03));color:var(--text-primary)}.req-filter-menu-item-cusset.active{color:#f39c12}.req-filter-check-cusset{font-size:12px;font-weight:700}.req-mobile-row-cusset{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px 4px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:Poppins,sans-serif;color:var(--text-primary)}.req-mobile-avatar-cusset{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-section, rgba(0, 0, 0, .03));border:1px solid var(--border-color);color:#f39c12;font-size:16px;margin-top:2px}.req-mobile-main-cusset{flex:1 1 0%;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:4px}.req-mobile-name-cusset{font-size:14px;font-weight:600;line-height:1.35;color:var(--text-primary);white-space:normal;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.req-mobile-sub-cusset{display:flex;align-items:center;flex-wrap:wrap;row-gap:2px;column-gap:6px;font-size:12px;color:var(--text-muted);min-width:0}.req-mobile-dot-cusset{width:8px;height:8px;border-radius:50%;flex-shrink:0}.req-mobile-dot-cusset.dot-paid{background:#10b981}.req-mobile-dot-cusset.dot-pending{background:#f39c12}.req-mobile-dot-cusset.dot-verifying{background:#3b82f6}.req-mobile-dot-cusset.dot-cancelled{background:#98a2b3}.req-mobile-status-cusset{font-weight:600;white-space:nowrap}.req-mobile-due-cusset{min-width:0;overflow-wrap:break-word}.req-mobile-right-cusset{display:flex;align-items:flex-start;gap:6px;flex:0 0 auto;min-width:0;margin-left:auto;padding-top:2px}.req-mobile-chevron-cusset{font-size:16px;color:var(--text-muted);transition:transform .2s ease}.req-mobile-chevron-cusset.open{transform:rotate(180deg)}.req-pending-dot-cusset{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-top:5px;box-shadow:0 0 0 3px #ef444426}.req-mobile-expand-cusset{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);margin-top:0;padding-top:0;border-top:1px solid transparent;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .24s ease,transform .3s cubic-bezier(.16,1,.3,1),margin-top .3s ease,padding-top .3s ease,border-color .3s ease}.req-mobile-expand-cusset.open{grid-template-rows:1fr;opacity:1;transform:translateY(0);margin-top:10px;padding-top:10px;border-top-color:var(--border-color)}.req-mobile-expand-inner-cusset{overflow:hidden;min-height:0;min-width:0}.req-mobile-card-body-cusset{display:flex;flex-direction:column;gap:0;margin-bottom:10px}.req-mobile-card-item-cusset{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);min-width:0}.req-mobile-card-item-cusset:last-child{border-bottom:none}.req-mobile-card-item-cusset .req-mobile-label-cusset{font-size:13px;color:var(--text-secondary);flex-shrink:0}.req-mobile-card-item-cusset .req-mobile-value-cusset{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;flex:1;min-width:0;text-align:right;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.req-mobile-card-footer-cusset{display:flex;gap:8px;flex-wrap:wrap}.req-mobile-card-footer-cusset .req-accept-btn-cusset{flex:1 1 40%;min-width:0}.req-mobile-secondary-btn-cusset{flex:1 1 40%;min-width:0;height:44px;border-radius:14px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 12px}@media(max-width:768px){.request-filter-tabs-page-cusset,.requests-page-header-cusset,.req-table-container-cusset{display:none}.schedule-container-cusset{min-height:auto;padding-bottom:96px}.req-mobile-topbar-cusset{display:flex;align-items:center;gap:12px;padding:6px 2px 12px}.req-mobile-back-cusset{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-elevated, var(--bg-card));color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;flex-shrink:0}.req-mobile-topbar-title-cusset{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.schedule-container-cusset:has(.req-mobile-topbar-cusset) .back-button-container-cusset{display:none}.req-filters-row-cusset{flex-direction:row;align-items:center;gap:8px;margin-bottom:10px}.req-search-group-cusset{flex:1 1 0%;width:auto;min-width:0}.req-search-group-cusset input{background:var(--bg-input, var(--bg-card));border:1px solid transparent;border-radius:14px;padding:12px 38px 12px 40px;font-size:13px;box-shadow:none}.req-search-group-cusset input:focus{border-color:var(--text-primary);background:var(--bg-elevated, var(--bg-card))}.req-search-icon-cusset{display:inline-flex;position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-primary);font-size:16px;pointer-events:none}.req-filter-dropdown-wrap-cusset{display:block;position:relative;flex:0 0 auto;min-width:0}.req-filter-btn-cusset{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;box-sizing:border-box;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-elevated, var(--bg-card));color:var(--text-primary);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;white-space:nowrap}.req-filter-btn-icon-cusset{font-size:14px}.req-filter-count-cusset{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#f39c12;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.req-mobile-cards-cusset{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.req-mobile-card-cusset{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:16px;overflow:hidden;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.req-mobile-card-cusset.expanded{border-color:#f39c1259}.req-mobile-expand-cusset.open{margin-top:8px;padding-top:8px}}@media(max-width:480px){.req-mobile-name-cusset{font-size:13px}.req-mobile-sub-cusset{font-size:11px}.req-mobile-avatar-cusset{width:36px;height:36px;font-size:14px}}@media(prefers-reduced-motion:reduce){.req-mobile-expand-cusset,.req-mobile-chevron-cusset,.req-filter-chevron-cusset,.req-filter-menu-cusset{transition:none!important}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--bg-photo: #F6F8F5;--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .9);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: #FFFFFF;--input-border: #E5E7EB;--badge-bg: #F6F8F5;--badge-border: #E5E7EB;--progress-bg: #E5E7EB;--divider-color: #EEF0ED;--appointment-bg: #F6F8F5;--select-option-bg: #FFFFFF;--select-option-text: #17212B;--modal-overlay: rgba(23, 33, 43, .85);--modal-bg: rgba(255, 255, 255, .95);--nav-bg: rgba(23, 33, 43, .5);--nav-hover: rgba(23, 33, 43, .8);--payment-status-bg: #F6F8F5;--payment-status-text: #667085;--payment-status-border: #E5E7EB}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--bg-photo: #131C28;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--glass-bg: rgba(26, 37, 51, .92);--glass-border: rgba(255, 255, 255, .06);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: #1A2533;--input-border: rgba(255, 255, 255, .06);--badge-bg: #131C28;--badge-border: rgba(255, 255, 255, .06);--progress-bg: rgba(255, 255, 255, .08);--divider-color: rgba(255, 255, 255, .06);--appointment-bg: #131C28;--select-option-bg: #1A2533;--select-option-text: #FFFFFF;--modal-overlay: rgba(0, 0, 0, .85);--modal-bg: rgba(26, 37, 51, .95);--nav-bg: rgba(0, 0, 0, .5);--nav-hover: rgba(0, 0, 0, .8);--payment-status-bg: #131C28;--payment-status-text: rgba(255, 255, 255, .4);--payment-status-border: rgba(255, 255, 255, .06)}.cuspro-page{padding-inline:24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.cuspro-header-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem;transition:border-color .3s ease}.cuspro-header-card h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px;transition:color .3s ease}.cuspro-header-card p{font-size:.95rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cuspro-selector-card{margin-bottom:1.5rem;display:flex;width:100%}.cuspro-project-select{width:auto;min-width:280px;max-width:100%;padding:.6rem 2.5rem .6rem 1rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;font-size:.9rem;color:var(--text-primary);appearance:none;cursor:pointer;transition:all .2s ease;font-weight:500;font-family:Poppins,sans-serif;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2398A2B3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.cuspro-project-select:hover{border-color:#f39c1240}.cuspro-project-select:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.cuspro-project-select option{background:var(--select-option-bg);color:var(--select-option-text)}.cuspro-hero-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem 2rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:1.5rem;transition:all .2s ease}.cuspro-hero-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-hero-main{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.cuspro-hero-main h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cuspro-project-ref{font-size:.85rem;color:var(--text-muted);margin:0;transition:color .3s ease}.cuspro-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.cuspro-status-badge.quoted{background:#f39c121a;color:#d97706;border:1px solid rgba(243,156,18,.2)}.cuspro-status-badge.approved{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.cuspro-status-badge.in_progress{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.cuspro-status-badge.progress_paid,.cuspro-status-badge.full_paid,.cuspro-status-badge.completed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.cuspro-status-badge.cancelled{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.cuspro-hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cuspro-hero-tags span{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-hover);padding:.2rem .7rem;border-radius:20px;transition:background .3s ease,color .3s ease}.payment-plan-tag{background:#f39c12!important;color:#fff!important;font-weight:600}.payment-plan-tag.full{background:#10b981!important}.payment-plan-tag.fifty-fifty{background:#3b82f6!important}.payment-plan-tag.thirty-sixty-ten{background:#8b5cf6!important}.cuspro-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;align-items:stretch}.cuspro-left-col,.cuspro-right-col{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0}.cuspro-left-col>:last-child,.cuspro-right-col>:last-child{flex:1}.cuspro-progress-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-progress-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-progress-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;transition:color .3s ease}.cuspro-progress-ring-wrapper{display:flex;justify-content:center;margin-bottom:1.25rem}.cuspro-progress-ring{width:140px;height:140px;transform:rotate(-90deg)}.cuspro-progress-bg{stroke:var(--progress-bg);transition:stroke .3s ease}.cuspro-progress-fill{stroke:#f39c12;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}.cuspro-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem;border-top:1px solid var(--divider-color);transition:border-color .3s ease}.cuspro-stat{display:flex;flex-direction:column;gap:.15rem}.cuspro-stat span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.cuspro-stat strong{font-size:1.1rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.cuspro-stat .solar-amount{color:#f39c12}.cuspro-overpaid-note{font-size:.75rem;color:#059669;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:6px 10px;margin-top:.75rem}.cuspro-payment-plan-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--divider-color);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;transition:border-color .3s ease}.cuspro-payment-plan-info .plan-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.cuspro-payment-plan-info .plan-name{font-size:.9rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.cuspro-payment-plan-info .plan-detail{font-size:.8rem;color:var(--text-secondary);transition:color .3s ease}.cuspro-photos-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-photos-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-photos-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.cuspro-photos-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem;transition:color .3s ease}.cuspro-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.cuspro-photos-card-full{margin-bottom:1.5rem}.cuspro-photos-grid-full{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cuspro-payment-mini-date{display:block;font-size:11px;font-weight:400;color:var(--text-muted);margin-top:2px}.cuspro-photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--bg-photo);transition:background .3s ease}.cuspro-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.cuspro-photo-item:hover img{transform:scale(1.05)}.cuspro-photo-overlay{position:absolute;inset:0;background:#17212b4d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-size:1.5rem}.cuspro-photo-item:hover .cuspro-photo-overlay{opacity:1}.cuspro-photo-item.more-photos{background:var(--bg-photo);display:flex;align-items:center;justify-content:center}.more-photos-overlay{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:1.5rem;transition:color .3s ease}.more-photos-overlay span{font-size:.75rem;font-weight:500}.cuspro-view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:10px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;font-weight:500}.cuspro-view-all-btn:hover{background:var(--bg-surface);border-color:#f39c1240;color:var(--text-primary)}.cuspro-next-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-next-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-next-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;transition:color .3s ease}.cuspro-next-content{margin-bottom:1rem}.cuspro-next-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cuspro-next-content p{font-size:.9rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cuspro-next-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cuspro-details-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-details-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-details-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;transition:color .3s ease}.cuspro-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cuspro-detail-item{display:flex;flex-direction:column;gap:.15rem}.cuspro-detail-item span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.cuspro-detail-item strong{font-size:.95rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.cuspro-address p{font-size:.9rem;color:var(--text-secondary);margin:0 0 .15rem;line-height:1.5;transition:color .3s ease}.cuspro-engineer{display:flex;align-items:center;gap:1rem}.cuspro-engineer-avatar{width:48px;height:48px;border-radius:50%;background:#f39c12;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0;overflow:hidden}.cuspro-engineer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.cuspro-engineer strong{display:block;font-size:.95rem;color:var(--text-primary);transition:color .3s ease}.cuspro-engineer p{font-size:.8rem;color:var(--text-secondary);margin:.1rem 0 0;display:flex;align-items:center;gap:.3rem;transition:color .3s ease}.cuspro-engineer-placeholder{display:flex;align-items:center;gap:1rem;color:var(--text-muted)}.cuspro-engineer-placeholder svg{font-size:2.5rem}.cuspro-engineer-placeholder strong{display:block;font-size:.95rem;color:var(--text-secondary);transition:color .3s ease}.cuspro-engineer-placeholder p{font-size:.85rem;color:var(--text-muted);margin:.1rem 0 0;transition:color .3s ease}.cuspro-tab-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;transition:border-color .3s ease}.cuspro-tab{padding:.7rem 1.5rem;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;border-radius:10px 10px 0 0;font-family:Poppins,sans-serif}.cuspro-tab:hover{color:var(--text-primary);background:var(--bg-hover-light)}.cuspro-tab.active{color:#f39c12;font-weight:600}.cuspro-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#f39c12;border-radius:2px}.cuspro-tab-content{margin-bottom:2rem}.cuspro-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.cuspro-overview-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-overview-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-overview-card h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;transition:color .3s ease}.cuspro-timeline-mini{display:flex;flex-direction:column;gap:.75rem}.cuspro-timeline-mini-item{display:flex;align-items:center;gap:.75rem}.cuspro-milestone-dot{width:10px;height:10px;border-radius:50%;background:var(--progress-bg);flex-shrink:0;transition:background .3s ease}.cuspro-timeline-mini-item.completed .cuspro-milestone-dot{background:#10b981}.cuspro-timeline-mini-item div{flex:1}.cuspro-timeline-mini-item p{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0;transition:color .3s ease}.cuspro-timeline-mini-item small{font-size:.75rem;color:var(--text-muted);transition:color .3s ease}.cuspro-payment-mini{display:flex;flex-direction:column;gap:.75rem}.cuspro-payment-mini-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--divider-color);transition:border-color .3s ease}.cuspro-payment-mini-item:last-child{border-bottom:none}.cuspro-payment-mini-item div{display:flex;flex-direction:column;gap:.1rem}.cuspro-payment-mini-item span{font-size:.85rem;color:var(--text-secondary);transition:color .3s ease}.cuspro-payment-mini-item strong{font-size:.95rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.cuspro-payment-mini-status{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.cuspro-payment-mini-status.paid{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.cuspro-payment-mini-status.pending{background:var(--payment-status-bg);color:var(--payment-status-text);border:1px solid var(--payment-status-border)}.cuspro-payment-mini-status.for_verification{background:#f39c121a;color:#d97706;border:1px solid rgba(243,156,18,.2)}.cuspro-payment-mini-status.overdue{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.cuspro-timeline-full{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cuspro-timeline-full-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--divider-color);transition:border-color .3s ease}.cuspro-timeline-full-item:last-child{border-bottom:none}.cuspro-timeline-marker{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text-secondary);flex-shrink:0;transition:background .3s ease,color .3s ease}.cuspro-timeline-full-item.completed .cuspro-timeline-marker{background:#10b981;color:#fff}.cuspro-timeline-info{flex:1}.cuspro-timeline-info h4{font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0;transition:color .3s ease}.cuspro-timeline-date{font-size:.85rem;color:var(--text-muted);transition:color .3s ease}.cuspro-payments-full{display:flex;flex-direction:column;gap:1rem}.cuspro-payment-full-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuspro-payment-full-item:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuspro-payment-full-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.cuspro-payment-full-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .1rem;transition:color .3s ease}.cuspro-payment-full-header p{font-size:.85rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cuspro-payment-full-status{font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.cuspro-payment-full-status.paid{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.cuspro-payment-full-status.pending{background:var(--payment-status-bg);color:var(--payment-status-text);border:1px solid var(--payment-status-border)}.cuspro-payment-full-status.for_verification{background:#f39c121a;color:#d97706;border:1px solid rgba(243,156,18,.2)}.cuspro-payment-full-status.overdue{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.cuspro-payment-full-amount{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.cuspro-payment-full-amount strong{font-size:1.2rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.cuspro-payment-full-amount span{font-size:.8rem;color:var(--text-muted);transition:color .3s ease}.cuspro-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.cuspro-btn-primary:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d;color:#fff}.cuspro-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cuspro-btn-pay{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease}.cuspro-btn-pay:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d;color:#fff}.cuspro-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:10px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.cuspro-btn-secondary:hover{background:var(--bg-hover);border-color:#f39c1240;transform:translateY(-2px);color:var(--text-primary)}.cuspro-empty-page{width:100%;min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;background:var(--bg-primary);margin:0;padding:0;box-sizing:border-box;transition:background .3s ease}.cuspro-empty-page .cuspro-empty-state-card{width:100%;height:100%;min-height:calc(100vh - 112px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border-radius:0;border:none;box-shadow:none;text-align:center;box-sizing:border-box}.cuspro-empty-page .cuspro-empty-icon{font-size:4rem;color:var(--text-muted);margin-bottom:1rem;transition:color .3s ease}.cuspro-empty-page h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;transition:color .3s ease}.cuspro-empty-page p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;transition:color .3s ease}.cuspro-photo-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.cuspro-photo-modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--modal-bg);border:1px solid var(--border-card);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #17212b33,0 8px 30px #17212b1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:scaleIn .3s ease;transition:background .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cuspro-photo-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:var(--nav-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.cuspro-photo-modal-close:hover{background:var(--nav-hover);transform:rotate(90deg)}.cuspro-photo-modal-main{position:relative;max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}.cuspro-photo-modal-main img{max-width:100%;max-height:80vh;object-fit:contain}.cuspro-photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--nav-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cuspro-photo-nav:hover:not(:disabled){background:var(--nav-hover)}.cuspro-photo-nav:disabled{opacity:.3;cursor:not-allowed}.cuspro-photo-nav.prev{left:1rem}.cuspro-photo-nav.next{right:1rem}.cuspro-photo-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-surface);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;transition:background .3s ease,border-color .3s ease}.cuspro-photo-counter{font-size:.85rem;color:var(--text-secondary);transition:color .3s ease}.cuspro-photo-download{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:10px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuspro-photo-download:hover{background:var(--bg-surface);border-color:#f39c1240;color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cuspro-hero-card:hover,.cuspro-progress-card:hover,.cuspro-photos-card:hover,.cuspro-next-card:hover,.cuspro-details-card:hover,.cuspro-overview-card:hover,.cuspro-payment-full-item:hover,.cuspro-photo-item:hover img{transform:none!important}.cuspro-photo-item:hover .cuspro-photo-overlay{opacity:0!important}.cuspro-progress-fill{transition:none!important}.cuspro-btn-primary:hover,.cuspro-btn-pay:hover,.cuspro-btn-secondary:hover,.cuspro-photo-download:hover,.cuspro-view-all-btn:hover{transform:none!important}.cuspro-photo-modal-content,.cuspro-photo-modal-overlay{animation:none!important}.cuspro-photo-modal-close:hover{transform:none!important}}@media(max-width:1024px){.cuspro-page{padding-inline:20px}.cuspro-two-col{grid-template-columns:1fr;gap:1.25rem}.cuspro-overview-grid{grid-template-columns:1fr;gap:1rem}.cuspro-progress-ring{width:120px;height:120px}}@media(max-width:768px){.cuspro-page{padding-inline:16px}.cuspro-header-card{flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 0 .75rem}.cuspro-header-card h1{font-size:1.2rem}.cuspro-header-card p{font-size:.85rem}.cuspro-project-select{max-width:100%;font-size:.9rem;padding:.6rem 2.25rem .6rem .875rem}.cuspro-hero-card{padding:1rem 1.25rem;border-radius:10px}.cuspro-hero-main{flex-direction:column;align-items:flex-start;gap:.5rem}.cuspro-hero-main h2{font-size:1.1rem}.cuspro-project-ref{font-size:.8rem}.cuspro-status-badge{font-size:.65rem;padding:.25rem .75rem}.cuspro-hero-tags{gap:.5rem}.cuspro-hero-tags span{font-size:.75rem;padding:.2rem .6rem}.cuspro-progress-card{padding:1.25rem}.cuspro-progress-ring{width:110px;height:110px}.cuspro-progress-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.cuspro-stat strong{font-size:1rem}.cuspro-stat span{font-size:.65rem}.cuspro-photos-card{padding:1.25rem}.cuspro-photos-grid{grid-template-columns:repeat(2,1fr)}.cuspro-details-card{padding:1.25rem}.cuspro-details-grid{grid-template-columns:1fr 1fr;gap:.5rem}.cuspro-detail-item strong{font-size:.85rem}.cuspro-detail-item span{font-size:.65rem}.cuspro-next-card{padding:1.25rem}.cuspro-next-content h4{font-size:.9rem}.cuspro-next-content p{font-size:.85rem}.cuspro-tab{padding:.5rem 1rem;font-size:.8rem}.cuspro-tab-nav{gap:.25rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.cuspro-tab{white-space:nowrap;flex-shrink:0}.cuspro-overview-card{padding:1.25rem}.cuspro-overview-card h4,.cuspro-timeline-mini-item p{font-size:.85rem}.cuspro-payment-full-item{padding:1.25rem}.cuspro-payment-full-header{flex-direction:column;align-items:flex-start;gap:.5rem}.cuspro-payment-full-header h4{font-size:.9rem}.cuspro-payment-full-amount{flex-direction:column;align-items:flex-start;gap:.25rem}.cuspro-payment-full-amount strong{font-size:1.1rem}.cuspro-btn-pay{font-size:.8rem;padding:.4rem 1.25rem}.cuspro-photo-modal-content{max-width:95vw;border-radius:10px}.cuspro-photo-modal-main,.cuspro-photo-modal-main img{max-height:70vh}.cuspro-photo-nav{width:36px;height:36px;font-size:1rem}.cuspro-photo-nav.prev{left:.5rem}.cuspro-photo-nav.next{right:.5rem}.cuspro-photo-modal-footer{padding:.5rem 1rem}.cuspro-photo-counter{font-size:.8rem}.cuspro-engineer{flex-direction:column;align-items:flex-start;gap:.5rem}.cuspro-engineer-avatar{width:40px;height:40px;font-size:1rem}.cuspro-engineer strong{font-size:.85rem}.cuspro-empty-page h2{font-size:1.25rem}.cuspro-empty-page p{font-size:.9rem}}@media(max-width:480px){.cuspro-page{padding-inline:12px;padding-bottom:90px;max-width:100%;overflow-x:clip;box-sizing:border-box}.cuspro-selector-card,.cuspro-hero-card,.cuspro-progress-card,.cuspro-two-col,.cuspro-left-col,.cuspro-right-col{max-width:100%;min-width:0;box-sizing:border-box}.cuspro-header-card h1{font-size:1rem}.cuspro-header-card p{font-size:.8rem}.cuspro-hero-card{padding:.75rem .875rem}.cuspro-hero-main h2{font-size:1rem}.cuspro-hero-tags{flex-direction:column;align-items:flex-start;width:100%}.cuspro-hero-tags span{width:100%;justify-content:flex-start}.cuspro-status-badge{align-self:flex-start}.cuspro-project-select{width:100%;min-width:0;max-width:100%;font-size:.85rem;padding:.5rem 2rem .5rem .75rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cuspro-progress-card{padding:1rem}.cuspro-progress-card h3{font-size:.9rem;margin-bottom:1rem}.cuspro-progress-ring{width:100px;height:100px}.cuspro-progress-stats{grid-template-columns:1fr;gap:.5rem;padding-top:.75rem;min-width:0}.cuspro-stat{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:.3rem 0;border-bottom:1px solid var(--divider-color)}.cuspro-stat:last-child{border-bottom:none}.cuspro-stat span{font-size:.7rem;flex-shrink:0}.cuspro-stat strong{font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.cuspro-payment-plan-info{flex-direction:column;align-items:flex-start;gap:.25rem}.cuspro-payment-plan-info .plan-label{font-size:.65rem}.cuspro-payment-plan-info .plan-name{font-size:.8rem}.cuspro-payment-plan-info .plan-detail{font-size:.7rem}.cuspro-photos-card{padding:1rem}.cuspro-photos-card h3{font-size:.9rem}.cuspro-photos-subtitle{font-size:.75rem}.cuspro-photos-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.cuspro-view-all-btn{font-size:.8rem;padding:.4rem .75rem}.cuspro-details-card{padding:1rem}.cuspro-details-card h3{font-size:.9rem}.cuspro-details-grid{grid-template-columns:1fr;gap:.5rem}.cuspro-detail-item strong{font-size:.85rem}.cuspro-next-card{padding:1rem}.cuspro-next-card h3{font-size:.9rem}.cuspro-next-content h4{font-size:.85rem}.cuspro-next-content p{font-size:.8rem}.cuspro-next-actions{flex-direction:column;width:100%}.cuspro-next-actions .cuspro-btn-primary,.cuspro-next-actions .cuspro-btn-secondary{width:100%;justify-content:center;font-size:.85rem;padding:.5rem 1rem}.cuspro-tab{padding:.4rem .75rem;font-size:.75rem}.cuspro-tab-nav{gap:.15rem}.cuspro-overview-card{padding:1rem}.cuspro-overview-card h4{font-size:.85rem}.cuspro-timeline-mini-item p{font-size:.8rem}.cuspro-timeline-mini-item small{font-size:.65rem}.cuspro-payment-mini-item span{font-size:.8rem}.cuspro-payment-mini-item strong{font-size:.85rem}.cuspro-payment-full-item{padding:.875rem}.cuspro-payment-full-header h4{font-size:.85rem}.cuspro-payment-full-header p{font-size:.75rem}.cuspro-payment-full-amount strong{font-size:1rem}.cuspro-payment-full-amount span{font-size:.7rem}.cuspro-payment-full-status{font-size:.6rem;padding:.2rem .5rem}.cuspro-btn-pay{font-size:.75rem;padding:.35rem 1rem;width:100%;justify-content:center}.cuspro-timeline-full{padding:1rem}.cuspro-timeline-full-item{gap:.75rem;padding:.5rem 0}.cuspro-timeline-marker{width:30px;height:30px;font-size:.7rem}.cuspro-timeline-info h4{font-size:.8rem}.cuspro-timeline-date{font-size:.7rem}.cuspro-photo-modal-content{max-width:100vw;max-height:100vh;border-radius:0}.cuspro-photo-modal-main,.cuspro-photo-modal-main img{max-height:75vh}.cuspro-photo-modal-close{width:32px;height:32px;font-size:1rem;top:.5rem;right:.5rem}.cuspro-photo-nav{width:32px;height:32px;font-size:.8rem}.cuspro-photo-nav.prev{left:.25rem}.cuspro-photo-nav.next{right:.25rem}.cuspro-photo-modal-footer{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.cuspro-photo-download{justify-content:center;font-size:.8rem;padding:.35rem .75rem}.cuspro-engineer{gap:.4rem}.cuspro-engineer-avatar{width:36px;height:36px;font-size:.85rem}.cuspro-engineer strong{font-size:.85rem}.cuspro-engineer p{font-size:.75rem}.cuspro-engineer-placeholder{flex-direction:column;align-items:flex-start;gap:.25rem}.cuspro-engineer-placeholder svg{font-size:2rem}.cuspro-engineer-placeholder strong{font-size:.85rem}.cuspro-engineer-placeholder p{font-size:.75rem}.cuspro-address p{font-size:.8rem}.cuspro-empty-page .cuspro-empty-state-card{padding:1rem}.cuspro-empty-page h2{font-size:1.1rem}.cuspro-empty-page p{font-size:.85rem}.cuspro-empty-page .cuspro-btn-primary{width:100%;justify-content:center}.cuspro-empty-page .cuspro-empty-icon{font-size:3rem}}@media(max-width:360px){.cuspro-page{padding-inline:8px}.cuspro-hero-card{padding:.5rem .625rem}.cuspro-hero-main h2{font-size:.9rem}.cuspro-project-ref{font-size:.7rem}.cuspro-status-badge{font-size:.55rem;padding:.15rem .5rem}.cuspro-hero-tags span{font-size:.65rem;padding:.15rem .4rem}.cuspro-photos-grid{grid-template-columns:1fr 1fr;gap:.3rem}.cuspro-progress-ring{width:80px;height:80px}.cuspro-tab{font-size:.65rem;padding:.3rem .5rem}.cuspro-payment-full-item{padding:.625rem}.cuspro-payment-full-header h4{font-size:.75rem}.cuspro-payment-full-amount strong{font-size:.9rem}.cuspro-detail-item strong{font-size:.75rem}.cuspro-next-content h4{font-size:.8rem}.cuspro-next-content p{font-size:.75rem}}.cuspro-progress-percentage{fill:var(--text-primary, #1a1919);transition:fill .3s ease}.cuspro-progress-label{fill:var(--text-muted, #64748B);transition:fill .3s ease}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-table-header: rgba(255, 255, 255, .5);--bg-table-row-hover: rgba(255, 255, 255, .3);--bg-modal: rgba(255, 255, 255, .98);--bg-processing: rgba(255, 255, 255, .98);--bg-success: rgba(16, 185, 129, .1);--bg-payment-summary: rgba(255, 255, 255, .5);--bg-method-option: rgba(255, 255, 255, .5);--bg-method-selected: rgba(243, 156, 18, .06);--bg-input: rgba(255, 255, 255, .5);--bg-fee: rgba(243, 156, 18, .06);--bg-notice: rgba(243, 156, 18, .06);--bg-bank-card: rgba(255, 255, 255, .5);--bg-bank-card-selected: rgba(243, 156, 18, .06);--bg-file-upload: rgba(255, 255, 255, .3);--bg-details: rgba(255, 255, 255, .5);--bg-success-page: rgba(255, 255, 255, .86);--bg-reference: rgba(255, 255, 255, .5);--bg-dropdown: rgba(255, 255, 255, .98);--bg-tabs: rgba(255, 255, 255, .86);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--text-dark: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #EEF0ED;--border-modal: #EEF0ED;--border-dropdown: #EEF0ED;--border-method: #EEF0ED;--border-method-hover: #D1D5DB;--border-bank: #EEF0ED;--border-bank-hover: #D1D5DB;--border-upload: #EEF0ED;--border-upload-hover: #D1D5DB;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .2);--shadow-success: 0 10px 40px rgba(0, 0, 0, .1);--shadow-processing: 0 20px 60px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-bg: #F1F2F4;--status-pending-bg: rgba(243, 156, 18, .1);--status-pending-text: #D97706;--status-paid-bg: rgba(16, 185, 129, .1);--status-paid-text: #059669;--status-verifying-bg: rgba(59, 130, 246, .1);--status-verifying-text: #2563EB;--status-processing-bg: rgba(139, 92, 246, .1);--status-processing-text: #7C3AED;--status-quoted-bg: rgba(243, 156, 18, .1);--status-quoted-text: #D97706;--status-completed-bg: rgba(16, 185, 129, .1);--status-completed-text: #059669;--status-cancelled-bg: rgba(239, 68, 68, .1);--status-cancelled-text: #DC2626;--status-overdue-bg: rgba(239, 68, 68, .1);--status-overdue-text: #DC2626;--status-partial-bg: rgba(59, 130, 246, .1);--status-partial-text: #2563EB;--invoice-initial-bg: rgba(243, 156, 18, .1);--invoice-initial-text: #D97706;--invoice-progress-bg: rgba(59, 130, 246, .1);--invoice-progress-text: #2563EB;--invoice-final-bg: rgba(16, 185, 129, .1);--invoice-final-text: #059669;--invoice-full-bg: rgba(139, 92, 246, .1);--invoice-full-text: #7C3AED;--dropdown-view-details: #2563EB;--dropdown-view-receipt: #7C3AED;--dropdown-download-receipt: #059669;--gcash-bg: rgba(255, 255, 255, .5);--gcash-border: #EEF0ED}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-row-hover: rgba(255, 255, 255, .03);--bg-modal: rgba(26, 37, 51, .98);--bg-processing: rgba(26, 37, 51, .98);--bg-success: rgba(16, 185, 129, .12);--bg-payment-summary: rgba(255, 255, 255, .05);--bg-method-option: rgba(255, 255, 255, .05);--bg-method-selected: rgba(243, 156, 18, .08);--bg-input: rgba(255, 255, 255, .05);--bg-fee: rgba(243, 156, 18, .08);--bg-notice: rgba(243, 156, 18, .08);--bg-bank-card: rgba(255, 255, 255, .05);--bg-bank-card-selected: rgba(243, 156, 18, .08);--bg-file-upload: rgba(255, 255, 255, .05);--bg-details: rgba(255, 255, 255, .05);--bg-success-page: #1A2533;--bg-reference: rgba(255, 255, 255, .05);--bg-dropdown: #1A2533;--bg-tabs: #1A2533;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--text-dark: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--border-dropdown: rgba(255, 255, 255, .06);--border-method: rgba(255, 255, 255, .06);--border-method-hover: rgba(255, 255, 255, .12);--border-bank: rgba(255, 255, 255, .06);--border-bank-hover: rgba(255, 255, 255, .12);--border-upload: rgba(255, 255, 255, .06);--border-upload-hover: rgba(255, 255, 255, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);--shadow-success: 0 10px 40px rgba(0, 0, 0, .4);--shadow-processing: 0 20px 60px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .8);--skeleton-bg: #131C28;--status-pending-bg: rgba(243, 156, 18, .12);--status-pending-text: #F39C12;--status-paid-bg: rgba(16, 185, 129, .12);--status-paid-text: #10B981;--status-verifying-bg: rgba(59, 130, 246, .12);--status-verifying-text: #3B82F6;--status-processing-bg: rgba(139, 92, 246, .12);--status-processing-text: #8B5CF6;--status-quoted-bg: rgba(243, 156, 18, .12);--status-quoted-text: #F39C12;--status-completed-bg: rgba(16, 185, 129, .12);--status-completed-text: #10B981;--status-cancelled-bg: rgba(239, 68, 68, .12);--status-cancelled-text: #EF4444;--status-overdue-bg: rgba(239, 68, 68, .12);--status-overdue-text: #EF4444;--status-partial-bg: rgba(59, 130, 246, .12);--status-partial-text: #3B82F6;--invoice-initial-bg: rgba(243, 156, 18, .12);--invoice-initial-text: #F39C12;--invoice-progress-bg: rgba(59, 130, 246, .12);--invoice-progress-text: #3B82F6;--invoice-final-bg: rgba(16, 185, 129, .12);--invoice-final-text: #10B981;--invoice-full-bg: rgba(139, 92, 246, .12);--invoice-full-text: #8B5CF6;--dropdown-view-details: #3B82F6;--dropdown-view-receipt: #8B5CF6;--dropdown-download-receipt: #10B981;--gcash-bg: rgba(255, 255, 255, .05);--gcash-border: rgba(255, 255, 255, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}.billing-customer-container{padding-inline:24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.billing-customer-header{margin-bottom:24px}.billing-customer-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.5px;transition:color .3s ease}.billing-customer-header p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.billing-customer-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.billing-customer-stat-card{background:var(--bg-card);border-radius:12px;padding:16px 18px;border:1px solid var(--border-card);transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.billing-customer-stat-card:hover{transform:translateY(-2px);border-color:#f39c1240;box-shadow:var(--shadow-card-hover)}.billing-customer-stat-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.billing-customer-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin:4px 0 2px;line-height:1.2;transition:color .3s ease}.billing-customer-stat-sub{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-tabs{display:inline-flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;background:var(--bg-tabs);padding:6px;border-radius:10px;border:1px solid var(--border-card);width:auto;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.billing-customer-tab-btn{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;white-space:nowrap}.billing-customer-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.billing-customer-tab-btn.active{background:#f39c12;color:#fff;box-shadow:0 4px 12px #f39c124d}.billing-customer-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.billing-customer-filter-group select{padding:8px 36px 8px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2398A2B3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,color .3s ease,border-color .3s ease}.billing-customer-filter-group select:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.billing-customer-filter-group select option{background:var(--bg-surface);color:var(--text-primary)}.billing-customer-search-group{position:relative;width:280px;flex-shrink:0}.billing-customer-search-group input{width:100%;padding:8px 36px 8px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;font-size:13px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.billing-customer-search-group input::placeholder{color:var(--text-muted)}.billing-customer-search-group input:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.billing-customer-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px;transition:color .3s ease}.billing-customer-clear-search:hover{color:var(--text-primary)}.billing-customer-clear-filters-btn{padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:13px;color:#dc2626;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease}.billing-customer-clear-filters-btn:hover{background:#ef444433}.billing-customer-results-count{margin-bottom:16px;font-size:13px;color:var(--text-muted);transition:color .3s ease}.billing-customer-results-count p{display:inline-flex;align-items:center}.billing-customer-results-count .spinning{animation:billing-customer-spin 1s linear infinite}@keyframes billing-customer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-customer-table-container{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);overflow:hidden;box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.billing-customer-table-wrapper{overflow-x:auto}.billing-customer-table{width:100%;border-collapse:collapse;font-size:13px}.billing-customer-table thead{background:var(--bg-table-header)}.billing-customer-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.billing-customer-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease,border-color .3s ease}.billing-customer-table tbody tr:last-child{border-bottom:none}.billing-customer-table tbody tr:hover{background:var(--bg-table-row-hover)}.billing-customer-table tbody td{padding:14px 16px;vertical-align:middle;color:var(--text-secondary);transition:color .3s ease}.billing-customer-transaction-cell{display:flex;align-items:center;gap:8px}.billing-customer-transaction-name{font-weight:500;color:var(--text-primary);transition:color .3s ease}.billing-customer-invoice-type-label{display:inline-block;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.billing-customer-invoice-type-label.initial{background:var(--invoice-initial-bg);color:var(--invoice-initial-text)}.billing-customer-invoice-type-label.progress{background:var(--invoice-progress-bg);color:var(--invoice-progress-text)}.billing-customer-invoice-type-label.final{background:var(--invoice-final-bg);color:var(--invoice-final-text)}.billing-customer-invoice-type-label.full{background:var(--invoice-full-bg);color:var(--invoice-full-text)}.billing-customer-reference-cell .billing-customer-ref-id{font-family:monospace;font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-amount-cell{display:flex;flex-direction:column;gap:2px}.billing-customer-amount-main{font-weight:600;color:var(--text-primary);transition:color .3s ease}.billing-customer-amount-balance{font-size:11px;color:var(--text-muted);transition:color .3s ease}.billing-customer-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.billing-customer-status-badge.pending,.billing-customer-status-badge.pending_payment{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.paid{background:var(--status-paid-bg);color:var(--status-paid-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.for-verification{background:var(--status-verifying-bg);color:var(--status-verifying-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.quoted{background:var(--status-quoted-bg);color:var(--status-quoted-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.completed{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.overdue{background:var(--status-overdue-bg);color:var(--status-overdue-text);border:1px solid var(--border-medium)}.billing-customer-status-badge.partial{background:var(--status-partial-bg);color:var(--status-partial-text);border:1px solid var(--border-medium)}.billing-customer-action-cell{display:flex;align-items:center;gap:8px}.billing-customer-paynow-wrap{position:relative;display:inline-flex;align-items:center}.billing-customer-paynow-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card, #FFFFFF);box-shadow:0 1px 4px #ef444466;pointer-events:none;animation:pulse-paynow-dot-customer 1.8s ease-in-out infinite}@keyframes pulse-paynow-dot-customer{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef444466}50%{transform:scale(1.15);opacity:.95;box-shadow:0 0 0 6px #ef444400}}.billing-customer-paynow-btn{padding:6px 16px;background:#f39c12;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.billing-customer-paynow-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.billing-customer-paynow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.billing-customer-dropdown-trigger-btn{padding:6px 16px;background:var(--bg-section);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.billing-customer-dropdown-trigger-btn:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary)}.billing-customer-dropdown-menu{position:fixed!important;min-width:200px!important;max-width:250px!important;background:var(--bg-dropdown)!important;border:1px solid var(--border-dropdown)!important;border-radius:10px!important;box-shadow:var(--shadow-dropdown)!important;z-index:99999!important;padding:6px!important;overflow:hidden!important;max-height:300px!important;overflow-y:auto!important;transition:background .3s ease,border-color .3s ease}.billing-customer-dropdown-menu::-webkit-scrollbar{width:3px}.billing-customer-dropdown-menu::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.billing-customer-dropdown-menu::-webkit-scrollbar-thumb{background:#f39c12;border-radius:4px}.billing-customer-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Poppins,sans-serif}.billing-customer-dropdown-item.view-details{color:var(--dropdown-view-details)}.billing-customer-dropdown-item.view-details:hover{background:#3b82f61a}.billing-customer-dropdown-item.view-receipt{color:var(--dropdown-view-receipt)}.billing-customer-dropdown-item.view-receipt:hover{background:#8b5cf61a}.billing-customer-dropdown-item.download-receipt{color:var(--dropdown-download-receipt)}.billing-customer-dropdown-item.download-receipt:hover{background:#10b9811a}.billing-customer-empty-state{text-align:center;padding:48px 20px}.billing-customer-empty-state h3{font-size:18px;color:var(--text-secondary);margin:0 0 8px;transition:color .3s ease}.billing-customer-empty-state p{font-size:14px;color:var(--text-muted);margin:0;transition:color .3s ease}.billing-customer-mobile-cards{display:none;flex-direction:column;gap:12px}.billing-customer-mobile-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-card);padding:16px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.billing-customer-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.billing-customer-mobile-card-title{display:flex;flex-direction:column;gap:2px}.billing-customer-mobile-card-title .billing-customer-ref-id{font-family:monospace;font-size:13px;color:var(--text-primary);font-weight:600;transition:color .3s ease}.billing-customer-mobile-card-title .billing-customer-ref-project{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-mobile-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.billing-customer-mobile-card-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.billing-customer-mobile-card-item:last-child{border-bottom:none}.billing-customer-mobile-card-item .billing-customer-label{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-mobile-card-item .billing-customer-value{font-size:13px;color:var(--text-secondary);text-align:right;transition:color .3s ease}.billing-customer-mobile-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.billing-customer-mobile-card-footer .billing-customer-transaction-name{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.billing-customer-modal{background:var(--bg-modal);border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);border:1px solid var(--border-modal);transition:background .3s ease,border-color .3s ease}.billing-customer-modal h3{padding:20px 24px 16px;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.billing-customer-modal-scroll-content{padding:20px 24px 24px;overflow-y:auto;max-height:calc(90vh - 80px)}.billing-customer-modal-scroll-content::-webkit-scrollbar{width:4px}.billing-customer-modal-scroll-content::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.billing-customer-modal-scroll-content::-webkit-scrollbar-thumb{background:#f39c12;border-radius:4px}.billing-customer-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-section);border:1px solid var(--border-color);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.billing-customer-modal-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.billing-customer-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color);margin-top:16px;transition:border-color .3s ease}.billing-customer-cancel-btn{padding:10px 24px;background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.billing-customer-cancel-btn:hover{background:var(--bg-hover)}.billing-customer-payment-summary{background:var(--bg-payment-summary);border-radius:10px;padding:16px;margin-bottom:20px;transition:background .3s ease}.billing-customer-payment-summary p{margin:4px 0;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-payment-summary strong{color:var(--text-primary);transition:color .3s ease}.billing-customer-payment-methods h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.billing-customer-method-options{display:flex;flex-direction:column;gap:8px}.billing-customer-method-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-method-option);border:2px solid var(--border-method);border-radius:10px;cursor:pointer;transition:all .2s ease}.billing-customer-method-option:hover{border-color:var(--border-method-hover)}.billing-customer-method-option.selected{border-color:#f39c12;background:var(--bg-method-selected)}.billing-customer-method-option input[type=radio]{accent-color:#F39C12;width:18px;height:18px;flex-shrink:0}.billing-customer-method-option div{display:flex;flex-direction:column;gap:2px}.billing-customer-method-option strong{font-size:14px;color:var(--text-primary);transition:color .3s ease}.billing-customer-method-option small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-payment-form{margin-top:16px}.billing-customer-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.billing-customer-form-group label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.billing-customer-form-group input,.billing-customer-form-group textarea,.billing-customer-form-group select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%}.billing-customer-form-group input:focus,.billing-customer-form-group textarea:focus,.billing-customer-form-group select:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.billing-customer-form-group input.error,.billing-customer-form-group textarea.error{border-color:#ef4444}.billing-customer-form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.billing-customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-customer-form-group small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-error-message{font-size:12px;color:#ef4444}.billing-customer-hint-text{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-confirm-btn{width:100%;padding:12px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.billing-customer-confirm-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.billing-customer-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.billing-customer-paymongo-btn{width:100%;padding:12px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.billing-customer-paymongo-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.billing-customer-paymongo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.billing-customer-gcash-details{background:var(--gcash-bg);border-radius:10px;padding:16px;margin-bottom:16px;border:1px solid var(--gcash-border);transition:background .3s ease,border-color .3s ease}.billing-customer-gcash-details h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color .3s ease}.billing-customer-gcash-details p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-gcash-details strong{color:var(--text-primary);transition:color .3s ease}.billing-customer-cash-details .billing-customer-info-box{background:var(--bg-payment-summary);border-radius:10px;padding:16px;margin-bottom:16px;transition:background .3s ease}.billing-customer-cash-details .billing-customer-info-box strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.billing-customer-cash-details .billing-customer-info-box p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-manual-bank-transfer-section{margin-top:16px}.billing-customer-bank-transfer-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.billing-customer-bank-transfer-info>p{font-size:13px;color:var(--text-secondary);margin:0 0 16px;transition:color .3s ease}.billing-customer-bank-transfer-notice{background:var(--bg-notice);border:1px solid rgba(243,156,18,.15);border-radius:10px;padding:12px 16px;margin-bottom:16px}.billing-customer-bank-transfer-notice small{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-bank-transfer-notice strong{color:#d97706}.billing-customer-bank-transfer-notice ul{margin:4px 0 0 16px;padding:0}.billing-customer-bank-transfer-notice li{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-invoice-summary-box{background:var(--bg-payment-summary);border-radius:10px;padding:16px;margin-bottom:16px;transition:background .3s ease}.billing-customer-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-summary-row strong{color:var(--text-primary);transition:color .3s ease}.billing-customer-summary-row .billing-customer-amount-due{color:#d97706;font-size:15px}.billing-customer-bank-selection-group label{font-size:13px;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:8px;transition:color .3s ease}.billing-customer-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.billing-customer-bank-card{background:var(--bg-bank-card);border:2px solid var(--border-bank);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s ease}.billing-customer-bank-card:hover{border-color:var(--border-bank-hover)}.billing-customer-bank-card.selected{border-color:#f39c12;background:var(--bg-bank-card-selected)}.billing-customer-bank-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.billing-customer-bank-name{font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.billing-customer-check-indicator{color:#f39c12;font-size:16px;font-weight:700}.billing-customer-bank-card-details .billing-customer-detail-item{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-bank-card-details .billing-customer-detail-item strong{color:var(--text-secondary);font-size:13px;transition:color .3s ease}.billing-customer-transfer-form h5{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.billing-customer-file-upload-area{border:2px dashed var(--border-upload);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;background:var(--bg-file-upload)}.billing-customer-file-upload-area:hover{border-color:var(--border-upload-hover)}.billing-customer-file-upload-area.error{border-color:#ef4444}.billing-customer-file-upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.billing-customer-file-upload-area .upload-icon{font-size:24px;display:block}.billing-customer-file-upload-area small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-file-name{font-size:13px;color:#10b981}.billing-customer-proof-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.billing-customer-proof-img{max-width:100%;max-height:220px;border-radius:10px;border:1px solid var(--border-color);object-fit:contain}.billing-customer-proof-caption{font-size:12px;color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;max-width:100%}.billing-customer-form-group .billing-customer-proof-preview{margin-top:10px}.billing-customer-submit-transfer-btn{width:100%;padding:12px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:12px}.billing-customer-submit-transfer-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.billing-customer-submit-transfer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.billing-customer-success-page-content{position:fixed;inset:0;z-index:1500;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 20px 60px;background:var(--bg-primary)}.billing-customer-receipt{position:relative;margin-top:auto;width:100%;max-width:380px;background:#fff;color:#1f2937;border-radius:4px 4px 0 0;padding:28px 24px 32px;box-shadow:0 20px 50px #00000040;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.billing-customer-receipt:after{content:"";position:absolute;top:100%;left:0;right:0;height:12px;background:linear-gradient(-45deg,transparent 75%,#FFFFFF 0) 0 0 / 20px 20px repeat-x,linear-gradient(45deg,transparent 75%,#FFFFFF 0) 10px 0 / 20px 20px repeat-x}.billing-customer-receipt-header{text-align:center;margin-bottom:14px}.billing-customer-receipt-logo{font-size:18px;font-weight:800;letter-spacing:.12em;color:#111827}.billing-customer-receipt-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-top:2px}.billing-customer-receipt-stamp{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.billing-customer-receipt-check{width:26px;height:26px;border-radius:50%;background:#10b981;color:#fff;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.billing-customer-receipt-status{font-size:15px;font-weight:700;color:#059669}.billing-customer-receipt-divider{border-top:2px dashed #D1D5DB;margin:16px 0}.billing-customer-receipt-title{text-align:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4b5563;margin-bottom:12px}.billing-customer-receipt-rows{margin:0;padding:0}.billing-customer-receipt-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:13px}.billing-customer-receipt-row dt{color:#6b7280;flex-shrink:0}.billing-customer-receipt-row dd{margin:0;color:#111827;font-weight:600;text-align:right;word-break:break-all;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.billing-customer-receipt-total{margin-top:8px;padding-top:10px;border-top:2px dashed #D1D5DB}.billing-customer-receipt-total dt,.billing-customer-receipt-total dd{font-size:17px;font-weight:800;color:#111827;font-family:Poppins,sans-serif}.billing-customer-receipt-note{font-size:12px;line-height:1.6;color:#6b7280;text-align:center;margin:14px 0 0}.billing-customer-receipt-thanks{text-align:center;font-size:12px;font-weight:700;letter-spacing:.05em;color:#111827;margin-top:14px}@media(max-width:480px){.billing-customer-receipt{padding:22px 18px 28px}}.billing-customer-success-page-btn{margin-bottom:auto;padding:12px 32px;background:#f39c12;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.billing-customer-success-page-btn:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.billing-customer-processing-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001}.billing-customer-processing-modal{background:var(--bg-processing);border-radius:18px;padding:40px 48px;max-width:400px;width:100%;text-align:center;border:1px solid var(--border-modal);box-shadow:var(--shadow-processing);transition:background .3s ease,border-color .3s ease}.billing-customer-processing-spinner-circle{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:#f39c12;border-radius:50%;animation:billingSpinnerRotate .8s linear infinite!important;transform-origin:center center;display:block;will-change:transform;margin:0 auto 16px;transition:border-color .3s ease}@keyframes billingSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-customer-processing-message{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;transition:color .3s ease}.billing-customer-processing-submessage{font-size:13px;color:var(--text-muted);margin:0;transition:color .3s ease}.billing-customer-skeleton-header{height:60px;background:var(--skeleton-bg);border-radius:12px;margin-bottom:20px;animation:shimmer 1.5s infinite;transition:background .3s ease}.billing-customer-skeleton-tabs{height:48px;background:var(--skeleton-bg);border-radius:12px;margin-bottom:20px;animation:shimmer 1.5s infinite;transition:background .3s ease}.billing-customer-skeleton-filters{height:40px;background:var(--skeleton-bg);border-radius:12px;margin-bottom:16px;animation:shimmer 1.5s infinite;transition:background .3s ease}.billing-customer-skeleton-table{height:300px;background:var(--skeleton-bg);border-radius:14px;animation:shimmer 1.5s infinite;transition:background .3s ease}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.billing-customer-details-content{display:flex;flex-direction:column;gap:16px}.billing-customer-details-section h4{font-size:14px;font-weight:600;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.billing-customer-details-section p{margin:4px 0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.billing-customer-details-section p strong{color:var(--text-primary);transition:color .3s ease}@media(max-width:1024px){.billing-customer-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.billing-customer-container{padding:16px}.billing-customer-header h1{font-size:22px}.billing-customer-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.billing-customer-stat-card{padding:12px 14px}.billing-customer-stat-value{font-size:20px}.billing-customer-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px;gap:4px;-webkit-overflow-scrolling:touch;border-radius:8px}.billing-customer-tab-btn{padding:8px 14px;font-size:12px;white-space:nowrap;flex-shrink:0}.billing-customer-filters{flex-direction:column;align-items:stretch;gap:8px}.billing-customer-filter-group select{width:100%;min-width:auto}.billing-customer-search-group{width:100%;flex-shrink:1}.billing-customer-table-container{display:none}.billing-customer-mobile-cards{display:flex}.billing-customer-modal{max-width:100%;margin:12px;border-radius:14px}.billing-customer-modal h3{font-size:18px;padding:16px 18px}.billing-customer-modal-scroll-content{padding:16px 18px}.billing-customer-form-row,.billing-customer-bank-grid{grid-template-columns:1fr}.billing-customer-success-page-card{padding:32px 24px}.billing-customer-success-page-title{font-size:22px}.billing-customer-processing-modal{padding:32px 24px;margin:16px}}@media(max-width:480px){.billing-customer-container{padding:12px}.billing-customer-header h1{font-size:18px}.billing-customer-header p{font-size:12px}.billing-customer-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.billing-customer-stat-card{padding:10px 12px}.billing-customer-stat-value{font-size:18px}.billing-customer-stat-label{font-size:9px}.billing-customer-stat-sub{font-size:10px}.billing-customer-tab-btn{padding:6px 10px;font-size:11px}.billing-customer-mobile-card{padding:12px}.billing-customer-mobile-card-item .billing-customer-label{font-size:11px}.billing-customer-mobile-card-item .billing-customer-value{font-size:12px}.billing-customer-paynow-btn{padding:4px 12px;font-size:11px}.billing-customer-modal{border-radius:12px}.billing-customer-modal h3{font-size:16px;padding:14px 16px}.billing-customer-modal-scroll-content{padding:14px 16px}.billing-customer-modal-close{width:30px;height:30px;font-size:16px;top:12px;right:12px}.billing-customer-payment-summary p{font-size:13px}.billing-customer-method-option{padding:10px 14px}.billing-customer-method-option strong{font-size:13px}.billing-customer-confirm-btn,.billing-customer-paymongo-btn,.billing-customer-submit-transfer-btn{font-size:14px;padding:10px}.billing-customer-success-page-card{padding:24px 16px}.billing-customer-success-page-title{font-size:20px}.billing-customer-success-page-icon{width:56px;height:56px}.billing-customer-success-page-checkmark{font-size:28px}.billing-customer-success-page-reference{flex-direction:column;gap:4px}.billing-customer-processing-modal{padding:24px 16px}.billing-customer-processing-spinner-circle{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.billing-customer-stat-card:hover,.billing-customer-paynow-btn:hover,.billing-customer-confirm-btn:hover,.billing-customer-paymongo-btn:hover,.billing-customer-submit-transfer-btn:hover,.billing-customer-success-page-btn:hover{transform:none!important}.billing-customer-processing-spinner-circle{animation:billingSpinnerRotate .8s linear infinite!important;animation-play-state:running!important;border-color:var(--border-color)!important;border-top-color:#f39c12!important;transform-origin:center center!important}.billing-customer-skeleton-header,.billing-customer-skeleton-tabs,.billing-customer-skeleton-filters,.billing-customer-skeleton-table{animation:none!important;opacity:.5!important}}.billing-customer-transfer-form .billing-customer-form-group-full{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;width:100%}.billing-customer-transfer-form .billing-customer-form-group-full label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.billing-customer-transfer-form .billing-customer-form-group-full input,.billing-customer-transfer-form .billing-customer-form-group-full textarea{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .2s ease;width:100%;box-sizing:border-box}.billing-customer-transfer-form .billing-customer-form-group-full input:focus,.billing-customer-transfer-form .billing-customer-form-group-full textarea:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.billing-customer-transfer-form .billing-customer-form-group-full input.error,.billing-customer-transfer-form .billing-customer-form-group-full textarea.error{border-color:#ef4444}.billing-customer-transfer-form .billing-customer-form-group-full input.error:focus{box-shadow:0 0 0 3px #ef44441a}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-error-message{font-size:12px;color:#ef4444}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-hint-text{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-file-upload-area{border:2px dashed var(--border-upload);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;background:var(--bg-file-upload)}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-file-upload-area:hover{border-color:var(--border-upload-hover)}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-file-upload-area.error{border-color:#ef4444}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-file-upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.billing-customer-transfer-form .billing-customer-form-group-full .upload-icon{font-size:24px;display:block}.billing-customer-transfer-form .billing-customer-form-group-full small{font-size:12px;color:var(--text-muted);transition:color .3s ease}.billing-customer-transfer-form .billing-customer-form-group-full .billing-customer-file-name{font-size:13px;color:#10b981}.billing-customer-transfer-form .billing-customer-form-group-full input[readonly],.billing-customer-transfer-form .billing-customer-form-group-full input:disabled{background:var(--bg-section);color:var(--text-primary);cursor:not-allowed;opacity:.7}.billing-customer-method-options-vertical{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;width:100%}.billing-customer-method-option-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:var(--bg-method-option);border:2px solid var(--border-method);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:64px}.billing-customer-method-option-row:hover{border-color:var(--border-method-hover);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.billing-customer-method-option-row.selected{border-color:#f39c12;background:var(--bg-method-selected);box-shadow:0 0 0 3px #f39c121f}.payment-method-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.payment-method-info{display:flex;flex-direction:column;gap:1px}.payment-method-name{font-size:15px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.payment-method-label{font-size:12px;color:var(--text-muted);transition:color .3s ease}@media(max-width:768px){.billing-customer-method-option-row{padding:12px 16px;min-height:56px}.payment-method-icon{width:34px;height:34px}.payment-method-name{font-size:14px}.payment-method-label{font-size:11px}}@media(max-width:480px){.billing-customer-method-options-vertical{gap:8px}.billing-customer-method-option-row{padding:10px 14px;min-height:48px;gap:12px}.payment-method-icon{width:28px;height:28px}.payment-method-name{font-size:13px}.payment-method-label{font-size:10px}}.billing-customer-bank-list-vertical{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:16px}.billing-customer-bank-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:var(--bg-bank-card);border:2px solid var(--border-bank);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:72px;position:relative}.billing-customer-bank-row:hover{border-color:var(--border-bank-hover);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.billing-customer-bank-row.selected{border-color:#f39c12;background:var(--bg-bank-card-selected);box-shadow:0 0 0 3px #f39c121f}.bank-logo-icon{width:64px;height:40px;object-fit:cover;flex-shrink:0;border-radius:6px;background:#fff;padding:2px}.bank-row-info{display:flex;flex-direction:column;gap:2px;flex:1}.bank-name{font-size:15px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.bank-account-name{font-size:12px;color:var(--text-muted);transition:color .3s ease}.bank-account-number{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:monospace;letter-spacing:.5px;transition:color .3s ease}.bank-check-indicator{color:#f39c12;font-size:20px;font-weight:700;flex-shrink:0;margin-left:4px}.billing-customer-bank-grid{display:none!important}@media(max-width:768px){.billing-customer-bank-row{padding:12px 16px;min-height:64px;gap:12px}.bank-logo-icon{width:54px;height:34px}.bank-name{font-size:14px}.bank-account-name{font-size:11px}.bank-account-number{font-size:12px}}@media(max-width:480px){.billing-customer-bank-list-vertical{gap:8px}.billing-customer-bank-row{padding:10px 14px;min-height:56px;gap:10px}.bank-logo-icon{width:44px;height:28px;padding:2px}.bank-name{font-size:13px}.bank-account-name{font-size:10px}.bank-account-number{font-size:11px}.bank-check-indicator{font-size:16px}}.billing-customer-status-pills,.billing-customer-search-icon{display:none}@media(max-width:768px){.billing-customer-container{padding:12px 20px 90px;overflow-x:clip;max-width:100%;box-sizing:border-box}.billing-customer-stats-grid,.billing-customer-tabs,.billing-customer-clear-filters-btn,.billing-customer-filter-group{display:none}.billing-customer-status-pills{display:flex;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.billing-customer-status-pill{flex:1;min-width:0;padding:10px 8px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);font-size:12px;font-weight:600;font-family:Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.billing-customer-status-pill.active{background:#f39c12;color:#fff;border-color:transparent;box-shadow:0 4px 12px #f39c124d}.billing-customer-search-group input{background:var(--bg-input);border:1px solid transparent;border-radius:16px;padding:14px 40px 14px 44px;font-size:14px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.billing-customer-search-group input:focus{border-color:var(--text-primary);box-shadow:none;background:var(--bg-elevated)}.billing-customer-search-icon{display:inline-flex;position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-primary);font-size:18px;pointer-events:none}.billing-customer-results-count{margin-bottom:8px}.billing-customer-results-count p{font-size:12px;color:var(--text-secondary);margin:0}.billing-customer-mobile-cards{gap:12px;max-width:100%;min-width:0}.billing-customer-mobile-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:24px;padding:18px;box-shadow:var(--shadow-card);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.billing-customer-mobile-card-header{align-items:flex-start}.billing-customer-mobile-card-title{flex:1;min-width:0}.billing-customer-mobile-card-title .billing-customer-ref-id{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.4px;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-customer-mobile-card-title .billing-customer-ref-project{font-size:13px;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-customer-mobile-card-body{background:transparent;border-radius:0;padding:0;gap:0;margin-bottom:12px}.billing-customer-mobile-card-item{padding:10px 0;border-bottom:1px solid var(--border-color);gap:12px;min-width:0}.billing-customer-mobile-card-item .billing-customer-label{font-size:13px;color:var(--text-secondary);flex-shrink:0}.billing-customer-mobile-card-item .billing-customer-value{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;flex:1;min-width:0;text-align:right;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.billing-customer-amount-main{font-size:17px;font-weight:700;display:block}.billing-customer-amount-balance{display:block;margin-top:2px}.billing-customer-status-badge{text-transform:none;letter-spacing:0;padding:6px 11px;font-size:11px}.billing-customer-mobile-card-footer{border-top:none;padding-top:0;display:flex;gap:8px}.billing-customer-mobile-card-footer .billing-customer-paynow-btn,.billing-customer-mobile-card-footer .billing-customer-dropdown-menu-container{flex:1;display:flex;min-width:0}.billing-customer-mobile-card-footer .billing-customer-paynow-btn{height:44px;width:100%;border-radius:14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.billing-customer-mobile-card-footer .billing-customer-paynow-btn:hover:not(:disabled){transform:none;box-shadow:none}.billing-customer-btn-icon{font-size:16px;flex-shrink:0}.billing-customer-mobile-card-footer .billing-customer-dropdown-trigger-btn{height:44px;width:100%;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.billing-customer-mobile-card-footer .billing-customer-dropdown-trigger-btn:hover{background:var(--bg-elevated)}.billing-customer-trigger-chevron{font-size:12px}.billing-customer-dropdown-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.billing-customer-dropdown-item-icon{font-size:16px;flex-shrink:0}.billing-customer-mobile-verifying{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:600}.billing-customer-mobile-card .billing-customer-empty-state{text-align:center;padding:32px 16px}}.billing-customer-filter-btn{display:none}.billing-customer-filter-btn.active{border-color:#f39c1280}.billing-customer-filter-chevron{font-size:11px;color:var(--text-muted);transition:transform .2s ease}.billing-customer-filter-chevron.open{transform:rotate(180deg)}.billing-customer-filter-dropdown-wrap{display:none}.billing-customer-filter-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-dropdown, var(--bg-modal));border:1px solid var(--border-dropdown, var(--border-modal));border-radius:12px;box-shadow:var(--shadow-dropdown, var(--shadow-modal));padding:6px;z-index:500;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.billing-customer-filter-menu.open{opacity:1;transform:none;pointer-events:auto}.billing-customer-filter-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:var(--text-secondary);cursor:pointer;text-align:left}.billing-customer-filter-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.billing-customer-filter-menu-item.active{color:#f39c12}.billing-customer-filter-check{font-size:12px;font-weight:700}.billing-customer-mobile-row{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px 4px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:Poppins,sans-serif;color:var(--text-primary)}.billing-customer-mobile-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-section);border:1px solid var(--border-color);color:#f39c12;font-size:16px;margin-top:2px}.billing-customer-mobile-main{flex:1 1 0%;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:4px}.billing-customer-mobile-name{font-size:14px;font-weight:600;line-height:1.35;color:var(--text-primary);white-space:normal;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.billing-customer-mobile-sub{display:flex;align-items:center;flex-wrap:wrap;row-gap:2px;column-gap:6px;font-size:12px;color:var(--text-muted);min-width:0}.billing-customer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.billing-customer-dot.dot-paid{background:#10b981}.billing-customer-dot.dot-pending{background:#f39c12}.billing-customer-dot.dot-verifying{background:#3b82f6}.billing-customer-dot.dot-partial{background:#8b5cf6}.billing-customer-dot.dot-overdue{background:#ef4444}.billing-customer-dot.dot-cancelled{background:#98a2b3}.billing-customer-mobile-status{font-weight:600;white-space:nowrap}.billing-customer-mobile-due{min-width:0;overflow-wrap:break-word}.billing-customer-mobile-right{display:flex;align-items:flex-start;gap:6px;flex:0 0 auto;min-width:0;max-width:42%;margin-left:auto;padding-top:2px}.billing-customer-mobile-right .billing-customer-amount-main{font-size:14px;font-weight:700;color:var(--text-primary);white-space:normal;overflow-wrap:break-word;word-break:break-word;text-align:right;line-height:1.3}.billing-customer-mobile-chevron{font-size:12px;color:var(--text-muted);transition:transform .2s ease}.billing-customer-mobile-chevron.open{transform:rotate(180deg)}.billing-customer-pending-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;box-shadow:0 0 0 3px #ef444426}.billing-customer-mobile-expand{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);margin-top:0;padding-top:0;border-top:1px solid transparent;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .24s ease,transform .3s cubic-bezier(.16,1,.3,1),margin-top .3s ease,padding-top .3s ease,border-color .3s ease}.billing-customer-mobile-expand.open{grid-template-rows:1fr;opacity:1;transform:translateY(0);margin-top:10px;padding-top:10px;border-top-color:var(--border-color)}.billing-customer-mobile-expand-inner{overflow:hidden;min-height:0;min-width:0}.billing-customer-mobile-secondary-btn{flex:1;height:44px;border-radius:14px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 12px}@media(max-width:768px){.billing-customer-filters{flex-direction:row;align-items:center}.billing-customer-search-group{flex:1 1 0%;width:auto;min-width:0}.billing-customer-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:auto;height:48px;padding:0 18px;box-sizing:border-box;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;white-space:nowrap}.billing-customer-filter-btn-icon{font-size:14px}.billing-customer-filter-count{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#f39c12;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.billing-customer-filter-sort-hint{font-size:11px;font-weight:500;color:var(--text-muted)}.billing-customer-filter-dropdown-wrap{display:block;position:relative;flex:0 0 auto;min-width:0}.billing-customer-status-pills{display:none!important}.billing-customer-mobile-cards{width:100%;min-width:0}.billing-customer-mobile-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:12px;border-radius:16px;overflow:hidden}.billing-customer-mobile-card.expanded{border-color:#f39c1259}.billing-customer-mobile-card .billing-customer-ref-project{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-customer-mobile-card .billing-customer-mobile-card-body{margin-bottom:10px}.billing-customer-mobile-card .billing-customer-mobile-card-footer{display:flex;gap:8px}.billing-customer-mobile-card .billing-customer-mobile-card-footer .billing-customer-paynow-btn{flex:1;background:#f39c12}}@media(max-width:480px){.billing-customer-mobile-name{font-size:13px}.billing-customer-mobile-sub{font-size:11px}.billing-customer-mobile-right .billing-customer-amount-main{font-size:14px}.billing-customer-mobile-avatar{width:36px;height:36px;font-size:14px}}@media(max-width:768px){.billing-customer-container{padding:4px 4px 96px}.billing-customer-filters{gap:6px;margin-bottom:10px}.billing-customer-search-group input{padding:12px 38px 12px 40px;font-size:13px;border-radius:14px}.billing-customer-filter-btn{height:42px;border-radius:14px}.billing-customer-results-count{margin-bottom:6px}.billing-customer-results-count p{font-size:11px}.billing-customer-mobile-cards{gap:8px}.billing-customer-mobile-card{padding:10px 12px}.billing-customer-mobile-expand.open{margin-top:8px;padding-top:8px}}@media(max-width:480px){.billing-customer-container{padding:2px 2px 96px}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-modal: rgba(255, 255, 255, .95);--bg-ticket: #FFFFFF;--bg-guide: #FFFFFF;--bg-message-customer: #F6F8F5;--bg-message-support: rgba(243, 156, 18, .06);--bg-info-icon: rgba(243, 156, 18, .1);--bg-guide-icon: rgba(243, 156, 18, .1);--bg-guide-icon-hover: rgba(243, 156, 18, .2);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-ticket: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(23, 33, 43, .2);--overlay-bg: rgba(23, 33, 43, .5);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: #FFFFFF;--input-border: #E5E7EB;--input-focus: rgba(243, 156, 18, .08);--badge-bg: #F6F8F5;--badge-border: #E5E7EB;--divider-color: #EEF0ED;--status-open-bg: rgba(243, 156, 18, .1);--status-open-text: #D97706;--status-inprogress-bg: rgba(59, 130, 246, .1);--status-inprogress-text: #2563EB;--status-resolved-bg: rgba(16, 185, 129, .1);--status-resolved-text: #059669;--guide-type-bg: rgba(243, 156, 18, .1);--guide-type-text: #D97706;--icon-color: #F39C12}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-modal: rgba(26, 37, 51, .95);--bg-ticket: #1A2533;--bg-guide: #1A2533;--bg-message-customer: #131C28;--bg-message-support: rgba(243, 156, 18, .08);--bg-info-icon: rgba(243, 156, 18, .12);--bg-guide-icon: rgba(243, 156, 18, .12);--bg-guide-icon-hover: rgba(243, 156, 18, .2);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-ticket: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .6);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .06);--input-focus: rgba(243, 156, 18, .12);--badge-bg: #131C28;--badge-border: rgba(255, 255, 255, .06);--divider-color: rgba(255, 255, 255, .06);--status-open-bg: rgba(243, 156, 18, .12);--status-open-text: #F39C12;--status-inprogress-bg: rgba(59, 130, 246, .12);--status-inprogress-text: #3B82F6;--status-resolved-bg: rgba(16, 185, 129, .12);--status-resolved-text: #10B981;--guide-type-bg: rgba(243, 156, 18, .12);--guide-type-text: #F39C12;--icon-color: #F39C12}.cusup-container{padding-inline:24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.cusup-header{display:none;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap;transition:border-color .3s ease}.cusup-header-content{display:flex;flex-direction:column;gap:.25rem}.cusup-header-content h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px;transition:color .3s ease}.cusup-header-content p{font-size:1rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cusup-back-btn{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:1rem}.cusup-header-title-mobile,.cusup-header-icon{display:none}.cusup-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;margin-bottom:1.5rem}.cusup-section:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cusup-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.cusup-section-header svg{font-size:1.2rem;color:var(--icon-color)}.cusup-section-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.cusup-section-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.25rem;transition:color .3s ease}.cusup-faq-list{display:flex;flex-direction:column;gap:.25rem}.cusup-faq-item{border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.cusup-faq-item:last-child{border-bottom:none}.cusup-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s ease;font-family:Poppins,sans-serif}.cusup-faq-question:hover{color:var(--icon-color)}.cusup-faq-question svg{font-size:.875rem;color:var(--text-muted);flex-shrink:0;margin-left:.75rem;transition:transform .2s ease,color .3s ease}.cusup-faq-question.open svg{transform:rotate(180deg)}.cusup-faq-answer{padding:0 0 .75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6;transition:color .3s ease}.cusup-contact-form{display:flex;flex-direction:column;gap:1rem}.cusup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cusup-form-group{display:flex;flex-direction:column;gap:.25rem}.cusup-form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.cusup-form-group input,.cusup-form-group textarea,.cusup-form-group select{padding:.6rem .875rem;border:1px solid var(--input-border);border-radius:10px;font-size:.9rem;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;font-family:Poppins,sans-serif;width:100%}.cusup-form-group input::placeholder,.cusup-form-group textarea::placeholder{color:var(--text-muted)}.cusup-form-group input:focus,.cusup-form-group textarea:focus,.cusup-form-group select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px var(--input-focus)}.cusup-form-group textarea{resize:vertical;min-height:100px}.cusup-form-group select option{background:var(--bg-surface);color:var(--text-primary)}.cusup-submit-btn{padding:.75rem 1.5rem;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Poppins,sans-serif}.cusup-submit-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cusup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cusup-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cusup-info-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center;transition:all .2s ease}.cusup-info-card:hover{border-color:#f39c1240;box-shadow:0 4px 12px #17212b0f;transform:translateY(-2px)}.cusup-info-icon{width:48px;height:48px;background:var(--bg-info-icon);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:var(--icon-color);font-size:1.25rem;transition:background .3s ease}.cusup-info-card h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cusup-info-card p{font-size:.8rem;color:var(--text-secondary);margin:0 0 .25rem;word-break:break-word;transition:color .3s ease}.cusup-info-card small{font-size:.7rem;color:var(--text-muted);transition:color .3s ease}.cusup-map-wrap{margin-top:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.cusup-map-header{display:flex;align-items:center;gap:.5rem;color:var(--icon-color);margin-bottom:.75rem}.cusup-map-header h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.cusup-map-frame{width:100%;height:380px;border:0;border-radius:10px;display:block}.cusup-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cusup-map-cell{min-width:0}.cusup-map-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}@media(max-width:768px){.cusup-map-grid{grid-template-columns:1fr}.cusup-map-frame{height:280px}}.cusup-map-links{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.75rem}.cusup-map-directions{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#f39c12;text-decoration:none}.cusup-map-directions:hover{color:#e67e22;text-decoration:underline}.cusup-tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.cusup-tickets-header .cusup-section-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.cusup-create-ticket-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cusup-create-ticket-btn:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cusup-tickets-list{display:flex;flex-direction:column;gap:.75rem}.cusup-ticket-card{background:var(--bg-ticket);border:1px solid var(--border-ticket);border-radius:12px;padding:1rem 1.25rem;transition:all .2s ease}.cusup-ticket-card:hover{border-color:#f39c1240;box-shadow:0 4px 12px #17212b0f}.cusup-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.cusup-ticket-id{font-size:.75rem;font-weight:600;color:var(--text-muted);font-family:monospace;transition:color .3s ease}.status-badge-support{padding:.125rem .75rem;border-radius:20px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent}.status-badge-support.open{background:var(--status-open-bg);color:var(--status-open-text);border-color:var(--border-medium)}.status-badge-support.in-progress{background:var(--status-inprogress-bg);color:var(--status-inprogress-text);border-color:var(--border-medium)}.status-badge-support.resolved{background:var(--status-resolved-bg);color:var(--status-resolved-text);border-color:var(--border-medium)}.cusup-ticket-subject{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;transition:color .3s ease}.cusup-ticket-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;transition:color .3s ease}.cusup-ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.cusup-ticket-date{font-size:.75rem;color:var(--text-muted);transition:color .3s ease}.cusup-view-ticket-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;font-family:Poppins,sans-serif}.cusup-view-ticket-btn:hover{color:var(--icon-color)}.cusup-ticket-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.cusup-ticket-messages{display:flex;flex-direction:column;gap:.5rem}.cusup-message{padding:.75rem 1rem;border-radius:10px}.cusup-message.customer{background:var(--bg-message-customer)}.cusup-message.support{background:var(--bg-message-support);border-left:3px solid var(--icon-color)}.cusup-message strong{font-size:.75rem;color:var(--text-secondary);transition:color .3s ease}.cusup-message p{font-size:.85rem;color:var(--text-primary);margin:.25rem 0 0;transition:color .3s ease}.cusup-message small{font-size:.65rem;color:var(--text-muted);transition:color .3s ease}.cusup-guides-list{display:flex;flex-direction:column;gap:.75rem}.cusup-guide-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-guide);border:1px solid var(--border-ticket);border-radius:12px;transition:all .2s ease}.cusup-guide-card.guide-clickable{cursor:pointer}.cusup-guide-card.guide-clickable:hover{transform:translate(6px);border-color:#f39c1240;box-shadow:0 4px 12px #17212b0f}.cusup-guide-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-guide-icon);border-radius:12px;flex-shrink:0;transition:all .2s ease}.cusup-guide-card:hover .cusup-guide-icon-wrapper{background:var(--bg-guide-icon-hover);transform:scale(1.05)}.cusup-guide-icon-wrapper svg{font-size:1.5rem;color:var(--icon-color)}.cusup-guide-info{flex:1}.cusup-guide-info h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cusup-guide-info p{font-size:.85rem;color:var(--text-secondary);margin:0 0 .25rem;transition:color .3s ease}.cusup-guide-type{display:inline-block;padding:.1rem .75rem;background:var(--guide-type-bg);color:var(--guide-type-text);border-radius:12px;font-size:.7rem;font-weight:600}.cusup-guide-open-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--icon-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-family:Poppins,sans-serif}.cusup-guide-open-btn:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cusup-guide-open-btn svg{font-size:.875rem}.cusup-empty-state{text-align:center;padding:2.5rem 1.25rem}.cusup-empty-state .empty-icon{font-size:2.5rem;color:var(--text-muted);margin-bottom:.75rem;transition:color .3s ease}.cusup-empty-state h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cusup-empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cusup-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cusup-modal{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:18px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideUp .3s cubic-bezier(.16,1,.3,1);transition:background .3s ease,border-color .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cusup-modal::-webkit-scrollbar{width:4px}.cusup-modal::-webkit-scrollbar-track{background:#17212b08;border-radius:4px}.cusup-modal::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:4px}.cusup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.cusup-modal-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.cusup-modal-close{width:32px;height:32px;background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cusup-modal-close:hover{background:var(--bg-hover-light);color:var(--text-primary)}.cusup-modal-body{padding:1.25rem 1.5rem}.cusup-modal-body .cusup-form-group{margin-bottom:1rem}.cusup-modal-body .cusup-form-group:last-child{margin-bottom:0}.cusup-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.cusup-cancel-btn{padding:.6rem 1.25rem;background:transparent;border:1px solid var(--border-medium);border-radius:10px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cusup-cancel-btn:hover{background:var(--bg-hover)}.cusup-submit-ticket-btn{padding:.6rem 1.5rem;background:var(--icon-color);border:none;border-radius:10px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cusup-submit-ticket-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cusup-submit-ticket-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.cusup-container{padding-inline:20px}.cusup-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cusup-container{padding-inline:14px}.cusup-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem 0}.cusup-back-btn{display:inline-flex}.cusup-header-content{display:none}.cusup-header-title-mobile{display:block;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.cusup-section-header{border-bottom:none;padding-bottom:0;margin-bottom:16px}.cusup-section-header h2{font-size:18px;font-weight:700;letter-spacing:-.4px}.cusup-section-header svg{display:none}.cusup-faq-answer,.cusup-ticket-subject,.cusup-ticket-description,.cusup-guide-info,.cusup-info-card{min-width:0;overflow-wrap:break-word;word-break:break-word}.cusup-header-content h1{font-size:1.3rem}.cusup-header-content p{font-size:.9rem}.cusup-section{padding:1rem 1.25rem;border-radius:12px}.cusup-form-row{grid-template-columns:1fr;gap:.75rem}.cusup-info-grid{grid-template-columns:1fr 1fr;gap:.75rem}.cusup-info-card{padding:1rem}.cusup-info-icon{width:40px;height:40px;font-size:1rem}.cusup-info-card h3{font-size:.8rem}.cusup-info-card p{font-size:.75rem}.cusup-tickets-header,.cusup-ticket-header{flex-direction:column;align-items:flex-start}.cusup-guide-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.cusup-guide-icon-wrapper{width:40px;height:40px}.cusup-guide-icon-wrapper svg{font-size:1.2rem}.cusup-guide-open-btn{width:100%;justify-content:center}.cusup-modal{margin:1rem;border-radius:14px}.cusup-modal-footer{flex-direction:column}.cusup-modal-footer .cusup-cancel-btn,.cusup-modal-footer .cusup-submit-ticket-btn{width:100%;justify-content:center}.cusup-modal-header,.cusup-modal-body{padding:1rem 1.25rem}.cusup-modal-footer{padding:.75rem 1.25rem 1.25rem}}@media(max-width:480px){.cusup-container{padding-inline:10px}.cusup-header-content h1{font-size:1.1rem}.cusup-header-content p{font-size:.8rem}.cusup-section{padding:.75rem 1rem;border-radius:10px}.cusup-section-header h2{font-size:.95rem}.cusup-info-grid{grid-template-columns:1fr}.cusup-info-card{padding:.875rem}.cusup-ticket-card{padding:.75rem 1rem}.cusup-ticket-subject{font-size:.85rem}.cusup-ticket-description{font-size:.8rem}.cusup-guide-card{padding:.75rem}.cusup-guide-info h3{font-size:.85rem}.cusup-guide-info p{font-size:.8rem}.cusup-create-ticket-btn{font-size:.8rem;padding:.4rem 1rem}.cusup-submit-btn{font-size:.85rem;padding:.6rem 1rem}.cusup-modal{margin:.5rem;border-radius:12px}.cusup-modal-header h3{font-size:1rem}.cusup-modal-body{padding:.875rem 1rem}.cusup-modal-footer{padding:.75rem 1rem 1rem}.cusup-cancel-btn,.cusup-submit-ticket-btn{font-size:.8rem;padding:.5rem 1rem}}@media(max-width:360px){.cusup-container{padding-inline:8px}.cusup-header-content h1{font-size:.95rem}.cusup-section{padding:.625rem .75rem}.cusup-info-card{padding:.625rem}.cusup-info-icon{width:32px;height:32px;font-size:.875rem}.cusup-guide-card{padding:.625rem}.cusup-guide-icon-wrapper{width:32px;height:32px}.cusup-guide-icon-wrapper svg{font-size:1rem}.cusup-ticket-card{padding:.625rem .75rem}}.cusup-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.5rem}.cusup-service-chip{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text-primary);font-size:.78rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;font-family:Poppins,sans-serif;line-height:1.3}.cusup-service-chip .chip-icon{color:var(--icon-color);flex-shrink:0}.cusup-service-chip:hover{border-color:var(--icon-color);box-shadow:0 0 0 3px var(--input-focus)}.cusup-service-chip.selected{border-color:var(--icon-color);background:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus)}.cusup-service-chip .chip-check{margin-left:auto;color:var(--icon-color);flex-shrink:0}.cusup-service-chip.blocked{opacity:.55;cursor:not-allowed;border-style:dashed}.cusup-service-chip .chip-blocked-tag{margin-left:auto;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:.1rem .5rem;border-radius:20px;background:var(--status-open-bg);color:var(--status-open-text)}.cusup-account-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem}.cusup-account-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.cusup-account-header svg{color:var(--icon-color)}.cusup-account-header h3{margin:0;font-size:.85rem;font-weight:600}.cusup-account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cusup-account-grid label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.cusup-account-grid p{margin:.15rem 0 0;font-size:.88rem;font-weight:500;overflow-wrap:break-word;word-break:break-word}.cusup-account-note{margin:.6rem 0 0;font-size:.75rem;color:var(--text-muted)}.cusup-account-error{margin:.6rem 0 0;font-size:.8rem;font-weight:500;color:#dc2626;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:8px;padding:.5rem .7rem}.cusup-account-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin:0}.cusup-field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.cusup-field-hint.warn{color:#b45309;background:var(--status-open-bg);border:1px solid var(--border-medium);border-radius:8px;padding:.5rem .7rem;line-height:1.5}@media(max-width:768px){.cusup-services-grid{grid-template-columns:1fr 1fr}.cusup-account-grid{grid-template-columns:1fr;gap:.6rem}.cusup-service-chip{min-height:48px;font-size:.8rem}.cusup-ticket-card{padding:.9rem 1rem}.cusup-ticket-footer{flex-direction:column;align-items:flex-start;gap:.4rem}.cusup-submit-btn{min-height:48px;width:100%}}@media(max-width:480px){.cusup-services-grid{grid-template-columns:1fr}.cusup-account-card{padding:.85rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cusup-section:hover,.cusup-info-card:hover,.cusup-ticket-card:hover,.cusup-guide-card.guide-clickable:hover{transform:none!important}.cusup-submit-btn:hover:not(:disabled),.cusup-create-ticket-btn:hover,.cusup-guide-open-btn:hover,.cusup-submit-ticket-btn:hover:not(:disabled){transform:none!important}.cusup-modal,.cusup-modal-overlay,.spinning{animation:none!important}}.cusup-requests-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--bg-ticket);border:1px solid var(--border-ticket);border-radius:16px;box-shadow:var(--shadow-card);cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box}.cusup-requests-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.cusup-requests-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:14px;font-size:19px;color:var(--text-primary)}.cusup-requests-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cusup-requests-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.cusup-requests-text small{font-size:12px;color:var(--text-secondary)}.cusup-requests-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cusup-count-pill{padding:5px 9px;border-radius:20px;background:var(--text-primary);color:var(--bg-ticket);font-size:11px;font-weight:600;line-height:1}.cusup-chevron{font-size:18px;color:var(--text-muted)}.cusup-page-back-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:1rem;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.cusup-page-back-btn:hover{background:var(--bg-hover)}.cusup-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:2rem 1rem;gap:.25rem}.cusup-empty-page .empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:.75rem}.cusup-empty-page h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.cusup-empty-page p{font-size:.875rem;color:var(--text-secondary);margin:0}.cusup-empty-page .cusup-submit-btn{margin-top:1.25rem;width:auto;padding-left:2.5rem;padding-right:2.5rem}@media(max-width:768px){.cusup-page-back-btn{display:none}}:root{--bg-primary: #F3F5F1;--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .95);--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F6F8F5;--bg-hover-light: rgba(0, 0, 0, .02);--bg-section: rgba(255, 255, 255, .5);--bg-modal: rgba(255, 255, 255, .95);--bg-primary-address: rgba(243, 156, 18, .04);--bg-address-preview: #F6F8F5;--bg-badge-client: rgba(243, 156, 18, .1);--bg-badge-since: rgba(59, 130, 246, .1);--bg-label-tag: #F6F8F5;--bg-delete: #EF4444;--bg-delete-hover: #DC2626;--bg-avatar: rgba(243, 156, 18, .1);--text-primary: #17212B;--text-secondary: #667085;--text-muted: #98A2B3;--text-white: #17212B;--border-color: #EEF0ED;--border-card: rgba(255, 255, 255, .9);--border-medium: #E5E7EB;--border-input: #E5E7EB;--border-modal: #EEF0ED;--shadow-card: 0 8px 30px rgba(23, 33, 43, .08), 0 2px 8px rgba(23, 33, 43, .04);--shadow-card-hover: 0 12px 32px rgba(23, 33, 43, .1), 0 3px 10px rgba(23, 33, 43, .05);--shadow-modal: 0 20px 60px rgba(23, 33, 43, .2);--overlay-bg: rgba(23, 33, 43, .5);--skeleton-bg: #F1F2F4;--skeleton-gradient: linear-gradient(90deg, #F1F2F4 25%, #E5E7EB 50%, #F1F2F4 75%);--input-bg: #FFFFFF;--input-border: #E5E7EB;--input-focus: rgba(243, 156, 18, .08);--divider-color: #EEF0ED;--icon-color: #F39C12;--text-danger: #DC2626;--text-danger-hover: #EF4444;--text-edit: #2563EB;--text-edit-hover: #3B82F6;--text-primary-action: #D97706;--text-primary-action-hover: #F39C12;--badge-client-text: #D97706;--badge-since-text: #2563EB;--label-tag-text: #667085;--required-color: #EF4444;--error-color: #EF4444;--confirm-icon: #F39C12;--bg-select-option: #FFFFFF;--text-select-option: #17212B}body.dark-mode{--bg-primary: #0B111A;--bg-card: #1A2533;--bg-card-hover: #1F2C3D;--bg-surface: #131C28;--bg-elevated: #1A2533;--bg-hover: #131C28;--bg-hover-light: rgba(255, 255, 255, .03);--bg-section: rgba(255, 255, 255, .05);--bg-modal: rgba(26, 37, 51, .95);--bg-primary-address: rgba(243, 156, 18, .08);--bg-address-preview: #131C28;--bg-badge-client: rgba(243, 156, 18, .12);--bg-badge-since: rgba(59, 130, 246, .12);--bg-label-tag: #131C28;--bg-delete: #EF4444;--bg-delete-hover: #DC2626;--bg-avatar: rgba(243, 156, 18, .12);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #FFFFFF;--border-color: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .6);--skeleton-bg: #131C28;--skeleton-gradient: linear-gradient(90deg, #131C28 25%, rgba(255, 255, 255, .04) 50%, #131C28 75%);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .06);--input-focus: rgba(243, 156, 18, .12);--divider-color: rgba(255, 255, 255, .06);--icon-color: #F39C12;--text-danger: #EF4444;--text-danger-hover: #EF4444;--text-edit: #3B82F6;--text-edit-hover: #3B82F6;--text-primary-action: #F39C12;--text-primary-action-hover: #F39C12;--badge-client-text: #F39C12;--badge-since-text: #3B82F6;--label-tag-text: rgba(255, 255, 255, .6);--required-color: #EF4444;--error-color: #EF4444;--confirm-icon: #F39C12;--bg-select-option: #1A2533;--text-select-option: #FFFFFF}.cuset-page{padding-inline:24px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}.cuset-header{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap;transition:border-color .3s ease}.cuset-header-content{display:flex;flex-direction:column;gap:.25rem}.cuset-header-content h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px;transition:color .3s ease}.cuset-header-content p{font-size:1rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.cuset-back-btn{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:1rem}.cuset-layout{display:flex;gap:1.5rem;align-items:flex-start}.cuset-content{flex:1;min-width:0}.cuset-profile-tab{display:flex;flex-direction:column;gap:1.5rem}.cuset-profile-card{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuset-profile-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuset-profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-avatar);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--icon-color);flex-shrink:0;transition:background .3s ease,color .3s ease;position:relative;overflow:visible}.cuset-avatar-clickable{cursor:pointer}.cuset-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cuset-avatar-camera{position:absolute;right:0;bottom:0;width:26px;height:26px;border-radius:50%;background:var(--icon-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--bg-card)}.cuset-profile-details{flex:1}.cuset-profile-details h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cuset-profile-email{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem;transition:color .3s ease}.cuset-profile-badges{display:flex;flex-wrap:wrap;gap:.5rem}.cuset-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.cuset-badge-client-type{background:var(--bg-badge-client);color:var(--badge-client-text);border:1px solid var(--border-medium)}.cuset-badge-member-since{background:var(--bg-badge-since);color:var(--badge-since-text);border:1px solid var(--border-medium)}.cuset-form-container{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.cuset-form-container:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuset-form-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem;transition:border-color .3s ease}.cuset-form-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.cuset-form-header h3 svg{color:var(--icon-color)}.cuset-form{display:flex;flex-direction:column;gap:1rem}.cuset-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.cuset-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cuset-form-field{display:flex;flex-direction:column;gap:.25rem}.cuset-form-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.cuset-form-field .cuset-required{color:var(--required-color)}.cuset-form-field input,.cuset-form-field textarea,.cuset-form-field select{padding:.6rem .875rem;border:1px solid var(--input-border);border-radius:10px;font-size:.9rem;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;font-family:Poppins,sans-serif;width:100%}.cuset-form-field input::placeholder,.cuset-form-field textarea::placeholder{color:var(--text-muted)}.cuset-form-field input:focus,.cuset-form-field textarea:focus,.cuset-form-field select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px var(--input-focus)}.cuset-form-field input.error,.cuset-form-field textarea.error,.cuset-form-field select.error{border-color:var(--error-color)}.cuset-form-field input.error:focus,.cuset-form-field textarea.error:focus,.cuset-form-field select.error:focus{box-shadow:0 0 0 3px #ef444414}.cuset-form-field input.cuset-disabled{opacity:.5;cursor:not-allowed}.cuset-password-wrap{position:relative}.cuset-password-wrap input{padding-right:2.5rem}.cuset-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;display:flex;align-items:center;padding:4px}.cuset-password-toggle:hover{color:var(--text-primary)}.cuset-form-field select option{background:var(--bg-select-option);color:var(--text-select-option)}.cuset-error-text{font-size:.75rem;color:var(--error-color)}.cuset-hint{font-size:.75rem;color:var(--text-muted);transition:color .3s ease}.cuset-btn-save{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-save:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuset-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cuset-addresses-tab{display:flex;flex-direction:column;gap:1.5rem}.cuset-addresses-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;gap:.75rem;transition:background .3s ease,border-color .3s ease}.cuset-addresses-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.cuset-addresses-header h3 svg{color:var(--icon-color)}.cuset-btn-add-address{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-add-address:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuset-addresses-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cuset-address-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;position:relative}.cuset-address-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f39c1240}.cuset-address-card.cuset-primary{border-color:var(--border-card);background:var(--bg-card)}.cuset-primary-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .75rem;background:var(--bg-badge-client);color:var(--badge-client-text);border-radius:12px;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.cuset-address-label-tag{display:inline-block;padding:.15rem .75rem;background:var(--bg-label-tag);color:var(--label-tag-text);border-radius:12px;font-size:.75rem;font-weight:500;margin-bottom:.5rem;transition:background .3s ease,color .3s ease}.cuset-address-text{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.75rem}.cuset-address-text p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4;transition:color .3s ease}.cuset-address-text .cuset-zip{color:var(--text-muted);font-size:.8rem;transition:color .3s ease}.cuset-address-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.cuset-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:transparent;border:1px solid var(--border-medium);border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;color:var(--text-secondary)}.cuset-action-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.cuset-primary-action{color:var(--text-primary-action);border-color:#f39c1226}.cuset-primary-action:hover{background:#f39c1214;border-color:var(--icon-color);color:var(--text-primary-action-hover)}.cuset-edit-action{color:var(--text-edit);border-color:#3b82f626}.cuset-edit-action:hover{background:#3b82f614;border-color:var(--text-edit-hover);color:var(--text-edit-hover)}.cuset-delete-action{color:var(--text-danger);border-color:#ef444426}.cuset-delete-action:hover{background:#ef444414;border-color:var(--text-danger-hover);color:var(--text-danger-hover)}.cuset-empty-addresses{text-align:center;padding:3rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.cuset-empty-icon{font-size:2.5rem;color:var(--text-muted);margin-bottom:.75rem;transition:color .3s ease}.cuset-empty-addresses h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;transition:color .3s ease}.cuset-empty-addresses p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;transition:color .3s ease}.cuset-btn-add-first{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:var(--icon-color);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-add-first:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuset-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:cuset-fadeIn .25s ease;padding:1rem;overflow:hidden}@keyframes cuset-fadeIn{0%{opacity:0}to{opacity:1}}.cuset-modal-content{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:18px;width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:cuset-slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:100000;transition:background .3s ease,border-color .3s ease}@keyframes cuset-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cuset-modal-content.cuset-no-scroll{overflow:hidden}.cuset-modal-content>form{display:flex;flex-direction:column;flex:1;min-height:0}.cuset-modal-content.cuset-confirm-modal{max-width:420px}.cuset-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.cuset-modal-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.cuset-modal-close{width:32px;height:32px;background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cuset-modal-close:hover{background:var(--bg-hover-light);color:var(--text-primary)}.cuset-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.cuset-modal-body.cuset-no-scroll-body{overflow:hidden;flex:1}.cuset-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.cuset-modal-form-grid{display:flex;flex-direction:column;gap:1rem}.cuset-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cuset-modal-field{display:flex;flex-direction:column;gap:.25rem}.cuset-modal-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.cuset-modal-field .cuset-required{color:var(--required-color)}.cuset-modal-field input,.cuset-modal-field select{padding:.6rem .875rem;border:1px solid var(--input-border);border-radius:10px;font-size:.9rem;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;font-family:Poppins,sans-serif;width:100%}.cuset-modal-field input:focus,.cuset-modal-field select:focus{outline:none;border-color:var(--icon-color);box-shadow:0 0 0 3px var(--input-focus)}.cuset-modal-field input.error,.cuset-modal-field select.error{border-color:var(--error-color)}.cuset-modal-field input.error:focus,.cuset-modal-field select.error:focus{box-shadow:0 0 0 3px #ef444414}.cuset-modal-field select option{background:var(--bg-select-option);color:var(--text-select-option)}.cuset-modal-field .cuset-hint{font-size:.75rem;color:var(--text-muted);transition:color .3s ease}.cuset-modal-field .cuset-error-text{font-size:.75rem;color:var(--error-color)}.cuset-checkbox-field{display:flex;align-items:flex-end;justify-content:flex-end}.cuset-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding-bottom:.4rem;transition:color .3s ease}.cuset-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--icon-color);cursor:pointer}.cuset-btn-cancel{padding:.6rem 1.25rem;background:transparent;border:1px solid var(--border-medium);border-radius:10px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-cancel:hover{background:var(--bg-hover)}.cuset-btn-submit{padding:.6rem 1.5rem;background:var(--icon-color);border:none;border-radius:10px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-submit:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuset-btn-submit:disabled{opacity:.5;cursor:not-allowed}.cuset-confirm-body{text-align:center;padding:1.5rem}.cuset-confirm-icon{font-size:2.5rem;color:var(--confirm-icon);margin-bottom:.75rem}.cuset-confirm-body p{font-size:.95rem;color:var(--text-secondary);margin:0 0 .75rem;transition:color .3s ease}.cuset-address-preview-box{background:var(--bg-address-preview);border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem;word-break:break-word;transition:background .3s ease,border-color .3s ease,color .3s ease}.cuset-confirm-actions{display:flex;gap:.75rem;justify-content:center}.cuset-btn-delete{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:var(--bg-delete);border:none;border-radius:10px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cuset-btn-delete:hover{background:var(--bg-delete-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.cuset-skeleton-line{border-radius:6px;animation:cuset-shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@keyframes cuset-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cuset-skeleton-large{width:60%;height:28px}.cuset-skeleton-medium{width:40%;height:18px}.cuset-skeleton-small{width:30%;height:14px}.cuset-skeleton-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cuset-skeleton-input{width:100%;height:44px;border-radius:10px;margin-bottom:.75rem;animation:cuset-shimmer 1.5s ease-in-out infinite;background:var(--skeleton-gradient);background-size:200% 100%}@media(max-width:1024px){.cuset-page{padding-inline:20px}}@media(max-width:768px){.cuset-page{padding-inline:14px}.cuset-layout{flex-direction:column;align-items:stretch}.cuset-header{flex-direction:row;align-items:center;gap:.75rem;padding:1rem 0}.cuset-back-btn{display:inline-flex}.cuset-header-content h1{font-size:1.3rem}.cuset-header-content p{font-size:.9rem}.cuset-profile-card{flex-direction:column;text-align:center;padding:1.25rem}.cuset-profile-avatar{width:64px;height:64px;font-size:2.5rem}.cuset-profile-details h2{font-size:1.1rem}.cuset-profile-badges{justify-content:center}.cuset-form-grid-3,.cuset-form-grid-2{grid-template-columns:1fr;gap:.75rem}.cuset-form-header{flex-direction:column;align-items:flex-start}.cuset-addresses-grid{grid-template-columns:1fr}.cuset-address-card{padding:1rem}.cuset-address-actions{flex-wrap:wrap}.cuset-action-btn{flex:1;justify-content:center;padding:.4rem .6rem;font-size:.7rem}.cuset-modal-content{margin:1rem;border-radius:14px;max-height:85vh}.cuset-modal-header,.cuset-modal-body{padding:1rem 1.25rem}.cuset-modal-footer{flex-direction:column;padding:.75rem 1.25rem 1.25rem}.cuset-modal-footer .cuset-btn-cancel,.cuset-modal-footer .cuset-btn-submit{width:100%;justify-content:center}.cuset-modal-row{grid-template-columns:1fr;gap:.75rem}.cuset-checkbox-field{justify-content:flex-start}.cuset-confirm-actions{flex-direction:column}.cuset-confirm-actions .cuset-btn-cancel,.cuset-confirm-actions .cuset-btn-delete{width:100%;justify-content:center}.cuset-form-container,.cuset-addresses-header,.cuset-profile-card{padding:1rem 1.25rem}}@media(max-width:480px){.cuset-page{padding-inline:10px}.cuset-header-content h1{font-size:1.1rem}.cuset-header-content p{font-size:.8rem}.cuset-profile-avatar{width:56px;height:56px;font-size:2rem}.cuset-profile-details h2{font-size:1rem}.cuset-profile-email{font-size:.8rem}.cuset-badge{font-size:.65rem;padding:.2rem .5rem}.cuset-form-header h3{font-size:.95rem}.cuset-btn-save,.cuset-btn-add-address{font-size:.8rem;padding:.4rem 1rem}.cuset-form-field label{font-size:.75rem}.cuset-form-field input,.cuset-form-field textarea,.cuset-form-field select{font-size:.85rem;padding:.5rem .75rem}.cuset-address-card{padding:.75rem}.cuset-address-text p{font-size:.8rem}.cuset-action-btn{font-size:.65rem;padding:.3rem .5rem}.cuset-modal-header h3{font-size:1rem}.cuset-addresses-header h3{font-size:.95rem}.cuset-form-container,.cuset-addresses-header{padding:.75rem 1rem;border-radius:10px}.cuset-profile-card{padding:.875rem 1rem;border-radius:10px}.cuset-checkbox-label{font-size:.8rem}}@media(max-width:360px){.cuset-page{padding-inline:8px}.cuset-header-content h1{font-size:.95rem}.cuset-profile-card{padding:.75rem}.cuset-profile-avatar{width:48px;height:48px;font-size:1.75rem}.cuset-address-card{padding:.625rem}.cuset-address-text p{font-size:.75rem}.cuset-action-btn{font-size:.6rem;padding:.2rem .4rem}.cuset-form-container,.cuset-addresses-header{padding:.625rem .75rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cuset-profile-card:hover,.cuset-form-container:hover,.cuset-address-card:hover{transform:none!important}.cuset-btn-save:hover:not(:disabled),.cuset-btn-add-address:hover,.cuset-btn-add-first:hover,.cuset-btn-submit:hover:not(:disabled),.cuset-btn-delete:hover{transform:none!important}.cuset-skeleton-line,.cuset-skeleton-input{animation:none!important;background:var(--skeleton-bg)!important}.cuset-modal-overlay,.cuset-modal-content{animation:none!important}}.cuset-avatar-initials,.cuset-btn-save-bottom,.cuset-locked-pill,.cuset-email-note,.cuset-header-title-mobile{display:none}@media(max-width:768px){.cuset-header{justify-content:flex-start}.cuset-header-content{display:none}.cuset-header-title-mobile{display:block;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.cuset-profile-card{flex-direction:row;text-align:left;align-items:center;gap:14px;padding:18px;border-radius:20px}.cuset-profile-card:hover{box-shadow:var(--shadow-card);border-color:var(--border-card)}.cuset-profile-avatar{width:64px;height:64px;font-size:22px;background:#f2f2f3;color:#111}body.dark-mode .cuset-profile-avatar{background:#ffffff14;color:#fff}.cuset-avatar-icon{display:none}.cuset-avatar-initials{display:block;font-size:22px;font-weight:700;letter-spacing:-.3px}.cuset-profile-details{flex:1;min-width:0}.cuset-profile-details h2{font-size:18px;font-weight:700;letter-spacing:-.4px}.cuset-profile-email{font-size:13px;overflow-wrap:break-word}.cuset-profile-badges{justify-content:flex-start}.cuset-badge{background:#f2f2f3;color:#111;border:none;font-size:11px;font-weight:600}body.dark-mode .cuset-badge{background:#ffffff14;color:#fff}.cuset-badge svg{display:none}.cuset-form-container{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.cuset-form-container:hover{box-shadow:none;border-color:transparent}.cuset-form-header{border-bottom:none;padding-bottom:0;margin-bottom:16px}.cuset-form-header h3{font-size:18px;font-weight:700;letter-spacing:-.4px}.cuset-form-header h3 svg{display:none}.cuset-form-header .cuset-btn-save{display:none}.cuset-form-field label{font-size:13px;color:var(--text-secondary)}.cuset-form-field label svg,.cuset-form-field .cuset-required{display:none}.cuset-form-field input{background:#e9edf2;border:1px solid #D5DBE4;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:500}body.dark-mode .cuset-form-field input{background:#ffffff17;border-color:#ffffff29}.cuset-form-field input:focus{background:#fff;border-color:var(--icon-color);box-shadow:none}body.dark-mode .cuset-form-field input:focus{background:#ffffff17}.cuset-form-field input.error{border-color:var(--error-color);background:#fef2f2}.cuset-form-field input.cuset-disabled{opacity:1}.cuset-email-lock-wrap{position:relative}.cuset-email-lock-wrap input{padding-right:78px}.cuset-locked-pill{display:inline-block;position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#efefef;color:#111;font-size:11px;font-weight:600;padding:5px 10px;border-radius:20px;line-height:1}body.dark-mode .cuset-locked-pill{background:#ffffff1f;color:#fff}.cuset-email-note{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.cuset-btn-save-bottom{display:flex;width:100%;height:52px;margin-top:20px;align-items:center;justify-content:center;background:var(--icon-color);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer}.cuset-btn-save-bottom:disabled{opacity:.5;cursor:not-allowed}.cuset-address-text,.cuset-address-text p{margin-left:0;padding-left:0;text-indent:0;text-align:left}}.guide-page{font-family:var(--font-sans);color:var(--navy);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.guide-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy-dark) 0%,var(--navy) 40%,var(--navy-light) 100%);overflow:hidden;padding:2rem}.guide-hero-background-shapes{position:absolute;inset:0;z-index:0;overflow:hidden}.guide-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,42,62,.7) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(26,42,62,.3) 0%,transparent 40%);z-index:1}.guide-hero-content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:center;animation:heroFadeIn 1s ease-out}.guide-hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:.625rem 1.75rem;border-radius:100px;color:var(--orange-light);font-size:.9375rem;font-weight:600;letter-spacing:.5px;margin-bottom:2.5rem;transition:all var(--transition);cursor:default}.guide-hero-badge.scrolled{background:#1a2a3ee6;border-color:var(--orange);box-shadow:0 8px 32px #0000004d;transform:scale(1.05)}.guide-hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:800;line-height:1.05;color:var(--white);margin-bottom:1.5rem;letter-spacing:-.03em}.guide-hero-title .highlight-text{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-hero-subtitle{font-size:clamp(1.25rem,1.8vw,1.625rem);color:#ffffffa6;max-width:600px;margin:0 auto 4rem;line-height:1.8;font-weight:300}.guide-section{padding:5rem 1.5rem;transition:all .8s ease;opacity:0;transform:translateY(40px)}.guide-section.visible{opacity:1;transform:translateY(0)}.guide-section.section-light{background:var(--white)}.guide-section.section-dark{background:var(--light-gray)}.needs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 0}.need-card{background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center}.need-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.need-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.25rem;margin-bottom:1rem}.need-card h4{font-size:1rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.need-card p{font-size:.875rem;color:var(--gray-500);margin:0;line-height:1.5}.steps-timeline{display:flex;flex-direction:column;gap:0;padding:1rem 0}.step-item{display:flex;gap:1.5rem;padding:1.5rem 0;position:relative}.step-item:not(:last-child):after{content:"";position:absolute;left:21px;top:68px;bottom:0;width:2px;background:var(--gray-200)}.step-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-marker span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dark) 100%);color:var(--white);font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #f59e0b4d;position:relative;z-index:2}.step-line{flex:1;width:2px;background:var(--gray-200);min-height:40px}.step-content{flex:1;padding-top:.5rem}.step-content h4{font-size:1.125rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.step-content p{font-size:.9375rem;color:var(--gray-600);line-height:1.7;margin:0 0 .75rem}.step-details{display:flex;flex-wrap:wrap;gap:.5rem}.detail-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--gray-100);border-radius:100px;font-size:.75rem;color:var(--gray-600);font-weight:500}.detail-tag svg{font-size:.625rem;color:var(--orange)}.flow-process{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0}.flow-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:300px}.flow-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--white);border:2px solid var(--gray-200);transition:all var(--transition);box-shadow:var(--shadow-sm)}.flow-icon-wrapper:hover{transform:scale(1.05);border-color:var(--orange);box-shadow:var(--shadow-md)}.flow-icon{font-size:1.5rem;color:var(--gray-500);transition:color var(--transition)}.flow-icon-wrapper:hover .flow-icon,.flow-icon.highlight{color:var(--orange)}.flow-label{font-size:.875rem;font-weight:500;color:var(--gray-600);text-align:center}.flow-arrow{color:var(--gray-300);font-size:.875rem;animation:flowBounce 1.5s ease-in-out infinite}@keyframes flowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.flow-item:last-child .flow-icon-wrapper{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dark) 100%);border-color:var(--orange)}.flow-item:last-child .flow-icon{color:var(--white)}.payment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;padding:1rem 0}.payment-card{position:relative;background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center;overflow:hidden}.payment-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.payment-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.25rem;margin-bottom:1rem}.payment-card h4{font-size:.875rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.payment-card p{font-size:.75rem;color:var(--gray-500);margin:0;line-height:1.4}.payment-step-number{position:absolute;top:.75rem;right:.75rem;font-size:.625rem;font-weight:700;color:var(--gray-300);background:var(--gray-100);padding:.125rem .5rem;border-radius:100px}.cancel-content{padding:1rem 0}.cancel-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--gray-200);margin-bottom:1.5rem}.cancel-table{width:100%;border-collapse:collapse;min-width:300px}.cancel-header{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:var(--white);font-weight:600;font-size:.875rem;padding:1rem 1.5rem}.cancel-row{display:grid;grid-template-columns:1fr 1fr;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-600)}.cancel-note{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-md);color:var(--gray-600);font-size:.9375rem}.cancel-note-icon{color:var(--orange);font-size:1.25rem;flex-shrink:0}.cancel-note p{margin:0}@media(max-width:1200px){.payment-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.guide-hero-title{font-size:clamp(2.5rem,8vw,3.25rem)}.guide-hero-subtitle{margin-bottom:3rem}.section-header{flex-wrap:wrap;gap:1rem}.section-number{font-size:1.5rem;min-width:40px}.section-title{font-size:1.25rem}.section-toggle-btn{width:36px;height:36px;font-size:.75rem}.needs-grid{grid-template-columns:1fr 1fr}.payment-grid{grid-template-columns:repeat(2,1fr)}.step-item{flex-direction:column;gap:.75rem}.step-item:not(:last-child):after{display:none}.step-marker{flex-direction:row}.step-line{display:none}.cancel-header,.cancel-row{grid-template-columns:1fr;gap:.25rem;padding:.75rem 1rem}.cancel-header{font-size:.75rem}.cancel-row{font-size:.8125rem}.cancel-note{flex-direction:column;text-align:center}.flow-item{max-width:200px}.flow-icon-wrapper{width:48px;height:48px}.flow-icon{font-size:1.125rem}}@media(max-width:480px){.guide-hero{padding:1.5rem}.needs-grid{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr 1fr}.guide-section{padding:3rem 1rem}.section-header{padding-bottom:1rem}.step-content h4{font-size:1rem}.step-details{gap:.375rem}.detail-tag{font-size:.6875rem;padding:.1875rem .625rem}.shape{display:none}.guide-hero-badge{font-size:.8125rem;padding:.5rem 1.25rem}.guide-hero-subtitle{font-size:1rem}.payment-card{padding:1.25rem .75rem}.payment-card h4{font-size:.75rem}.payment-card p{font-size:.6875rem}.payment-card-icon{width:40px;height:40px;font-size:1rem}}.payment-guide-page{font-family:var(--font-sans);color:var(--navy);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.payment-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy-dark) 0%,var(--navy) 40%,var(--navy-light) 100%);overflow:hidden;padding:2rem}.payment-hero-background-shapes{position:absolute;inset:0;z-index:0;overflow:hidden}.payment-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,42,62,.7) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(26,42,62,.3) 0%,transparent 40%);z-index:1}.payment-hero-content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:center;animation:heroFadeIn 1s ease-out}.payment-hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:800;line-height:1.05;color:var(--white);margin-bottom:1.5rem;letter-spacing:-.03em}.payment-hero-title .highlight-text{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-hero-subtitle{font-size:clamp(1.25rem,1.8vw,1.625rem);color:#ffffffa6;max-width:600px;margin:0 auto 4rem;line-height:1.8;font-weight:300}.payment-section{padding:5rem 1.5rem;transition:all .8s ease;opacity:0;transform:translateY(40px)}.payment-section.visible{opacity:1;transform:translateY(0)}.payment-section.section-light{background:var(--white)}.payment-section.section-dark{background:var(--light-gray)}.when-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 0}.when-card{background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center}.when-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.when-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.25rem;margin-bottom:1rem}.when-card h4{font-size:1rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.when-card p{font-size:.875rem;color:var(--gray-500);margin:0;line-height:1.5}.methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem 0}.method-card{background:var(--white);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition)}.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--orange)}.method-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.method-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f59e0b1a;color:var(--orange);font-size:1rem;flex-shrink:0}.method-header h3{font-size:1rem;font-weight:700;color:var(--navy);margin:0}.method-banks{font-size:.75rem;color:var(--gray-500);margin:0 0 .75rem}.method-banks strong{color:var(--navy)}.method-steps{list-style:none;padding:0;margin:0;counter-reset:step}.method-steps li{counter-increment:step;padding:.25rem 0 .25rem 1.75rem;position:relative;font-size:.75rem;color:var(--gray-600);line-height:1.5;border-bottom:1px solid var(--gray-50)}.method-steps li:before{content:counter(step);position:absolute;left:0;top:.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gray-100);color:var(--gray-500);font-size:.5625rem;font-weight:700}.method-steps li:last-child{border-bottom:none}.arrangements-content{padding:1rem 0}.arrangements-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--gray-200);margin-bottom:1rem}.arrangements-table{width:100%;border-collapse:collapse;min-width:300px}.arrangements-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--navy);color:var(--white);font-weight:600;font-size:.875rem;padding:1rem 1.5rem}.arrangements-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-600)}.arrangements-row:last-child{border-bottom:none}.arrangements-row:nth-child(2n){background:var(--gray-50)}.scheme-name{font-weight:600;color:var(--navy)}.arrangements-note{font-size:.875rem;color:var(--gray-500);text-align:center;margin:0;font-style:italic}.verification-content{padding:1rem 0}.verification-timeline{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.verification-step{display:flex;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:1rem 1.5rem;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);transition:all var(--transition)}.verification-step:hover{transform:translate(8px);border-color:var(--orange);box-shadow:var(--shadow-md)}.verification-step-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.125rem;flex-shrink:0}.verification-step-content{flex:1}.verification-step-content h4{font-size:.9375rem;font-weight:600;color:var(--navy);margin:0 0 .125rem}.verification-step-time{font-size:.75rem;color:var(--gray-400)}.verification-arrow{color:var(--gray-300);font-size:.75rem}.verification-statuses h4{font-size:1.125rem;font-weight:600;color:var(--navy);margin:0 0 1rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--gray-100)}.status-item div strong{display:block;font-size:.875rem;color:var(--navy)}.status-item div p{font-size:.75rem;color:var(--gray-500);margin:0}.tips-content{padding:1rem 0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.tip-card{background:var(--white);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center}.tip-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.tip-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.125rem;margin-bottom:.75rem}.tip-card h4{font-size:.9375rem;font-weight:600;color:var(--navy);margin:0 0 .25rem}.tip-card p{font-size:.8125rem;color:var(--gray-500);margin:0}.tips-cancel-section h4{font-size:1.125rem;font-weight:600;color:var(--navy);margin:0 0 1rem}.cancel-table{border-radius:var(--radius-md);border:1px solid var(--gray-200);overflow:hidden}.cancel-header{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:var(--white);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem}.cancel-row{display:grid;grid-template-columns:1fr 1fr;padding:.75rem 1.5rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-600)}.cancel-row:last-child{border-bottom:none}.cancel-row:nth-child(2n){background:var(--gray-50)}.refund-good{color:#10b981;font-weight:600}.refund-medium{color:var(--orange);font-weight:600}.refund-bad{color:#ef4444;font-weight:600}@media(max-width:1024px){.methods-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.payment-hero-title{font-size:clamp(2.5rem,8vw,3.25rem)}.payment-hero-subtitle{margin-bottom:3rem}.section-header{flex-wrap:wrap;gap:1rem}.section-number{font-size:1.5rem;min-width:40px}.section-title{font-size:1.25rem}.section-toggle-btn{width:36px;height:36px;font-size:.75rem}.methods-grid,.when-grid{grid-template-columns:1fr 1fr}.arrangements-header,.arrangements-row{grid-template-columns:1fr 1fr 1fr 1fr;font-size:.75rem;padding:.75rem 1rem}.cancel-header,.cancel-row{grid-template-columns:1fr;gap:.25rem;padding:.75rem 1rem}.verification-step{max-width:100%;padding:.75rem 1rem}.status-grid,.tips-grid{grid-template-columns:1fr 1fr}.shape{display:none}.payment-hero-subtitle{font-size:1rem}}@media(max-width:480px){.payment-hero{padding:1.5rem}.when-grid,.methods-grid,.tips-grid,.status-grid{grid-template-columns:1fr}.payment-section{padding:3rem 1rem}.section-header{padding-bottom:1rem}.method-card{padding:1.25rem}.method-steps li{font-size:.8125rem;padding:.375rem 0 .375rem 1.75rem}.method-steps li:before{width:1.25rem;height:1.25rem;font-size:.5625rem}.shape{display:none}.arrangements-header,.arrangements-row{font-size:.6875rem;padding:.5rem .75rem;grid-template-columns:1fr 1fr 1fr 1fr}.verification-step{padding:.625rem .75rem}.verification-step-content h4{font-size:.8125rem}.payment-hero-title{font-size:2.25rem}}.track-guide-page{font-family:var(--font-sans);color:var(--navy);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.track-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy-dark) 0%,var(--navy) 40%,var(--navy-light) 100%);overflow:hidden;padding:2rem}.track-hero-background-shapes{position:absolute;inset:0;z-index:0;overflow:hidden}.track-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,42,62,.7) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(26,42,62,.3) 0%,transparent 40%);z-index:1}.track-hero-content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:center;animation:heroFadeIn 1s ease-out}.track-hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:.625rem 1.75rem;border-radius:100px;color:var(--orange-light);font-size:.9375rem;font-weight:600;letter-spacing:.5px;margin-bottom:2.5rem;transition:all var(--transition);cursor:default}.track-hero-badge.scrolled{background:#1a2a3ee6;border-color:var(--orange);box-shadow:0 8px 32px #0000004d;transform:scale(1.05)}.track-hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:800;line-height:1.05;color:var(--white);margin-bottom:1.5rem;letter-spacing:-.03em}.track-hero-title .highlight-text{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.track-hero-subtitle{font-size:clamp(1.25rem,1.8vw,1.625rem);color:#ffffffa6;max-width:600px;margin:0 auto 4rem;line-height:1.8;font-weight:300}.track-section{padding:5rem 1.5rem;transition:all .8s ease;opacity:0;transform:translateY(40px)}.track-section.visible{opacity:1;transform:translateY(0)}.track-section.section-light{background:var(--white)}.track-section.section-dark{background:var(--light-gray)}.statuses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem 0}.status-card{display:flex;align-items:center;padding:1rem 1.25rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--gray-100);transition:all var(--transition)}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--orange)}.status-card-content h4{font-size:.875rem;font-weight:600;color:var(--navy);margin:0 0 .125rem}.status-card-content p{font-size:.75rem;color:var(--gray-500);margin:0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1rem 0}.overview-card{background:var(--white);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition)}.overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--orange)}.overview-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.overview-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f59e0b1a;color:var(--orange);font-size:.875rem;flex-shrink:0}.overview-card h4{font-size:.875rem;font-weight:600;color:var(--navy);margin:0}.overview-list{list-style:none;padding:0;margin:0}.overview-list li{font-size:.8125rem;color:var(--gray-600);position:relative;padding:.25rem 0 .25rem 1.25rem}.overview-list li:before{content:"•";position:absolute;left:0;color:var(--orange);font-weight:700}.timeline-content{padding:1rem 0}.timeline-steps{display:flex;flex-direction:column;gap:0;max-width:500px;margin:0 auto}.timeline-step{display:flex;gap:1.5rem;padding:.75rem 0;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;left:19px;top:44px;bottom:0;width:2px;background:var(--gray-200)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-marker span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dark) 100%);color:var(--white);font-weight:700;font-size:.75rem;box-shadow:0 4px 12px #f59e0b4d;position:relative;z-index:2}.timeline-line{flex:1;width:2px;background:var(--gray-200);min-height:30px}.timeline-content{flex:1;padding-top:.5rem}.timeline-content h4{font-size:.9375rem;font-weight:600;color:var(--navy);margin:0 0 .125rem}.timeline-week{font-size:.75rem;color:var(--gray-400)}.engineer-content{padding:1rem 0}.engineer-info{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);margin-bottom:1.5rem}.engineer-avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#f59e0b1a;color:var(--orange);font-size:2.5rem;flex-shrink:0}.engineer-details h4{font-size:1rem;font-weight:600;color:var(--gray-500);margin:0 0 .25rem}.engineer-name{font-size:1.25rem;font-weight:700;color:var(--navy);margin:0 0 .5rem}.engineer-contact{display:flex;flex-direction:column;gap:.25rem}.engineer-contact span{font-size:.875rem;color:var(--gray-600)}.engineer-contact span svg{margin-right:.5rem;color:var(--orange)}.engineer-actions{padding:1.5rem;background:var(--light-gray);border-radius:var(--radius-md)}.engineer-actions h4{font-size:1rem;font-weight:600;color:var(--navy);margin:0 0 .75rem}.engineer-actions ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.engineer-actions ul li{font-size:.875rem;color:var(--gray-600);padding:.25rem 0}.checklist-content{padding:1rem 0}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--gray-100);transition:all var(--transition)}.checklist-item:hover{border-color:var(--orange);box-shadow:var(--shadow-sm)}.checklist-icon{display:flex;align-items:center;justify-content:center;color:#10b981;font-size:1.125rem}.checklist-item span{font-size:.875rem;color:var(--gray-600)}.checklist-status{margin-left:auto;font-size:.75rem;font-weight:600;color:#10b981;background:#d1fae5;padding:.125rem .75rem;border-radius:100px}.checklist-note{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f59e0b0f;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.15)}.checklist-note-icon{color:var(--orange);font-size:1.125rem;flex-shrink:0}.checklist-note p{font-size:.875rem;color:var(--gray-600);margin:0}@media(max-width:768px){.track-hero-title{font-size:clamp(2.5rem,8vw,3.25rem)}.track-hero-subtitle{margin-bottom:3rem}.section-header{flex-wrap:wrap;gap:1rem}.section-number{font-size:1.5rem;min-width:40px}.section-title{font-size:1.25rem}.section-toggle-btn{width:36px;height:36px;font-size:.75rem}.statuses-grid,.overview-grid{grid-template-columns:1fr 1fr}.engineer-info{flex-direction:column;text-align:center}.engineer-contact{align-items:center}.engineer-actions ul{grid-template-columns:1fr}.checklist-grid{grid-template-columns:1fr 1fr}.shape{display:none}.track-hero-badge{font-size:.8125rem;padding:.5rem 1.25rem}.track-hero-subtitle{font-size:1rem}}@media(max-width:480px){.track-hero{padding:1.5rem}.track-hero-title{font-size:2.25rem}.statuses-grid,.overview-grid,.checklist-grid{grid-template-columns:1fr}.track-section{padding:3rem 1rem}.section-header{padding-bottom:1rem}.engineer-avatar{width:60px;height:60px;font-size:1.75rem}.engineer-name{font-size:1rem}.shape{display:none}.timeline-step{padding:.5rem 0}.timeline-marker span{width:32px;height:32px;font-size:.625rem}.timeline-content h4{font-size:.8125rem}}:root{--navy: #1A2A3E;--navy-light: #243B55;--navy-dark: #0F1A2A;--orange: #F59E0B;--orange-dark: #D97706;--orange-light: #FBBF24;--white: #FFFFFF;--light-gray: #F8F9FA;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: .4s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.view-guide-page{font-family:var(--font-sans);color:var(--navy);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.view-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy-dark) 0%,var(--navy) 40%,var(--navy-light) 100%);overflow:hidden;padding:2rem}.view-hero-background-shapes{position:absolute;inset:0;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.06;animation:floatShape 20s ease-in-out infinite}.shape-1{width:600px;height:600px;top:-200px;right:-100px;background:var(--orange);animation-delay:0s}.shape-2{width:400px;height:400px;bottom:-100px;left:-100px;background:var(--orange-light);animation-delay:-7s}.shape-3{width:300px;height:300px;top:40%;right:20%;background:var(--orange);animation-delay:-14s;opacity:.04}@keyframes floatShape{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(30px,-30px) scale(1.05) rotate(5deg)}66%{transform:translate(-20px,20px) scale(.95) rotate(-3deg)}}.view-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,42,62,.7) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(26,42,62,.3) 0%,transparent 40%);z-index:1}.view-hero-content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:center;animation:heroFadeIn 1s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.view-hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:.625rem 1.75rem;border-radius:100px;color:var(--orange-light);font-size:.9375rem;font-weight:600;letter-spacing:.5px;margin-bottom:2.5rem;transition:all var(--transition);cursor:default}.view-hero-badge.scrolled{background:#1a2a3ee6;border-color:var(--orange);box-shadow:0 8px 32px #0000004d;transform:scale(1.05)}.badge-icon{color:var(--orange);font-size:.875rem;animation:starPulse 3s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.view-hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:800;line-height:1.05;color:var(--white);margin-bottom:1.5rem;letter-spacing:-.03em}.view-hero-title .highlight-text{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-hero-subtitle{font-size:clamp(1.25rem,1.8vw,1.625rem);color:#ffffffa6;max-width:600px;margin:0 auto 4rem;line-height:1.8;font-weight:300}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#ffffff40;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;animation:scrollBounce 2.5s ease-in-out infinite}.scroll-arrow{font-size:1.25rem;color:#ffffff26}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}.view-section{padding:5rem 1.5rem;transition:all .8s ease;opacity:0;transform:translateY(40px)}.view-section.visible{opacity:1;transform:translateY(0)}.view-section.section-light{background:var(--white)}.view-section.section-dark{background:var(--light-gray)}.section-container{max-width:1200px;margin:0 auto}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-100)}.section-number{font-size:2.75rem;font-weight:800;color:#000;line-height:1;letter-spacing:-.03em;min-width:65px}.section-title-group{display:flex;align-items:center;gap:1rem;flex:1}.section-icon{font-size:1.5rem;color:var(--orange)}.section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:0}.section-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--gray-200);border-radius:50%;background:var(--white);color:var(--gray-500);font-size:1rem;cursor:pointer;transition:all var(--transition);flex-shrink:0}.section-toggle-btn:hover{border-color:var(--orange);color:var(--orange);transform:scale(1.05)}.section-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.section-body.expanded{max-height:5000px}.how-content{padding:1rem 0}.how-intro{font-size:1.125rem;color:var(--gray-600);text-align:center;max-width:700px;margin:0 auto 2rem;line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.how-card{background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center}.how-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.how-card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f59e0b1a;color:var(--orange);font-size:1.75rem;margin-bottom:1rem}.how-card h4{font-size:1.0625rem;font-weight:700;color:var(--navy);margin:0 0 .75rem}.how-card p{font-size:.9375rem;color:var(--gray-600);margin:0;line-height:1.7}.how-note{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;margin-top:2rem;background:#f59e0b0f;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.15)}.how-note-icon{color:var(--orange);font-size:1.25rem;flex-shrink:0}.how-note p{font-size:1rem;color:var(--gray-700);margin:0}.save-content{padding:1rem 0}.save-intro{font-size:1.125rem;color:var(--gray-600);text-align:center;max-width:700px;margin:0 auto 2rem;line-height:1.8}.save-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.save-card{background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition)}.save-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.save-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#f59e0b14;color:var(--orange);font-size:1.25rem;margin-bottom:1rem}.save-card h4{font-size:1.0625rem;font-weight:700;color:var(--navy);margin:0 0 .5rem}.save-card p{font-size:.9375rem;color:var(--gray-600);margin:0 0 1rem;line-height:1.7}.save-example{font-size:.875rem;color:var(--gray-500);background:var(--light-gray);padding:.75rem 1rem;border-radius:var(--radius-sm);border-left:3px solid var(--orange)}.save-example span{font-weight:600;color:var(--navy)}.calculate-content{padding:1rem 0}.calculate-intro{font-size:1.125rem;color:var(--gray-600);text-align:center;max-width:700px;margin:0 auto 2rem;line-height:1.8}.calculate-example{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.calculate-bill,.calculate-solar,.calculate-savings-box{width:100%;padding:1.5rem;border-radius:var(--radius-md);text-align:center}.calculate-bill{background:var(--white);border:2px solid var(--gray-200)}.calculate-solar{background:var(--light-gray);border:2px solid var(--gray-200)}.calculate-savings-box{background:#f59e0b14;border:2px solid var(--orange)}.calculate-bill h4,.calculate-solar h4,.calculate-savings-box h4{font-size:.875rem;font-weight:600;color:var(--gray-500);margin:0 0 .25rem}.calculate-amount{font-size:2.5rem;font-weight:800;color:var(--navy)}.calculate-savings{color:var(--orange)}.calculate-total{color:#10b981}.calculate-bill p,.calculate-solar p,.calculate-savings-box p{font-size:.8125rem;color:var(--gray-500);margin:.25rem 0 0}.calculate-arrow-down{color:var(--gray-300);font-size:1.25rem;padding:.25rem 0}.calculate-years{margin-top:2.5rem;padding:2rem;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100)}.calculate-years h4{font-size:1.125rem;font-weight:700;color:var(--navy);text-align:center;margin:0 0 1.5rem}.calculate-timeline{display:flex;flex-direction:column;gap:.5rem}.calculate-year{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-50)}.calculate-year:last-child{border-bottom:none}.calculate-year.highlight-year{background:#f59e0b0f;border-radius:var(--radius-sm);border-left:3px solid var(--orange)}.year-label{font-size:.9375rem;font-weight:500;color:var(--gray-600)}.year-savings{font-size:1rem;font-weight:700;color:#10b981}.calculate-note{font-size:.8125rem;color:var(--gray-400);text-align:center;margin:1.5rem 0 0;font-style:italic}.benefits-content{padding:1rem 0}.benefits-intro{font-size:1.125rem;color:var(--gray-600);text-align:center;max-width:700px;margin:0 auto 2rem;line-height:1.8}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.benefit-card{background:var(--white);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center}.benefit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--orange)}.benefit-card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f59e0b1a;color:var(--orange);font-size:1.75rem;margin-bottom:1rem}.benefit-card h4{font-size:1.0625rem;font-weight:700;color:var(--navy);margin:0 0 .5rem}.benefit-card p{font-size:.9375rem;color:var(--gray-600);margin:0;line-height:1.7}.ready-content{padding:1rem 0}.ready-intro{font-size:1.125rem;color:var(--gray-600);text-align:center;max-width:700px;margin:0 auto 2rem;line-height:1.8}.ready-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.ready-card{background:var(--white);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition)}.ready-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--orange)}.ready-card-check{margin-bottom:.75rem}.ready-check-icon{font-size:1.5rem;color:#10b981}.ready-card h4{font-size:1rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.ready-card p{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.6}.ready-cta{text-align:center;padding:2.5rem;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);border-radius:var(--radius-lg);color:var(--white)}.ready-cta h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.ready-cta p{font-size:1rem;color:#ffffffb3;margin:0 0 1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.ready-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.ready-btn-primary{padding:.75rem 2rem;background:var(--orange);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.ready-btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.ready-btn-secondary{padding:.75rem 2rem;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.ready-btn-secondary:hover{background:#ffffff1a;border-color:var(--white);transform:translateY(-2px)}@media(max-width:768px){.view-hero-title{font-size:clamp(2.5rem,8vw,3.25rem)}.view-hero-subtitle{margin-bottom:3rem}.section-header{flex-wrap:wrap;gap:1rem}.section-number{font-size:1.5rem;min-width:40px}.section-title{font-size:1.25rem}.section-toggle-btn{width:36px;height:36px;font-size:.75rem}.how-grid,.save-grid,.benefits-grid,.ready-grid{grid-template-columns:1fr 1fr}.shape{display:none}.view-hero-badge{font-size:.8125rem;padding:.5rem 1.25rem}.view-hero-subtitle{font-size:1rem}.calculate-amount{font-size:2rem}.ready-buttons{flex-direction:column;align-items:center}.ready-btn-primary,.ready-btn-secondary{width:100%;max-width:300px}}@media(max-width:480px){.view-hero{padding:1.5rem}.view-hero-title{font-size:2.25rem}.how-grid,.save-grid,.benefits-grid,.ready-grid{grid-template-columns:1fr}.view-section{padding:3rem 1rem}.section-header{padding-bottom:1rem}.shape{display:none}.calculate-example{padding:0 .5rem}.calculate-amount{font-size:1.75rem}.calculate-year{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem .75rem}.ready-cta{padding:1.5rem}.ready-cta h3{font-size:1.25rem}}.maintenance-container-adminsc{min-height:100vh;background:#f5f5f7;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.maintenance-content-adminsc{max-width:600px;width:100%;background:#fff;border-radius:24px;padding:2.5rem;text-align:center;border:1px solid #E5E5E8;box-shadow:0 8px 24px #0000000d}.maintenance-icon-adminsc{font-size:4rem;color:#6b6b6f;margin-bottom:1.5rem}.maintenance-icon-adminsc svg{animation:pulse-adminsc 2s ease-in-out infinite}@keyframes pulse-adminsc{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.maintenance-content-adminsc h1{font-size:2rem;font-weight:600;color:#1f1f1f;margin:0 0 1rem;letter-spacing:-.3px}.maintenance-message-adminsc{font-size:1rem;color:#6b6b6f;line-height:1.6;margin:0 0 1.5rem}.maintenance-details-adminsc{background:#f8f9fa;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.detail-item-adminsc{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#6b6b6f}.detail-item-adminsc svg{color:#9ca3af}.countdown-timer-adminsc{margin-bottom:1.5rem}.countdown-timer-adminsc h3{font-size:.875rem;font-weight:500;color:#6b6b6f;margin:0 0 1rem}.timer-adminsc{display:flex;justify-content:center;align-items:center;gap:1rem}.timer-unit-adminsc{text-align:center;background:#f8f9fa;border-radius:12px;padding:1rem;min-width:80px;border:1px solid #E5E5E8}.timer-value-adminsc{display:block;font-size:2rem;font-weight:700;color:#1f1f1f;font-family:monospace}.timer-label-adminsc{display:block;font-size:.7rem;color:#9ca3af;margin-top:.25rem}.timer-separator-adminsc{font-size:2rem;font-weight:700;color:#6b6b6f}.progress-section-adminsc{margin-bottom:1.5rem}.progress-bar-container-adminsc{background:#f0f0f0;border-radius:20px;height:8px;overflow:hidden;margin-bottom:.5rem}.progress-bar-adminsc{background:#1f1f1f;border-radius:20px;height:100%;transition:width .3s ease}.progress-text-adminsc{font-size:.7rem;color:#9ca3af;margin:0}.contact-info-adminsc{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #E5E5E8}.contact-info-adminsc h3{font-size:.875rem;font-weight:600;color:#1f1f1f;margin:0 0 1rem}.contact-details-adminsc{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.contact-link-adminsc{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f7;border:1px solid #E5E5E8;border-radius:8px;font-size:.75rem;color:#6b6b6f;text-decoration:none;transition:all .2s ease}.contact-link-adminsc:hover{background:#eeeef2;color:#1f1f1f}.social-links-adminsc{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #E5E5E8}.social-links-adminsc h3{font-size:.875rem;font-weight:600;color:#1f1f1f;margin:0 0 1rem}.social-icons-adminsc{display:flex;justify-content:center;gap:1rem}.social-icon-adminsc{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f5f7;border-radius:50%;color:#6b6b6f;font-size:1.25rem;transition:all .2s ease;text-decoration:none}.social-icon-adminsc:hover{transform:translateY(-2px)}.social-icon-adminsc.facebook-adminsc:hover{background:#1877f2;color:#fff}.social-icon-adminsc.twitter-adminsc:hover{background:#1da1f2;color:#fff}.social-icon-adminsc.instagram-adminsc:hover{background:#e4405f;color:#fff}.refresh-message-adminsc{margin-top:1rem}.refresh-message-adminsc small{font-size:.7rem;color:#9ca3af}.spinner-adminsc{animation:spin-adminsc 1s linear infinite;font-size:2rem;color:#6b6b6f;margin-bottom:1rem}@keyframes spin-adminsc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-icon-adminsc{width:64px;height:64px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adminsc 1.5s infinite;border-radius:50%;margin:0 auto 1.5rem}.skeleton-line-adminsc{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adminsc 1.5s infinite;border-radius:8px;margin:0 auto}.skeleton-line-adminsc.large-adminsc{width:250px;height:32px;margin-bottom:1rem}.skeleton-line-adminsc.medium-adminsc{width:350px;height:20px;margin-bottom:1rem}.skeleton-line-adminsc.small-adminsc{width:200px;height:14px;margin-bottom:1rem}.skeleton-button-adminsc{width:150px;height:42px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-adminsc 1.5s infinite;border-radius:10px;margin:0 auto}@keyframes shimmer-adminsc{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.maintenance-container-adminsc{padding:1rem}.maintenance-content-adminsc{padding:1.5rem}.maintenance-content-adminsc h1{font-size:1.5rem}.timer-adminsc{gap:.5rem}.timer-unit-adminsc{min-width:60px;padding:.75rem}.timer-value-adminsc,.timer-separator-adminsc{font-size:1.5rem}.contact-details-adminsc{flex-direction:column;gap:.75rem}.contact-link-adminsc{justify-content:center}}@media(max-width:480px){.maintenance-content-adminsc{padding:1.25rem}.timer-adminsc{flex-direction:column;gap:.5rem}.timer-separator-adminsc{display:none}.timer-unit-adminsc{width:100%}.timer-value-adminsc{font-size:1.25rem}.social-icons-adminsc{gap:.75rem}.social-icon-adminsc{width:36px;height:36px;font-size:1rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}