@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}.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}.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}.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)}.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:linear-gradient(135deg,var(--navy) 0%,rgba(26,42,62,.95) 100%);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-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{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{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{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}}@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}.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-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}}@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}.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-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-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}}@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}.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-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}}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{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #DBEAFE;--success: #22C55E;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--bg-card: #FFFFFF;--border-light: var(--gray-200);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.notif-page{min-height:100vh;background:var(--gray-50);padding:24px 40px;width:100%}.notif-wrapper{margin:0 auto}.notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.notif-spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notif-loading p{color:var(--gray-500);font-size:14px;font-weight:500}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px;margin-bottom:16px;border-bottom:2px solid var(--border-light)}.notif-header-left{display:flex;align-items:center;gap:16px}.notif-header-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--radius-md);flex-shrink:0}.notif-header-icon{font-size:22px;color:var(--primary)}.notif-header-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-card);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.notif-header h2{font-size:24px;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.02em}.notif-subtitle{font-size:14px;color:var(--gray-500);margin:2px 0 0}.notif-header-right{display:flex;align-items:center;gap:10px}.notif-select-btn,.notif-mark-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);border:none;background:var(--bg-card);color:var(--gray-500);border:1px solid var(--border-light)}.notif-select-btn:hover,.notif-mark-all-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.notif-select-btn.active{color:var(--primary);border-color:var(--primary)}.notif-select-btn.active:hover{background:var(--primary-light)}.notif-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;margin-bottom:8px}.bulk-count{font-size:14px;font-weight:600;color:var(--gray-900)}.bulk-actions-group{display:flex;gap:10px}.bulk-delete-btn,.bulk-select-btn{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);border:none;background:var(--bg-card);color:var(--gray-500);display:flex;align-items:center;gap:6px;border:1px solid var(--border-light)}.bulk-delete-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.bulk-select-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.notif-filters{margin-bottom:16px}.notif-filter-tabs{display:flex;gap:0px;border-bottom:1px solid var(--border-light);padding:0}.filter-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:0;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:var(--transition);position:relative}.filter-tab:hover{color:var(--gray-900);background:transparent}.filter-tab.active{color:var(--primary)}.filter-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.filter-count{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:22px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-500);font-size:12px;font-weight:600;transition:var(--transition)}.filter-tab.active .filter-count{background:var(--primary-light);color:var(--primary)}.filter-unread-dot{font-size:8px;color:var(--primary)}.unread-count{background:var(--primary-light);color:var(--primary)}.notif-error{display:flex;align-items:center;gap:14px;padding:14px 0;margin-bottom:16px}.notif-error svg{color:var(--danger);font-size:20px;flex-shrink:0}.notif-error p{flex:1;color:#dc2626;font-size:14px;margin:0}.notif-error button{padding:6px 18px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.notif-error button:hover{background:#dc2626}.notif-empty{text-align:center;padding:80px 20px}.notif-empty-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gray-100);border-radius:50%;margin-bottom:20px}.notif-empty-icon{font-size:40px;color:var(--gray-300)}.notif-empty h3{font-size:20px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.notif-empty p{color:var(--gray-500);font-size:14px;margin:0}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;background:transparent;transition:var(--transition);position:relative;border-bottom:1px solid var(--border-light)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:#f8faff;border-left:3px solid var(--primary);padding-left:16px}.notif-item.unread:hover{background:#f0f5ff}.notif-item.selected{background:var(--primary-light)}.notif-checkbox-wrapper{flex-shrink:0;padding-top:2px}.notif-checkbox{display:none}.notif-checkbox+label{display:inline-block;width:18px;height:18px;border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);position:relative;background:var(--bg-card)}.notif-checkbox:checked+label{border-color:var(--primary);background:var(--primary)}.notif-checkbox:checked+label:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.notif-icon-wrapper{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:16px;margin-top:2px}.icon-bg-info{background:var(--primary-light);color:var(--primary)}.icon-bg-warning{background:var(--warning-light);color:var(--warning)}.icon-bg-success{background:var(--success-light);color:var(--success)}.icon-bg-error{background:var(--danger-light);color:var(--danger)}.icon-bg-default{background:var(--gray-100);color:var(--gray-500)}.notif-content{flex:1;min-width:0}.notif-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px}.notif-title-wrapper{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notif-title{font-size:15px;font-weight:600;color:var(--gray-900);margin:0;line-height:1.4}.notif-unread-label{display:inline-block;padding:1px 8px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.notif-time-wrapper{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-500);white-space:nowrap;flex-shrink:0}.notif-time-separator{color:var(--border-light)}.notif-message{font-size:14px;color:var(--gray-500);margin:2px 0 0;line-height:1.6;word-wrap:break-word}.notif-footer{margin-top:8px;display:flex;gap:8px}.notif-mark-read-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:var(--transition)}.notif-mark-read-btn:hover{color:var(--success);background:var(--success-light)}.notif-actions{flex-shrink:0;display:flex;gap:4px;opacity:0;transition:var(--transition)}.notif-item:hover .notif-actions{opacity:1}.notif-delete-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.notif-delete-btn:hover{color:var(--danger);background:var(--danger-light)}.notif-footer-stats{padding:16px 0 0;text-align:center}.notif-stats{font-size:13px;color:var(--gray-500)}.notif-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998}.notif-modal-content{background:#fff;border-radius:var(--radius-lg);max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a;padding:0}.notif-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light)}.notif-modal-header h3{font-size:18px;font-weight:600;color:var(--gray-900);margin:0}.notif-modal-body{padding:24px;text-align:center}.notif-modal-icon-wrapper{margin-bottom:16px}.notif-modal-icon{font-size:48px;color:var(--danger)}.notif-modal-text{font-size:16px;font-weight:500;color:var(--gray-900);margin:0 0 8px}.notif-modal-subtext{font-size:14px;color:var(--gray-500);margin:0}.notif-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light)}.notif-modal-actions button{padding:8px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;border:none;cursor:pointer;transition:var(--transition)}.notif-modal-cancel-btn{background:#fff;color:var(--gray-500);border:1px solid var(--border-light)}.notif-modal-cancel-btn:hover{background:var(--gray-50);color:var(--gray-900)}.notif-modal-confirm-btn{background:var(--danger);color:#fff}.notif-modal-confirm-btn:hover{background:#dc2626}@media(max-width:1024px){.notif-page{padding:24px}}@media(max-width:768px){.notif-page{padding:16px}.notif-header{flex-direction:column;align-items:flex-start;padding:16px 0;gap:12px}.notif-header-right{width:100%;flex-wrap:wrap}.notif-select-btn,.notif-mark-all-btn{flex:1;justify-content:center;padding:6px 12px;font-size:12px}.notif-bulk-actions{flex-direction:column;gap:8px;align-items:stretch}.bulk-actions-group{flex-wrap:wrap}.bulk-delete-btn,.bulk-select-btn{flex:1;justify-content:center;padding:6px 12px;font-size:12px}.notif-filter-tabs{overflow-x:auto;flex-wrap:nowrap;border-bottom:1px solid var(--border-light)}.filter-tab{padding:8px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}.notif-item{padding:14px 0;gap:12px}.notif-item.unread{padding-left:12px}.notif-icon-wrapper{width:32px;height:32px;font-size:14px}.notif-content-header{flex-direction:column;align-items:flex-start;gap:2px}.notif-title{font-size:14px}.notif-time-wrapper{font-size:11px}.notif-message{font-size:13px}.notif-actions{opacity:1}.notif-empty{padding:60px 20px}.notif-empty-icon-wrapper{width:64px;height:64px}.notif-empty-icon{font-size:32px}.notif-empty h3{font-size:18px}.notif-modal-content{width:95%}.notif-modal-actions{flex-direction:column-reverse}.notif-modal-actions button{width:100%;justify-content:center}}@media(max-width:480px){.notif-page{padding:12px}.notif-header h2{font-size:18px}.notif-subtitle{font-size:12px}.notif-item{padding:12px 0;gap:10px}.notif-item.unread{padding-left:10px}.notif-icon-wrapper{width:28px;height:28px;font-size:13px}.notif-title{font-size:13px}.notif-message{font-size:12px}.notif-unread-label{font-size:9px;padding:1px 6px}.notif-delete-btn{width:28px;height:28px}}:root{--sidebar-bg: #0f1a24;--sidebar-bg-secondary: #1a2a3a;--sidebar-border: #243b4a;--sidebar-text: #b0bec5;--sidebar-text-hover: #ffffff;--sidebar-text-active: #ffffff;--sidebar-hover: #1a2a3a;--sidebar-active: #1a2a3a;--sidebar-accent: #f39c12;--sidebar-accent-hover: #e67e22;--gray-50: #f8fafc;--bg-elevated: #ffffff;--bg-surface: #f1f3f5;--text-primary: #1a2632;--text-secondary: #4a5568;--text-muted: #95a5a6;--border-light: #e9ecef;--border-medium: #dee2e6;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--warning-light: #fef3c7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.05);--shadow-header: 0 1px 3px rgba(0,0,0,.04);--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}.dashboard-layout-dashboard{display:flex;min-height:100vh;background:var(--gray-50);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}.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:#fff;color:#4a6cf7}.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:var(--text-primary);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){.mobile-hamburger-btn{display:flex}}.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:1000;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:#00000080;z-index:999;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}@media(max-width:768px){.sidebar-overlay-layout-dashboard{display:block;pointer-events:none}.sidebar-layout-dashboard.open-layout-dashboard~.sidebar-overlay-layout-dashboard{opacity:1;pointer-events:all}}.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-section-layout-dashboard{display:flex;flex-direction:column;gap:.3rem}.sidebar-section-header-layout-dashboard{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem .75rem;margin-bottom:.15rem;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-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-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)}.nav-item-layout-dashboard.logout-sidebar-btn:hover{background:#ef44441a;color:#ef4444}.nav-item-layout-dashboard.logout-sidebar-btn:hover .nav-icon-layout-dashboard{color:#ef4444}.main-content-layout-dashboard{flex:1;min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50);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}}.dashboard-header-layout-dashboard{background:var(--bg-elevated);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(--border-light);box-shadow:var(--shadow-header);min-height:80px;width:100%}@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}.sidebar-layout-dashboard.open-layout-dashboard~.main-content-layout-dashboard .dashboard-header-layout-dashboard{padding-left:var(--header-padding-right)}}@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}.page-title-layout-dashboard,.page-description-layout-dashboard{display:none!important}}@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}.page-title-layout-dashboard{font-size:1.15rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);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);margin:0;line-height:1.4;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right-layout-dashboard{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap;flex-shrink:0}@media(max-width:768px){.header-right-layout-dashboard{gap:.5rem;flex-wrap:nowrap}}@media(max-width:480px){.header-right-layout-dashboard{gap:.3rem}}.maintenance-warning{display:flex;align-items:center;gap:.5rem;background:var(--warning-light);color:#856404;padding:.35rem .9rem;border-radius:20px;font-size:.7rem;font-weight:500;font-family:var(--font-family);white-space:nowrap}.maintenance-icon{font-size:.8rem}.maintenance-text{font-size:.7rem;font-family:var(--font-family)}@media(max-width:768px){.maintenance-warning{padding:.2rem .5rem;font-size:.55rem;gap:.2rem}.maintenance-text{display:none}.maintenance-icon{font-size:.6rem}}@media(max-width:480px){.maintenance-warning{padding:.15rem .35rem;font-size:.5rem;border-radius:12px}}.header-user-info-layout-dashboard{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;flex-shrink:0}.header-profile-image-layout-dashboard{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);flex-shrink:0}.header-user-name-layout-dashboard{font-size:.88rem;font-weight:600;font-family:var(--font-family);color:var(--text-primary);white-space:nowrap}@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}}.content-area-layout-dashboard{flex:1;padding:1.5rem 2rem;overflow-y:auto;background:var(--gray-50)}@media(max-width:768px){.content-area-layout-dashboard{padding:1rem}}@media(max-width:480px){.content-area-layout-dashboard{padding:.75rem}}.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)}@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}.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}}@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:.75rem;gap:5px}.hamburger-line{width:24px;height:2.5px}.nav-item-layout-dashboard.logout-sidebar-btn{padding-top:.6rem;font-size:.85rem}.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}}.logout-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.logout-modal-container{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:2.5rem 2.5rem 2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-light)}.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:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-medium)}.logout-modal-btn-cancel:hover{background:var(--border-light);color:var(--text-primary)}.logout-modal-btn-confirm{background:#dc2626;color:#fff}.logout-modal-btn-confirm:hover{background:#b91c1c;transform:scale(1.02)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.sidebar-overlay-layout-dashboard{display:block!important;pointer-events:none;opacity:0;transition:opacity .3s ease;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-overlay-layout-dashboard.visible{opacity:1!important;pointer-events:all!important}}.mobile-hamburger-btn{z-index:1100!important}.sidebar-layout-dashboard{z-index:1001!important}.sidebar-overlay-layout-dashboard{z-index:1000!important}@media(min-width:769px){.sidebar-overlay-layout-dashboard{display:none!important}}@media(max-width:768px){body.sidebar-open{overflow:hidden!important}}.sidebar-layout-dashboard{transition:transform .3s cubic-bezier(.16,1,.3,1)!important}@media(max-width:768px){.sidebar-layout-dashboard.open-layout-dashboard~.main-content-layout-dashboard .dashboard-header-layout-dashboard{padding-left:var(--header-padding-right)!important}}.hamburger-line{background:var(--text-primary)!important}.mobile-hamburger-btn:hover .hamburger-line{background:var(--sidebar-accent)!important}@media(max-width:480px){.sidebar-overlay-layout-dashboard{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}*{margin:0;padding:0;box-sizing:border-box}@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}}:root{--purple: #8b5cf6;--purple-light: #f3e8ff;--indigo: #6366f1;--indigo-light: #e0e7ff;--blue: #3b82f6;--blue-light: #dbeafe;--emerald: #10b981;--emerald-light: #d1fae5;--amber: #f59e0b;--amber-light: #fef3c7;--rose: #f43f5e;--rose-light: #ffe4e6;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .02);--border-radius: 20px}.modern-admin-dashboard{margin:0 auto;background-color:var(--gray-50);animation:fadeInLoad .6s ease-out}@keyframes fadeInLoad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-welcome-section{margin-bottom:2.5rem;padding:0 .5rem}.modern-welcome-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;letter-spacing:-.02em}.modern-welcome-subtitle{color:var(--gray-500);font-size:1rem;font-weight:400;margin:0}.modern-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.modern-stat-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem 1.5rem .5rem;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;gap:.5rem}.modern-stat-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.modern-stat-header{display:flex;justify-content:space-between;align-items:flex-start}.modern-stat-icon-wrapper{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--gray-100);color:var(--gray-700)}.modern-stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--emerald);background:var(--emerald-light);padding:.2rem .5rem;border-radius:50px}.modern-stat-content{display:flex;flex-direction:column;margin-bottom:.5rem}.modern-stat-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.2}.modern-stat-label{font-size:.875rem;color:var(--gray-500);font-weight:500;margin-top:.1rem}.modern-stat-detail{font-size:.8rem;color:var(--gray-500);margin-top:.1rem}.modern-stat-sparkline{width:100%;height:30px;margin-top:auto;overflow:hidden;color:var(--gray-200)}.modern-stat-card.blue .modern-stat-sparkline{color:var(--blue)}.modern-stat-card.green .modern-stat-sparkline{color:var(--emerald)}.modern-stat-card.purple .modern-stat-sparkline{color:var(--purple)}.modern-stat-card.orange .modern-stat-sparkline{color:var(--amber)}.modern-stat-card.blue .modern-stat-icon-wrapper{background:var(--blue-light);color:var(--blue)}.modern-stat-card.green .modern-stat-icon-wrapper{background:var(--emerald-light);color:var(--emerald)}.modern-stat-card.purple .modern-stat-icon-wrapper{background:var(--purple-light);color:var(--purple)}.modern-stat-card.orange .modern-stat-icon-wrapper{background:var(--amber-light);color:var(--amber)}.modern-quick-actions{margin-bottom:2.5rem}.modern-section-header{margin-bottom:1.25rem}.modern-section-header h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0}.modern-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.modern-quick-action-item{background:#fff;padding:1.25rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.8)}.modern-quick-action-item:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.modern-quick-action-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--gray-100);color:var(--gray-700);flex-shrink:0}.modern-quick-action-content{flex:1;display:flex;flex-direction:column}.modern-quick-action-label{font-weight:600;font-size:.95rem;color:var(--gray-900)}.modern-quick-action-description{font-size:.8rem;color:var(--gray-500);margin-top:.1rem}.modern-quick-action-arrow{color:var(--gray-300);transition:all .3s ease}.modern-quick-action-item:hover .modern-quick-action-arrow{transform:translate(4px);color:var(--gray-700)}.modern-quick-action-item.indigo .modern-quick-action-icon-wrapper{background:var(--indigo-light);color:var(--indigo)}.modern-quick-action-item.emerald .modern-quick-action-icon-wrapper{background:var(--emerald-light);color:var(--emerald)}.modern-quick-action-item.purple .modern-quick-action-icon-wrapper{background:var(--purple-light);color:var(--purple)}.modern-quick-action-item.amber .modern-quick-action-icon-wrapper{background:var(--amber-light);color:var(--amber)}.modern-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.modern-chart-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.8)}.modern-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.modern-chart-header h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.modern-chart-period{font-size:.75rem;color:var(--gray-500);display:block;margin-top:.1rem}.modern-chart-actions{display:flex;gap:1rem;font-size:.75rem;align-items:center;color:var(--gray-500)}.modern-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}.modern-legend-dot.quote-color{background:#a78bfa}.modern-legend-dot.assessment-color{background:#f472b6}.modern-legend-dot.revenue-color{background:#10b981}.modern-chart-body{position:relative}.modern-chart-tooltip{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid var(--gray-200)}.tooltip-label{font-weight:600;font-size:.85rem;margin:0 0 .25rem}.tooltip-item{font-size:.8rem;margin:0}.modern-empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-500)}.modern-empty-chart p{margin:0 0 .25rem;font-weight:500}.modern-empty-chart small{font-size:.8rem}.modern-activity-container{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.8)}.modern-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modern-activity-title{font-size:1rem;font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:.5rem}.modern-activity-view-all{background:transparent;border:none;color:var(--gray-500);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.modern-activity-view-all:hover{color:var(--gray-900)}.modern-activity-list{display:flex;flex-direction:column;gap:.75rem}.modern-activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:16px;background:var(--gray-50);cursor:pointer;transition:all .2s ease}.modern-activity-item:hover{background:var(--gray-100);transform:translate(4px)}.modern-activity-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--gray-500);background:var(--gray-200);flex-shrink:0}.modern-activity-content{flex:1;display:flex;flex-direction:column}.modern-activity-message{font-size:.9rem;font-weight:500;color:var(--gray-900);margin:0}.modern-activity-time{font-size:.75rem;color:var(--gray-500);margin-top:.1rem}.modern-activity-status{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:50px;background:var(--gray-200);color:var(--gray-700);white-space:nowrap}.modern-empty-activity{text-align:center;padding:1.5rem 0;color:var(--gray-500)}.modern-empty-activity p{margin:0 0 .25rem}.modern-admin-dashboard .skeleton-title{width:60%;height:2rem;background:var(--gray-200);border-radius:8px;margin-bottom:.5rem;animation:pulse 1.5s infinite}.modern-admin-dashboard .skeleton-subtitle{width:40%;height:1rem;background:var(--gray-200);border-radius:8px;animation:pulse 1.5s infinite}.modern-admin-dashboard .skeleton-stat-main{height:100px;background:var(--gray-100);border-radius:12px;margin:1rem;animation:pulse 1.5s infinite}.modern-admin-dashboard .skeleton-quick-action{height:70px;background:var(--gray-100);border-radius:var(--border-radius);animation:pulse 1.5s infinite}.modern-admin-dashboard .skeleton-chart{height:200px;background:var(--gray-100);border-radius:12px;margin:1rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.modern-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--gray-700);text-align:center}.modern-error-icon{font-size:3rem;color:var(--rose);margin-bottom:1rem}.modern-retry-btn{margin-top:1.5rem;padding:.75rem 2rem;background:var(--gray-900);color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer;transition:background .2s ease}.modern-retry-btn:hover{background:#1e293b}@media(max-width:1024px){.modern-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.modern-admin-dashboard{padding:1rem}.modern-stat-card{padding:1.25rem}.modern-welcome-title{font-size:1.5rem}}@media(max-width:480px){.modern-quick-actions-grid{grid-template-columns:1fr}.modern-activity-item{flex-wrap:wrap}.modern-activity-status{margin-left:3.5rem}.modern-chart-actions{width:100%;justify-content:flex-start}}.site-assessment-adminsiteassess{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900)}.header-adminsiteassess{display:flex;justify-content:space-between;align-items:flex-start;height:5px}.chart-area-adminsiteassess{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:24px;margin-bottom:16px;box-shadow:var(--card-shadow);height:260px;display:flex;flex-direction:column;transition:box-shadow .3s ease}.chart-area-adminsiteassess:hover{box-shadow:var(--card-hover-shadow)}.chart-header-adminsiteassess{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header-adminsiteassess h3{font-size:16px;font-weight:700;margin:0;color:var(--gray-900);letter-spacing:-.01em}.chart-period-adminsiteassess{font-size:13px;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:20px}.chart-wrapper-adminsiteassess{flex:1;width:100%;height:100%}.recharts-custom-tooltip-adminsiteassess{background:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 16px #00000014;border:1px solid var(--gray-200)}.tooltip-label-adminsiteassess{font-weight:600;font-size:13px;margin:0 0 6px;color:var(--gray-900);border-bottom:1px solid var(--gray-200);padding-bottom:4px}.tooltip-item-adminsiteassess{font-size:13px;margin:2px 0;display:flex;align-items:center;gap:6px}.tooltip-item-adminsiteassess:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}.tabs-adminsiteassess{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin-bottom:16px}.tab-btn-adminsiteassess{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.tab-btn-adminsiteassess:hover{color:var(--primary-blue)}.tab-btn-adminsiteassess.active-adminsiteassess{color:var(--primary-blue);font-weight:600}.tab-btn-adminsiteassess.active-adminsiteassess:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.tab-badge-adminsiteassess{background-color:var(--gray-100);color:var(--gray-500);font-size:12px;font-weight:600;padding:2px 10px;border-radius:50px}.tab-btn-adminsiteassess.active-adminsiteassess .tab-badge-adminsiteassess{background-color:var(--primary-blue-light);color:var(--primary-blue)}.toolbar-adminsiteassess{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-group-adminsiteassess{flex:1;min-width:250px;position:relative}.filter-group-adminsiteassess{position:relative}.refresh-btn-adminsiteassess{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}@keyframes spin-adminsiteassess{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-adminsiteassess{animation:spin-adminsiteassess 1s linear infinite}.table-container-adminsiteassess{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow)}.data-table-adminsiteassess{width:100%;border-collapse:collapse;font-size:14px}.data-table-adminsiteassess thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.data-table-adminsiteassess th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.data-table-adminsiteassess tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.data-table-adminsiteassess tbody tr:last-child{border-bottom:none}.data-table-adminsiteassess tbody tr:hover{background-color:var(--gray-50)}.data-table-adminsiteassess tbody tr:nth-child(2n){background-color:#fafbfc}.data-table-adminsiteassess tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.data-table-adminsiteassess td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.ref-cell-adminsiteassess{font-weight:600;color:var(--gray-900);font-size:13px}.amount-cell-adminsiteassess{font-weight:600;color:var(--gray-900)}.email-cell-adminsiteassess{font-size:12px;color:var(--gray-500);margin-top:2px}.contact-info-adminsiteassess{font-size:14px}.empty-state-adminsiteassess{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.status-badge-adminsiteassess{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.action-dropdown-container-adminsiteassess{position:relative;display:inline-block}.action-dropdown-toggle-adminsiteassess{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-adminsiteassess:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dropdown-arrow-adminsiteassess{font-size:10px;transition:transform .2s ease}.dropdown-arrow-adminsiteassess.open-adminsiteassess{transform:rotate(180deg)}.action-dropdown-menu-adminsiteassess{min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.dropdown-item-adminsiteassess{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-adminsiteassess:hover:not(.disabled-adminsiteassess){background:var(--gray-50)}.dropdown-item-adminsiteassess svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.dropdown-item-adminsiteassess.disabled-adminsiteassess{color:var(--gray-300);cursor:default}.dropdown-item-adminsiteassess.disabled-adminsiteassess svg{color:var(--gray-300)}.pagination-adminsiteassess{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;flex-wrap:wrap;gap:16px}.pagination-info-adminsiteassess{color:var(--gray-500);font-size:14px}.pagination-controls-adminsiteassess{display:flex;align-items:center;gap:6px}.page-btn-adminsiteassess{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-btn-adminsiteassess:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn-adminsiteassess:disabled{opacity:.5;cursor:default;border-color:var(--gray-100)}.page-number-adminsiteassess{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-number-adminsiteassess:hover:not(.active-adminsiteassess){background:var(--gray-50);border-color:var(--gray-300)}.page-number-adminsiteassess.active-adminsiteassess{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 8px #2563eb33}.modal-overlay-adminsiteassess{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-adminsiteassess{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-adminsiteassess{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-adminsiteassess h3{font-size:20px;font-weight:700;margin:0;color:var(--gray-900)}.modal-close-adminsiteassess{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-adminsiteassess:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-adminsiteassess{padding:28px}.detail-row-adminsiteassess{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gray-100)}.detail-row-adminsiteassess:last-child{border-bottom:none}.detail-row-adminsiteassess span{color:var(--gray-500)}.detail-section-adminsiteassess{margin-bottom:24px}.detail-section-adminsiteassess h4{font-size:14px;font-weight:700;color:var(--gray-500);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.detail-section-adminsiteassess p{margin:6px 0;font-size:14px;color:var(--gray-700)}.detail-section-adminsiteassess p strong{font-weight:600;color:var(--gray-900);margin-right:6px}.form-group-adminsiteassess{margin-top:20px}.form-group-adminsiteassess label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--gray-700)}.form-group-adminsiteassess textarea,.form-group-adminsiteassess input[type=text],.form-group-adminsiteassess input[type=date],.form-group-adminsiteassess select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group-adminsiteassess textarea:focus,.form-group-adminsiteassess input:focus,.form-group-adminsiteassess select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.info-box-adminsiteassess{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200);margin-top:20px;color:var(--gray-500);font-size:13px}.info-box-adminsiteassess svg{margin-top:2px;color:var(--primary-blue)}.modal-actions-adminsiteassess{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-adminsiteassess button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-adminsiteassess button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-adminsiteassess button:disabled{opacity:.6;cursor:default}.cancel-btn-adminsiteassess{background:#fff}.approve-btn-adminsiteassess,.verify-btn-adminsiteassess,.assign-btn-adminsiteassess,.upload-btn-adminsiteassess{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.approve-btn-adminsiteassess:hover,.verify-btn-adminsiteassess:hover,.assign-btn-adminsiteassess:hover,.upload-btn-adminsiteassess:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.reject-btn-adminsiteassess{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.reject-btn-adminsiteassess:hover{background:#fee2e2!important}.engineer-grid-adminsiteassess{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.engineer-card-adminsiteassess{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.engineer-card-adminsiteassess:hover{background:var(--gray-50);border-color:var(--gray-300)}.engineer-card-adminsiteassess.selected-adminsiteassess{border-color:var(--primary-blue);background:var(--primary-blue-light);box-shadow:0 0 0 4px var(--primary-blue-light)}.engineer-avatar-adminsiteassess{width:36px;height:36px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gray-500);font-size:14px;flex-shrink:0}.engineer-info-adminsiteassess{flex:1;min-width:0}.engineer-name-adminsiteassess{font-size:14px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engineer-email-adminsiteassess{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engineer-selected-badge-adminsiteassess{color:var(--primary-blue);font-size:18px}.no-engineers-adminsiteassess{grid-column:1 / -1;padding:20px;text-align:center;color:var(--gray-500);background:var(--gray-50);border-radius:10px;border:1px dashed var(--gray-300)}.skeleton-title-adminsiteassess{height:28px;width:200px;background:var(--gray-200);border-radius:4px;margin-bottom:8px}.skeleton-subtitle-adminsiteassess{height:16px;width:300px;background:var(--gray-200);border-radius:4px}.skeleton-tab-adminsiteassess{height:40px;width:120px;background:var(--gray-200);border-radius:4px;margin-right:16px}.skeleton-chart-adminsiteassess{height:200px;background:var(--gray-200);border-radius:var(--border-radius);margin-bottom:16px}.skeleton-table-adminsiteassess{height:400px;background:var(--gray-200);border-radius:0}@keyframes shimmer-adminsiteassess{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-title-adminsiteassess,.skeleton-subtitle-adminsiteassess,.skeleton-tab-adminsiteassess,.skeleton-chart-adminsiteassess,.skeleton-table-adminsiteassess{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-adminsiteassess 1.5s infinite}@media(max-width:1024px){.site-assessment-adminsiteassess{padding:16px 24px}.engineer-grid-adminsiteassess{grid-template-columns:1fr}}@media(max-width:768px){.site-assessment-adminsiteassess{padding:16px}.toolbar-adminsiteassess{flex-direction:column;align-items:stretch}.search-group-adminsiteassess{min-width:auto}.pagination-adminsiteassess{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls-adminsiteassess{justify-content:center;flex-wrap:wrap}.data-table-adminsiteassess{font-size:13px}.data-table-adminsiteassess th,.data-table-adminsiteassess td{padding:12px}.modal-adminsiteassess{width:95%}.modal-actions-adminsiteassess{flex-direction:column-reverse}.modal-actions-adminsiteassess button{width:100%;justify-content:center}.chart-area-adminsiteassess{height:220px}}.toolbar-adminsiteassess{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:nowrap}.search-group-adminsiteassess{flex:0 0 280px;max-width:320px;position:relative}.search-icon-adminsiteassess{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.search-group-adminsiteassess input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.search-group-adminsiteassess input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.search-group-adminsiteassess input::placeholder{color:var(--gray-500)}.filter-group-adminsiteassess{flex:0 0 auto;position:relative}.filter-group-adminsiteassess select{appearance:none;padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-group-adminsiteassess select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.select-arrow-adminsiteassess{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:12px}.refresh-btn-adminsiteassess{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn-adminsiteassess:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}@media(max-width:768px){.site-assessment-adminsiteassess{padding:12px!important}.chart-area-adminsiteassess{height:200px!important;padding:16px!important;margin-bottom:12px!important}.chart-header-adminsiteassess h3{font-size:14px!important}.chart-period-adminsiteassess{font-size:11px!important;padding:2px 10px!important}.toolbar-adminsiteassess{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.search-group-adminsiteassess{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important}.filter-group-adminsiteassess{flex:1 1 auto!important;width:100%!important}.filter-group-adminsiteassess select{width:100%!important;min-width:auto!important}.refresh-btn-adminsiteassess{flex:1 1 auto!important;justify-content:center!important;width:100%!important}.tabs-adminsiteassess{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin-bottom:12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-adminsiteassess::-webkit-scrollbar{display:none}.tab-btn-adminsiteassess{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important}.tab-btn-adminsiteassess.active-adminsiteassess:after{left:16px!important;right:16px!important}.tab-badge-adminsiteassess{font-size:10px!important;padding:1px 8px!important}.table-container-adminsiteassess{overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:0 -4px!important;border-radius:0!important}.data-table-adminsiteassess{font-size:12px!important;min-width:700px!important}.data-table-adminsiteassess th,.data-table-adminsiteassess td{padding:10px 12px!important;font-size:12px!important}.data-table-adminsiteassess th{font-size:11px!important;padding:10px 12px!important}.ref-cell-adminsiteassess,.amount-cell-adminsiteassess{font-size:12px!important}.email-cell-adminsiteassess{font-size:10px!important}.contact-info-adminsiteassess{font-size:12px!important}.action-dropdown-toggle-adminsiteassess{padding:4px 10px!important;font-size:12px!important}.action-dropdown-toggle-adminsiteassess span{display:none!important}.action-dropdown-toggle-adminsiteassess svg{font-size:12px!important}.status-badge-adminsiteassess{font-size:10px!important;padding:3px 8px!important}.pagination-adminsiteassess{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0 0!important}.pagination-info-adminsiteassess{text-align:center!important;font-size:12px!important}.pagination-controls-adminsiteassess{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.page-btn-adminsiteassess{padding:6px 12px!important;font-size:12px!important}.page-number-adminsiteassess{min-width:30px!important;height:30px!important;font-size:12px!important;padding:0 6px!important}.modal-adminsiteassess{max-width:95%!important;max-height:95vh!important;border-radius:12px!important}.modal-header-adminsiteassess{padding:16px 20px!important}.modal-header-adminsiteassess h3{font-size:17px!important}.modal-body-adminsiteassess{padding:20px!important}.modal-actions-adminsiteassess{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.modal-actions-adminsiteassess button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.detail-row-adminsiteassess{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:8px 0!important}.detail-row-adminsiteassess span{font-size:12px!important}.detail-row-adminsiteassess strong{font-size:14px!important}.engineer-grid-adminsiteassess{grid-template-columns:1fr!important;gap:8px!important}.engineer-card-adminsiteassess{padding:10px 12px!important}.engineer-avatar-adminsiteassess{width:32px!important;height:32px!important;font-size:12px!important}.engineer-name-adminsiteassess{font-size:13px!important}.engineer-email-adminsiteassess{font-size:11px!important}.form-group-adminsiteassess label{font-size:13px!important}.form-group-adminsiteassess textarea,.form-group-adminsiteassess input[type=text],.form-group-adminsiteassess input[type=date],.form-group-adminsiteassess select{padding:10px 12px!important;font-size:13px!important}.info-box-adminsiteassess{font-size:12px!important;padding:12px!important}.modal-overlay-adminsiteassess{padding:16px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.action-dropdown-menu-adminsiteassess{min-width:160px!important;max-width:200px!important;border-radius:8px!important}.dropdown-item-adminsiteassess{padding:8px 14px!important;font-size:13px!important}.dropdown-item-adminsiteassess svg{font-size:13px!important}}@media(max-width:480px){.site-assessment-adminsiteassess{padding:8px!important}.chart-area-adminsiteassess{height:180px!important;padding:12px!important}.chart-header-adminsiteassess h3{font-size:12px!important}.chart-period-adminsiteassess{font-size:9px!important;padding:2px 8px!important}.tab-btn-adminsiteassess{padding:8px 12px!important;font-size:11px!important}.tab-badge-adminsiteassess{font-size:9px!important;padding:1px 6px!important}.data-table-adminsiteassess th,.data-table-adminsiteassess td{padding:8px!important;font-size:11px!important}.data-table-adminsiteassess th{font-size:10px!important;padding:8px!important}.ref-cell-adminsiteassess,.amount-cell-adminsiteassess{font-size:11px!important}.email-cell-adminsiteassess{font-size:9px!important}.contact-info-adminsiteassess{font-size:11px!important}.status-badge-adminsiteassess{font-size:9px!important;padding:2px 6px!important}.action-dropdown-toggle-adminsiteassess{padding:2px 8px!important;font-size:11px!important}.modal-adminsiteassess{max-width:98%!important}.modal-header-adminsiteassess{padding:12px 16px!important}.modal-header-adminsiteassess h3{font-size:15px!important}.modal-body-adminsiteassess{padding:16px!important}.modal-actions-adminsiteassess{padding:12px 16px!important}.modal-actions-adminsiteassess button{font-size:13px!important;padding:10px!important}.detail-row-adminsiteassess strong{font-size:13px!important}.form-group-adminsiteassess textarea,.form-group-adminsiteassess input[type=text],.form-group-adminsiteassess input[type=date],.form-group-adminsiteassess select{padding:8px 10px!important;font-size:12px!important}.page-btn-adminsiteassess{padding:4px 10px!important;font-size:11px!important}.page-number-adminsiteassess{min-width:28px!important;height:28px!important;font-size:11px!important}.dropdown-item-adminsiteassess{padding:6px 12px!important;font-size:12px!important}.dropdown-item-adminsiteassess svg{font-size:12px!important}}@media(max-width:768px){.data-table-adminsiteassess{min-width:600px!important}.data-table-adminsiteassess th:nth-child(6),.data-table-adminsiteassess td:nth-child(6){display:none!important}.data-table-adminsiteassess th:nth-child(7),.data-table-adminsiteassess td:nth-child(7){display:none!important}}@media(max-width:480px){.data-table-adminsiteassess{min-width:500px!important}.data-table-adminsiteassess th:nth-child(3),.data-table-adminsiteassess td:nth-child(3){display:none!important}.data-table-adminsiteassess th:nth-child(4),.data-table-adminsiteassess td:nth-child(4){display:none!important}}@media(hover:none)and (pointer:coarse){.tab-btn-adminsiteassess{padding:12px 20px!important}.action-dropdown-toggle-adminsiteassess{padding:8px 14px!important;min-height:40px!important}.dropdown-item-adminsiteassess{padding:12px 16px!important;min-height:44px!important}.page-btn-adminsiteassess,.page-number-adminsiteassess{min-height:40px!important;min-width:40px!important}.modal-actions-adminsiteassess button{min-height:48px!important}.engineer-card-adminsiteassess{padding:12px 14px!important}}@media(max-width:768px){.skeleton-title-adminsiteassess{height:24px!important;width:150px!important}.skeleton-subtitle-adminsiteassess{height:14px!important;width:200px!important}.skeleton-chart-adminsiteassess{height:160px!important}.skeleton-table-adminsiteassess{height:300px!important}}@media(max-width:768px){.desktop-table{display:none!important}.mobile-cards{display:block!important}}@media(min-width:769px){.mobile-cards{display:none!important}.desktop-table{display:block!important}}.cards-container-adminsiteassess{display:grid;grid-template-columns:1fr;gap:16px;padding:0;margin-bottom:16px}.card-item-adminsiteassess{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.card-item-adminsiteassess:active{transform:scale(.99)}.card-header-adminsiteassess{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.card-ref-adminsiteassess{display:flex;align-items:center;gap:8px}.card-ref-label{font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-200);padding:2px 8px;border-radius:4px}.card-ref-value{font-size:14px;font-weight:600;color:var(--gray-900)}.card-body-adminsiteassess{padding:16px}.card-client-adminsiteassess{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--gray-100)}.card-client-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.card-client-info{flex:1;min-width:0}.card-client-name{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.card-client-contact{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-600);margin-top:2px}.card-icon-sm{font-size:11px;color:var(--gray-400)}.card-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-detail-item{display:flex;flex-direction:column;gap:2px}.card-detail-label{font-size:10px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.card-detail-value{font-size:14px;font-weight:500;color:var(--gray-900)}.card-detail-value.amount{font-weight:600;color:var(--primary-blue)}.card-actions-adminsiteassess{padding:12px 16px;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;background:var(--gray-50)}.card-action-dropdown{position:relative}.card-action-dropdown .action-dropdown-toggle-adminsiteassess{background:#fff;border:1px solid var(--gray-200);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.card-action-dropdown .action-dropdown-toggle-adminsiteassess:hover{background:var(--gray-50);border-color:var(--gray-300)}.card-action-dropdown .action-dropdown-toggle-adminsiteassess .dropdown-arrow-adminsiteassess{font-size:10px;transition:transform .2s ease}.card-action-dropdown .action-dropdown-toggle-adminsiteassess .dropdown-arrow-adminsiteassess.open-adminsiteassess{transform:rotate(180deg)}.card-header-adminsiteassess .status-badge-adminsiteassess{font-size:11px;padding:4px 12px}.cards-container-adminsiteassess .empty-state-adminsiteassess{text-align:center;padding:40px 20px;color:var(--gray-500);font-size:15px;background:#fff;border:1px solid var(--gray-200);border-radius:12px}.skeleton-card-adminsiteassess{height:180px;background:var(--gray-200);border-radius:12px;margin-bottom:12px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-adminsiteassess 1.5s infinite}@media(max-width:768px){.chart-area-adminsiteassess{height:200px!important;padding:12px!important;margin-bottom:12px!important}.chart-header-adminsiteassess{margin-bottom:8px!important}.chart-header-adminsiteassess h3{font-size:13px!important}.chart-period-adminsiteassess{font-size:10px!important;padding:2px 8px!important}.chart-wrapper-adminsiteassess{height:calc(100% - 30px)!important}.recharts-custom-tooltip-adminsiteassess{padding:6px 10px!important;font-size:11px!important}.tooltip-label-adminsiteassess,.tooltip-item-adminsiteassess{font-size:11px!important}}@media(max-width:480px){.chart-area-adminsiteassess{height:170px!important;padding:8px!important}.chart-header-adminsiteassess h3{font-size:11px!important}.chart-period-adminsiteassess{font-size:9px!important;padding:2px 6px!important}.recharts-x-axis text,.recharts-y-axis text{font-size:10px!important}}@media(max-width:768px){.toolbar-adminsiteassess{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important}.search-group-adminsiteassess{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important;width:100%!important}.search-group-adminsiteassess input{font-size:14px!important;padding:10px 14px 10px 38px!important}.filter-group-adminsiteassess{width:100%!important;flex:1 1 auto!important}.filter-group-adminsiteassess select{width:100%!important;min-width:auto!important;font-size:14px!important;padding:10px 40px 10px 14px!important}.refresh-btn-adminsiteassess{width:100%!important;justify-content:center!important;padding:10px!important;font-size:14px!important}}@media(max-width:768px){.tabs-adminsiteassess{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin-bottom:12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px!important}.tabs-adminsiteassess::-webkit-scrollbar{display:none}.tab-btn-adminsiteassess{padding:10px 14px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important}.tab-badge-adminsiteassess{font-size:10px!important;padding:1px 8px!important}}@media(max-width:768px){.pagination-adminsiteassess{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 0 0!important}.pagination-info-adminsiteassess{text-align:center!important;font-size:12px!important}.pagination-controls-adminsiteassess{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.page-btn-adminsiteassess{padding:6px 10px!important;font-size:12px!important}.page-number-adminsiteassess{min-width:32px!important;height:32px!important;font-size:12px!important;padding:0 6px!important}}@media(max-width:768px){.modal-adminsiteassess{max-width:95%!important;max-height:95vh!important;border-radius:12px!important;margin:10px!important}.modal-header-adminsiteassess{padding:14px 16px!important}.modal-header-adminsiteassess h3{font-size:16px!important}.modal-body-adminsiteassess{padding:16px!important}.modal-actions-adminsiteassess{flex-direction:column-reverse!important;padding:12px 16px!important;gap:8px!important}.modal-actions-adminsiteassess button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.detail-row-adminsiteassess{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:6px 0!important}.detail-row-adminsiteassess span{font-size:12px!important}.detail-row-adminsiteassess strong{font-size:14px!important}.engineer-grid-adminsiteassess{grid-template-columns:1fr!important;gap:8px!important}.form-group-adminsiteassess{margin-top:14px!important}.form-group-adminsiteassess label{font-size:13px!important}.form-group-adminsiteassess textarea,.form-group-adminsiteassess input[type=text],.form-group-adminsiteassess input[type=date],.form-group-adminsiteassess select{padding:10px 12px!important;font-size:14px!important}}@media(hover:none)and (pointer:coarse){.tab-btn-adminsiteassess{padding:12px 16px!important;min-height:44px!important}.action-dropdown-toggle-adminsiteassess{padding:10px 16px!important;min-height:44px!important}.dropdown-item-adminsiteassess{padding:12px 16px!important;min-height:44px!important}.page-btn-adminsiteassess,.page-number-adminsiteassess{min-height:40px!important;min-width:40px!important}.modal-actions-adminsiteassess button{min-height:48px!important}.refresh-btn-adminsiteassess,.search-group-adminsiteassess input,.filter-group-adminsiteassess select{min-height:44px!important}}@media(max-width:768px){.action-dropdown-menu-adminsiteassess{min-width:160px!important;max-width:200px!important;right:0!important;left:auto!important}}.project-management{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.project-header-projectmanagement{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.project-charts-row-projectmanagement{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;margin-bottom:16px}.project-chart-card-projectmanagement{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:20px 24px;height:260px;display:flex;flex-direction:column;box-shadow:var(--card-shadow);transition:box-shadow .3s ease}.project-chart-card-projectmanagement:hover{box-shadow:var(--card-hover-shadow)}.project-chart-header-projectmanagement{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-chart-header-projectmanagement h3{font-size:16px;font-weight:700;margin:0;color:var(--gray-900);letter-spacing:-.01em}.project-chart-period-projectmanagement{font-size:13px;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:20px}.project-chart-wrapper-projectmanagement{flex:1;width:100%;height:100%}.project-tabs-projectmanagement{padding:0}.project-filters-projectmanagement{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:16px;flex-wrap:wrap}.search-group-projectmanagement{flex:0 0 280px;max-width:320px;position:relative}.search-icon-projectmanagement{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.search-group-projectmanagement input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.search-group-projectmanagement input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.search-group-projectmanagement input::placeholder{color:var(--gray-500)}.filter-group-projectmanagement{flex:0 0 auto;position:relative}.filter-group-projectmanagement select{appearance:none;padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-group-projectmanagement select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.select-arrow-projectmanagement{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:12px}.refresh-btn-projectmanagement{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn-projectmanagement:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}@keyframes spin-projectmanagement{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-projectmanagement{animation:spin-projectmanagement 1s linear infinite}.project-table-container-projectmanagement{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow);margin:0}.table-wrapper-projectmanagement{overflow-x:auto}.project-table-projectmanagement{width:100%;border-collapse:collapse;font-size:14px}.project-table-projectmanagement thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.project-table-projectmanagement th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.project-table-projectmanagement tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.project-table-projectmanagement tbody tr:last-child{border-bottom:none}.project-table-projectmanagement tbody tr:hover{background-color:var(--gray-50)}.project-table-projectmanagement tbody tr:nth-child(2n){background-color:#fafbfc}.project-table-projectmanagement tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.project-table-projectmanagement td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.project-cell-projectmanagement .project-name-projectmanagement{font-weight:500;color:var(--gray-900)}.project-cell-projectmanagement .project-ref-projectmanagement{font-size:12px;color:var(--gray-500)}.amount-projectmanagement{font-weight:600;color:var(--gray-900)}.empty-state-projectmanagement{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.status-badge-projectmanagement{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.action-dropdown-container-projectmanagement{position:relative;display:inline-block}.action-dropdown-toggle-projectmanagement{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-projectmanagement:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dropdown-arrow-projectmanagement{font-size:10px;transition:transform .2s ease}.dropdown-arrow-projectmanagement.open{transform:rotate(180deg)}.action-dropdown-menu-projectmanagement{min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.dropdown-item-projectmanagement{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-projectmanagement:hover:not(.disabled){background:var(--gray-50)}.dropdown-item-projectmanagement svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.dropdown-item-projectmanagement.disabled{color:var(--gray-300);cursor:default}.dropdown-item-projectmanagement.disabled svg{color:var(--gray-300)}.dropdown-item-projectmanagement.success{color:#065f46}.dropdown-item-projectmanagement.danger{color:#991b1b}.dropdown-item-projectmanagement.warning{color:#92400e}.dropdown-item-projectmanagement.primary{color:#1e40af}.pagination-projectmanagement{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;flex-wrap:wrap;gap:16px}.pagination-info-projectmanagement{color:var(--gray-500);font-size:14px}.pagination-controls-projectmanagement{display:flex;align-items:center;gap:6px}.page-btn-projectmanagement{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-btn-projectmanagement:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn-projectmanagement:disabled{opacity:.5;cursor:default;border-color:var(--gray-100)}.page-number-projectmanagement{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-number-projectmanagement:hover:not(.active-projectmanagement){background:var(--gray-50);border-color:var(--gray-300)}.page-number-projectmanagement.active-projectmanagement{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 8px #2563eb33}.modal-overlay-projectmanagement{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-projectmanagement{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-projectmanagement{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-projectmanagement h3{font-size:20px;font-weight:700;margin:0;color:var(--gray-900)}.modal-close-projectmanagement{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-projectmanagement:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-projectmanagement{padding:28px}.modal-actions-projectmanagement{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-projectmanagement button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-projectmanagement button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-projectmanagement button:disabled{opacity:.6;cursor:default}.cancel-btn-projectmanagement{background:#fff}.approve-btn-projectmanagement,.assign-btn-projectmanagement{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.approve-btn-projectmanagement:hover,.assign-btn-projectmanagement:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.assign-engineer-modal-projectmanagement{max-width:650px}.detail-row-projectmanagement{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gray-100)}.detail-row-projectmanagement:last-child{border-bottom:none}.detail-row-projectmanagement span{color:var(--gray-500)}.engineer-grid-projectmanagement{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.engineer-card-projectmanagement{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.engineer-card-projectmanagement:hover{background:var(--gray-50);border-color:var(--gray-300)}.engineer-card-projectmanagement.selected-projectmanagement{border-color:var(--primary-blue);background:var(--primary-blue-light);box-shadow:0 0 0 4px var(--primary-blue-light)}.engineer-avatar-projectmanagement{width:36px;height:36px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gray-500);font-size:14px;flex-shrink:0}.engineer-info-projectmanagement{flex:1;min-width:0}.engineer-name-projectmanagement{font-size:14px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engineer-email-projectmanagement{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engineer-selected-badge-projectmanagement{color:var(--primary-blue);font-size:18px}.no-engineers-projectmanagement{grid-column:1 / -1;padding:20px;text-align:center;color:var(--gray-500);background:var(--gray-50);border-radius:10px;border:1px dashed var(--gray-300)}.form-group-projectmanagement{margin-top:20px}.form-group-projectmanagement label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--gray-700)}.form-group-projectmanagement textarea,.form-group-projectmanagement input,.form-group-projectmanagement select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group-projectmanagement textarea:focus,.form-group-projectmanagement input:focus,.form-group-projectmanagement select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.skeleton-title-projectmanagement{height:28px;width:200px;background:var(--gray-200);border-radius:4px;margin-bottom:8px}.skeleton-subtitle-projectmanagement{height:16px;width:300px;background:var(--gray-200);border-radius:4px}.skeleton-chart-projectmanagement{height:200px;background:var(--gray-200);border-radius:var(--border-radius);margin-bottom:16px}.skeleton-tab-projectmanagement{height:40px;width:120px;background:var(--gray-200);border-radius:4px;margin-right:16px}.skeleton-select-projectmanagement{height:40px;width:160px;background:var(--gray-200);border-radius:8px}.skeleton-search-projectmanagement{height:40px;width:250px;background:var(--gray-200);border-radius:8px}.skeleton-table-projectmanagement{height:400px;background:var(--gray-200);border-radius:0}@keyframes shimmer-projectmanagement{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-title-projectmanagement,.skeleton-subtitle-projectmanagement,.skeleton-chart-projectmanagement,.skeleton-tab-projectmanagement,.skeleton-select-projectmanagement,.skeleton-search-projectmanagement,.skeleton-table-projectmanagement{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-projectmanagement 1.5s infinite}.recharts-custom-tooltip-projectmanagement{background:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 16px #00000014;border:1px solid var(--gray-200)}.tooltip-label-projectmanagement{font-weight:600;font-size:13px;margin:0 0 6px;color:var(--gray-900);border-bottom:1px solid var(--gray-200);padding-bottom:4px}.tooltip-item-projectmanagement{font-size:13px;margin:2px 0;display:flex;align-items:center;gap:6px}.tooltip-item-projectmanagement:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}@media(max-width:1024px){.project-charts-row-projectmanagement,.engineer-grid-projectmanagement{grid-template-columns:1fr}}@media(max-width:768px){.project-management{padding:16px!important}.project-header-projectmanagement,.project-charts-row-projectmanagement{padding:0!important}.project-chart-card-projectmanagement{height:200px!important;padding:16px!important}.project-chart-header-projectmanagement h3{font-size:14px!important}.project-chart-period-projectmanagement{font-size:11px!important;padding:2px 10px!important}.project-filters-projectmanagement{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:12px!important}.search-group-projectmanagement{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important}.filter-group-projectmanagement{flex:1 1 auto!important;width:100%!important}.filter-group-projectmanagement select{width:100%!important;min-width:auto!important}.refresh-btn-projectmanagement{flex:1 1 auto!important;justify-content:center!important;width:100%!important}.project-table-container-projectmanagement{margin:0!important}.project-table-projectmanagement thead{display:none!important}.project-table-projectmanagement tbody tr{display:block!important;border:1px solid var(--gray-200)!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important;background:#fff!important}.project-table-projectmanagement tbody tr:nth-child(2n){background:#fff!important}.project-table-projectmanagement tbody tr:hover{background:#fff!important}.project-table-projectmanagement td{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border:none!important;text-align:right!important;font-size:13px!important}.project-table-projectmanagement td:before{content:attr(data-label)!important;font-weight:600!important;color:var(--gray-500)!important;text-align:left!important;padding-right:16px!important;font-size:12px!important}.project-cell-projectmanagement .project-ref-projectmanagement{font-size:11px!important}.pagination-projectmanagement{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0 0!important}.pagination-info-projectmanagement{text-align:center!important;font-size:12px!important}.pagination-controls-projectmanagement{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.page-btn-projectmanagement{padding:6px 12px!important;font-size:12px!important}.page-number-projectmanagement{min-width:30px!important;height:30px!important;font-size:12px!important;padding:0 6px!important}.modal-projectmanagement{max-width:95%!important;max-height:95vh!important;border-radius:12px!important}.modal-header-projectmanagement{padding:16px 20px!important}.modal-header-projectmanagement h3{font-size:17px!important}.modal-body-projectmanagement{padding:20px!important}.modal-actions-projectmanagement{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.modal-actions-projectmanagement button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.detail-row-projectmanagement{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:8px 0!important}.detail-row-projectmanagement span{font-size:12px!important}.detail-row-projectmanagement strong{font-size:14px!important}.engineer-grid-projectmanagement{grid-template-columns:1fr!important;gap:8px!important}.engineer-card-projectmanagement{padding:10px 12px!important}.engineer-avatar-projectmanagement{width:32px!important;height:32px!important;font-size:12px!important}.engineer-name-projectmanagement{font-size:13px!important}.engineer-email-projectmanagement{font-size:11px!important}.form-group-projectmanagement label{font-size:13px!important}.form-group-projectmanagement textarea,.form-group-projectmanagement input,.form-group-projectmanagement select{padding:10px 12px!important;font-size:13px!important}.action-dropdown-menu-projectmanagement{min-width:160px!important;max-width:200px!important;border-radius:8px!important}.dropdown-item-projectmanagement{padding:8px 14px!important;font-size:13px!important}.dropdown-item-projectmanagement svg{font-size:13px!important}}@media(max-width:480px){.project-management{padding:8px!important}.project-chart-card-projectmanagement{height:170px!important;padding:12px!important}.project-chart-header-projectmanagement h3{font-size:12px!important}.project-chart-period-projectmanagement{font-size:9px!important;padding:2px 8px!important}.project-table-projectmanagement tbody tr{padding:12px!important}.project-table-projectmanagement td{font-size:12px!important;padding:6px 0!important}.project-table-projectmanagement td:before{font-size:11px!important}.modal-projectmanagement{max-width:98%!important}.modal-header-projectmanagement{padding:12px 16px!important}.modal-header-projectmanagement h3{font-size:15px!important}.modal-body-projectmanagement{padding:16px!important}.modal-actions-projectmanagement{padding:12px 16px!important}.modal-actions-projectmanagement button{font-size:13px!important;padding:10px!important}.page-btn-projectmanagement{padding:4px 10px!important;font-size:11px!important}.page-number-projectmanagement{min-width:28px!important;height:28px!important;font-size:11px!important}.dropdown-item-projectmanagement{padding:6px 12px!important;font-size:12px!important}}@media(hover:none)and (pointer:coarse){.action-dropdown-toggle-projectmanagement{padding:8px 14px!important;min-height:40px!important}.dropdown-item-projectmanagement{padding:12px 16px!important;min-height:44px!important}.page-btn-projectmanagement,.page-number-projectmanagement{min-height:40px!important;min-width:40px!important}.modal-actions-projectmanagement button{min-height:48px!important}.refresh-btn-projectmanagement,.search-group-projectmanagement input,.filter-group-projectmanagement select{min-height:44px!important}}.billing-header-adminbilling{height:20px}.status-badge-adminbilling.pending,.status-badge-adminbilling.for-verification,.status-badge-adminbilling.paid,.status-badge-adminbilling.partial,.status-badge-adminbilling.failed,.status-badge-adminbilling.overdue,.status-badge-adminbilling.waiting,.status-badge-adminbilling.verified,.status-badge-adminbilling.rejected{color:var(--gray-700);background:transparent}.invoice-type-adminbilling{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.invoice-type-adminbilling.initial{background:var(--indigo-light);color:var(--indigo)}.invoice-type-adminbilling.progress{background:var(--primary-blue-light);color:var(--primary-blue)}.invoice-type-adminbilling.final{background:var(--emerald-light);color:var(--emerald)}.invoice-type-adminbilling.full{background:var(--gray-200);color:var(--gray-900)}.invoice-type-adminbilling.additional{background:#fef2f2;color:#991b1b}.gateway-badge-adminbilling{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-500)}.gateway-badge-adminbilling.paymongo{background:var(--indigo-light);color:var(--indigo)}.gateway-badge-adminbilling.cash{background:var(--emerald-light);color:var(--emerald)}.gateway-badge-adminbilling.manual{background:var(--gray-200);color:var(--gray-700)}.verified-badge-adminbilling{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--emerald)}.verified-badge-adminbilling.auto-verified{color:var(--indigo)}.failed-badge-adminbilling{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:#991b1b}.transaction-type-adminbilling{padding:2px 10px;border-radius:4px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-700)}.transaction-type-adminbilling.pre{background:var(--indigo-light);color:var(--indigo)}.transaction-type-adminbilling.project{background:var(--emerald-light);color:var(--emerald)}:root{--primary-blue: #2563eb;--primary-blue-light: #dbeafe;--indigo: #6366f1;--indigo-light: #e0e7ff;--emerald: #10b981;--emerald-light: #d1fae5;--amber: #f59e0b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .02);--border-radius: 16px}.admin-billing{padding:16px 0;background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900)}.billing-header-adminbilling{padding:0 40px;height:20px}.billing-charts-row-adminbilling{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 40px;margin-bottom:24px}.billing-chart-card-adminbilling{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:20px;box-shadow:var(--card-shadow);height:240px;display:flex;flex-direction:column;transition:box-shadow .3s ease}.billing-chart-card-adminbilling:hover{box-shadow:var(--card-hover-shadow)}.billing-chart-header-adminbilling{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.billing-chart-header-adminbilling h3{font-size:15px;font-weight:600;margin:0;color:var(--gray-900)}.billing-chart-period-adminbilling{font-size:12px;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:50px}.billing-chart-wrapper-adminbilling{flex:1;width:100%;height:100%}.billing-tabs-wrapper-adminbilling{padding:0 40px;margin-bottom:16px}.mobile-tab-toggle-adminbilling{display:none;width:100%;padding:14px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:15px;font-weight:600;color:var(--gray-900);cursor:pointer;justify-content:space-between;align-items:center}.tab-label-adminbilling{text-transform:uppercase}.toggle-arrow-adminbilling{font-size:12px;transition:transform .3s ease;color:var(--gray-500)}.toggle-arrow-adminbilling.open{transform:rotate(180deg)}.billing-tabs-adminbilling{display:flex;gap:0;border-bottom:1px solid var(--gray-200)}.tab-btn-adminbilling{background:transparent;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.tab-btn-adminbilling:hover{color:var(--primary-blue)}.tab-btn-adminbilling.active{color:var(--primary-blue);font-weight:600}.tab-btn-adminbilling.active:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background-color:var(--primary-blue)}.tab-badge-adminbilling{background-color:var(--gray-100);color:var(--gray-500);font-size:11px;font-weight:600;padding:2px 10px;border-radius:50px}.tab-btn-adminbilling.active .tab-badge-adminbilling{background-color:var(--primary-blue-light);color:var(--primary-blue)}.filters-section-adminbilling{display:flex;align-items:center;gap:16px;padding:0 40px;margin-bottom:20px;flex-wrap:wrap}.search-group-adminbilling{flex:1;min-width:250px;position:relative}.search-icon-adminbilling{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.search-group-adminbilling input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.filter-group-adminbilling{position:relative}.filter-group-adminbilling select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.select-arrow-adminbilling{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:12px}.refresh-btn-adminbilling{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.refresh-btn-adminbilling:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}@keyframes spin-adminbilling{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-adminbilling{animation:spin-adminbilling 1s linear infinite}.tab-content-adminbilling.active{display:block}.tab-content-adminbilling{display:none}.payments-table-container-adminbilling{margin:0 40px;background:#fff;border:1px solid var(--gray-200);overflow:hidden;box-shadow:var(--card-shadow)}.table-responsive-adminbilling{overflow-x:auto}.payments-table-adminbilling{width:100%;border-collapse:collapse;font-size:14px}.payments-table-adminbilling thead{background:var(--primary-blue);border-bottom:1px solid var(--primary-blue)}.payments-table-adminbilling th{text-align:left;padding:12px 16px;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;background:var(--primary-blue);z-index:10}.payments-table-adminbilling tbody tr{border-bottom:1px solid var(--gray-100);transition:background-color .15s ease}.payments-table-adminbilling tbody tr:last-child{border-bottom:none}.payments-table-adminbilling tbody tr:hover{background-color:var(--gray-50)}.payments-table-adminbilling tbody tr:nth-child(2n){background-color:#fafbfc}.payments-table-adminbilling tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.payments-table-adminbilling td{padding:14px 16px;color:var(--gray-700);vertical-align:middle}.ref-cell-adminbilling{font-weight:500;color:var(--gray-900);font-size:13px}.amount-adminbilling{font-weight:500}.amount-adminbilling.balance{color:var(--gray-500)}.empty-state-adminbilling{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:14px}.status-badge-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);text-transform:capitalize;background:transparent;padding:0}.invoice-type-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);background:transparent;padding:0}.invoice-type-adminbilling.initial,.invoice-type-adminbilling.progress,.invoice-type-adminbilling.final,.invoice-type-adminbilling.full,.invoice-type-adminbilling.additional{background:transparent;color:var(--gray-700);padding:0}.gateway-badge-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);background:transparent;padding:0}.gateway-badge-adminbilling.paymongo,.gateway-badge-adminbilling.cash,.gateway-badge-adminbilling.manual{background:transparent;color:var(--gray-700);padding:0}.transaction-type-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);background:transparent;padding:0}.transaction-type-adminbilling.pre,.transaction-type-adminbilling.project{background:transparent;color:var(--gray-700);padding:0}.receipt-cell-adminbilling{text-align:center}.receipt-link-adminbilling{display:inline-flex;align-items:center;gap:6px;color:var(--primary-blue);font-size:13px;font-weight:500;text-decoration:none}.receipt-link-adminbilling:hover{text-decoration:underline}.no-receipt-adminbilling{color:var(--gray-300);font-size:13px}.verified-badge-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);background:transparent;padding:0}.verified-badge-adminbilling.auto-verified{color:var(--gray-700)}.failed-badge-adminbilling{display:inline-block;font-size:13px;font-weight:500;color:var(--gray-700);background:transparent;padding:0}.bank-name-adminbilling{font-weight:500;color:var(--gray-700)}.rejected-row-adminbilling{background-color:#fff1f2!important}.customer-cell-adminbilling small,.invoice-cell-adminbilling small{display:block;color:var(--gray-500);font-size:12px}.action-dropdown-container-adminbilling{position:relative;display:inline-block}.action-dropdown-toggle-adminbilling{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-adminbilling:hover{background:var(--gray-200);color:var(--gray-900)}.dropdown-arrow-adminbilling{font-size:10px;transition:transform .2s ease}.dropdown-arrow-adminbilling.open{transform:rotate(180deg)}.action-dropdown-menu-adminbilling{min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 4px 12px #00000014;padding:6px 0;overflow:hidden}.dropdown-item-adminbilling{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-900);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-adminbilling:hover:not(.disabled){background:var(--gray-50)}.dropdown-item-adminbilling svg{color:var(--gray-500)}.dropdown-item-adminbilling.success{color:#065f46}.dropdown-item-adminbilling.danger{color:#991b1b}.dropdown-item-adminbilling.warning{color:#92400e}.pagination-adminbilling{display:flex;justify-content:space-between;align-items:center;padding:16px 40px 0;flex-wrap:wrap;gap:16px}.pagination-info-adminbilling{color:var(--gray-500);font-size:14px}.pagination-controls-adminbilling{display:flex;align-items:center;gap:6px}.page-btn-adminbilling{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid var(--gray-200);border-radius:6px;font-size:14px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.page-btn-adminbilling:hover:not(:disabled){background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-300)}.page-btn-adminbilling:disabled{opacity:.5;cursor:default}.page-number-adminbilling{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:14px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.page-number-adminbilling:hover:not(.active){background:var(--gray-50);color:var(--primary-blue)}.page-number-adminbilling.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.modal-overlay-adminbilling{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-adminbilling{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a;padding:0}.modal-content-adminbilling h3{padding:20px 24px;margin:0;border-bottom:1px solid var(--gray-200);font-size:18px;font-weight:600;color:var(--gray-900)}.modal-body-adminbilling{padding:24px}.modal-actions-adminbilling{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-200)}.modal-actions-adminbilling button{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.modal-actions-adminbilling button:hover:not(:disabled){background:var(--gray-50);color:var(--gray-900)}.btn-cancel-adminbilling{background:#fff}.btn-verify-adminbilling,.btn-save-adminbilling,.btn-record-adminbilling,.btn-approve-adminbilling{background:var(--gray-900)!important;color:#fff!important;border-color:var(--gray-900)!important}.btn-verify-adminbilling:hover,.btn-save-adminbilling:hover,.btn-record-adminbilling:hover,.btn-approve-adminbilling:hover{background:#374151!important}.btn-reject-adminbilling{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}.btn-reject-confirm-adminbilling{background:#991b1b!important;color:#fff!important;border-color:#991b1b!important}.btn-reject-confirm-adminbilling:hover{background:#7f1d1d!important}.detail-modal-adminbilling{max-width:800px}.modal-close-adminbilling{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:24px}.modal-close-adminbilling:hover{background:var(--gray-200);color:var(--gray-900)}.modal-header-adminbilling{display:flex;justify-content:space-between;align-items:center;padding:20px 0 20px 24px;border-bottom:1px solid var(--gray-200)}.modal-title-adminbilling h3{border-bottom:none;padding:0}.modal-title-adminbilling{display:flex;align-items:center;gap:16px}.modal-subtitle-adminbilling{color:var(--gray-500);font-size:13px}.detail-section-adminbilling{margin-bottom:24px}.detail-section-adminbilling h4{font-size:14px;font-weight:600;color:var(--gray-500);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.detail-section-adminbilling p{margin:4px 0;font-size:14px;color:var(--gray-700)}.detail-section-adminbilling label{display:block;font-size:12px;color:var(--gray-500);font-weight:600;margin-bottom:2px}.detail-grid-adminbilling.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proof-container-adminbilling,.receipt-actions-adminbilling{margin-top:8px;display:flex;gap:12px}.proof-btn-adminbilling,.receipt-btn-adminbilling{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease;text-decoration:none}.proof-btn-adminbilling:hover,.receipt-btn-adminbilling:hover{background:var(--gray-50);border-color:var(--gray-300)}.proof-btn-adminbilling.download{background:var(--primary-blue-light);color:var(--primary-blue);border-color:var(--primary-blue-light)}.proof-btn-adminbilling.download:hover{background:var(--primary-blue);color:#fff}.no-proof-adminbilling{color:var(--gray-500);font-size:14px;font-style:italic}.remarks-text-adminbilling,.rejection-text-adminbilling{padding:12px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200);font-size:14px}.detail-section-adminbilling.rejected{border-left:4px solid #991B1B;padding-left:16px}.receipt-number-adminbilling{color:var(--gray-500);font-size:13px;font-weight:500}.modal-footer-adminbilling{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-200)}.btn-close-adminbilling{background:#fff;border:1px solid var(--gray-200);padding:8px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:.2s}.btn-close-adminbilling:hover{background:var(--gray-50)}.reject-modal-adminbilling .warning-icon-adminbilling{color:#991b1b;font-size:32px}.reject-info-adminbilling{text-align:center;color:var(--gray-700);margin-bottom:20px}.payment-summary-adminbilling{margin-top:16px;padding:16px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200);text-align:left}.payment-summary-adminbilling div{padding:4px 0;font-size:14px}.skeleton-line-large-adminbilling{height:24px;width:250px;background:var(--gray-200);border-radius:6px}.skeleton-button-adminbilling{height:36px;width:120px;background:var(--gray-200);border-radius:8px}.skeleton-chart-adminbilling{height:240px;background:var(--gray-200);border-radius:var(--border-radius)}.skeleton-tab-adminbilling{height:40px;width:120px;background:var(--gray-200);border-radius:6px}.skeleton-select-adminbilling{height:40px;width:160px;background:var(--gray-200);border-radius:8px}.skeleton-search-adminbilling{height:40px;width:250px;background:var(--gray-200);border-radius:8px}.skeleton-table-adminbilling{height:400px;background:var(--gray-200);border-radius:8px}@keyframes shimmer-adminbilling{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-large-adminbilling,.skeleton-button-adminbilling,.skeleton-chart-adminbilling,.skeleton-tab-adminbilling,.skeleton-select-adminbilling,.skeleton-search-adminbilling,.skeleton-table-adminbilling{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-adminbilling 1.5s infinite}.recharts-custom-tooltip-adminbilling{background:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 16px #00000014;border:1px solid var(--gray-200)}.tooltip-label-adminbilling{font-weight:600;font-size:13px;margin:0 0 6px;color:var(--gray-900);border-bottom:1px solid var(--gray-200);padding-bottom:4px}.tooltip-item-adminbilling{font-size:13px;margin:2px 0;display:flex;align-items:center;gap:6px}.tooltip-item-adminbilling:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}@media(max-width:1024px){.billing-charts-row-adminbilling{grid-template-columns:1fr}}@media(max-width:768px){.admin-billing{padding:16px 0}.billing-header-adminbilling,.billing-charts-row-adminbilling,.billing-tabs-wrapper-adminbilling{padding:0 16px}.filters-section-adminbilling{padding:0 16px;flex-direction:column;align-items:stretch}.search-group-adminbilling{max-width:100%}.payments-table-container-adminbilling{margin:0 16px}.pagination-adminbilling{padding:16px 16px 0;flex-direction:column}.billing-tabs-adminbilling{display:none;flex-direction:column;border:1px solid var(--gray-200);border-radius:10px;margin-top:8px;overflow:hidden}.billing-tabs-adminbilling.open{display:flex}.tab-btn-adminbilling{padding:12px 16px;border-bottom:1px solid var(--gray-100);width:100%;justify-content:space-between}.tab-btn-adminbilling:last-child{border-bottom:none}.tab-btn-adminbilling.active:after{display:none}.tab-btn-adminbilling.active{background:var(--gray-50)}.mobile-tab-toggle-adminbilling{display:flex}.payments-table-adminbilling thead{display:none}.payments-table-adminbilling tbody tr{display:block;border:1px solid var(--gray-200);border-radius:8px;margin-bottom:12px;padding:12px;background:#fff}.payments-table-adminbilling tbody tr:nth-child(2n){background:#fff}.payments-table-adminbilling td{display:flex;justify-content:space-between;padding:6px 0;border:none;text-align:right}.payments-table-adminbilling td:before{content:attr(data-label);font-weight:500;color:var(--gray-500);text-align:left;padding-right:16px}.detail-grid-adminbilling.two-col{grid-template-columns:1fr}.modal-content-adminbilling{width:95%}.modal-actions-adminbilling{flex-direction:column-reverse}.modal-actions-adminbilling button{width:100%;justify-content:center}.modal-header-adminbilling{flex-wrap:wrap;gap:10px}.modal-title-adminbilling{flex-wrap:wrap}.modal-footer-adminbilling{flex-direction:column-reverse}.modal-footer-adminbilling button{width:100%}}.admin-billing{padding:0!important}.billing-header-adminbilling{padding:0!important;height:5px!important}.billing-charts-row-adminbilling,.billing-tabs-wrapper-adminbilling,.filters-section-adminbilling{padding:0!important}.payments-table-container-adminbilling{margin:0!important}.pagination-adminbilling{padding:16px 0 0!important}.filters-section-adminbilling{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:flex-start}.search-group-adminbilling{flex:0 1 280px;min-width:180px;position:relative}.search-group-adminbilling input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:border-color .2s}.filter-group-adminbilling select{appearance:none;padding:10px 36px 10px 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:border-color .2s;min-width:140px}.refresh-btn-adminbilling{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-overlay-adminbilling{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-adminbilling{background:#fff;border-radius:16px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-content-adminbilling h3{padding:24px 28px;margin:0;border-bottom:1px solid var(--gray-200);font-size:20px;font-weight:700;color:var(--gray-900)}.modal-body-adminbilling{padding:28px}.modal-body-adminbilling .payment-info-adminbilling{background:var(--gray-50);padding:16px;border-radius:10px;border:1px solid var(--gray-200);margin-bottom:20px}.modal-body-adminbilling .payment-info-adminbilling p{margin:6px 0;font-size:14px;color:var(--gray-700)}.modal-body-adminbilling .payment-info-adminbilling p strong{color:var(--gray-900)}.modal-body-adminbilling .form-group-adminbilling{margin-bottom:18px}.modal-body-adminbilling .form-group-adminbilling label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--gray-700)}.modal-body-adminbilling .form-group-adminbilling input,.modal-body-adminbilling .form-group-adminbilling select,.modal-body-adminbilling .form-group-adminbilling textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.modal-body-adminbilling .form-group-adminbilling input:focus,.modal-body-adminbilling .form-group-adminbilling select:focus,.modal-body-adminbilling .form-group-adminbilling textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.modal-body-adminbilling .form-group-adminbilling textarea{resize:vertical;min-height:80px}.modal-actions-adminbilling{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-adminbilling button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-adminbilling button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-adminbilling button:disabled{opacity:.6;cursor:default}.btn-cancel-adminbilling{background:#fff;color:var(--gray-700)}.btn-record-adminbilling,.btn-verify-adminbilling,.btn-save-adminbilling,.btn-approve-adminbilling{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.btn-record-adminbilling:hover,.btn-verify-adminbilling:hover,.btn-save-adminbilling:hover,.btn-approve-adminbilling:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.btn-reject-adminbilling{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.btn-reject-adminbilling:hover{background:#fee2e2!important}.payment-details-adminbilling{background:var(--gray-50);padding:16px;border-radius:10px;border:1px solid var(--gray-200);margin-bottom:20px}.payment-details-adminbilling .detail-row-adminbilling{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--gray-100)}.payment-details-adminbilling .detail-row-adminbilling:last-child{border-bottom:none}.payment-details-adminbilling .detail-row-adminbilling span{color:var(--gray-500)}.payment-details-adminbilling .detail-row-adminbilling strong{color:var(--gray-900)}.payment-proof-adminbilling{margin:16px 0}.view-proof-btn-adminbilling{padding:8px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.view-proof-btn-adminbilling:hover{background:var(--gray-200)}.verification-notes-adminbilling{margin-top:16px}.verification-notes-adminbilling label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--gray-700)}.verification-notes-adminbilling textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit}.verification-notes-adminbilling textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.filters-section-adminbilling{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:nowrap}.search-group-adminbilling{flex:0 0 auto;width:280px;position:relative}.search-group-adminbilling input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.search-group-adminbilling input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.search-group-adminbilling input::placeholder{color:var(--gray-500)}.filter-group-adminbilling{flex:0 0 auto;position:relative}.filter-group-adminbilling select{appearance:none;padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-group-adminbilling select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.select-arrow-adminbilling{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:12px}.refresh-btn-adminbilling{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn-adminbilling:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}:root{--primary-blue: #2563eb;--primary-blue-light: #dbeafe;--indigo: #6366f1;--indigo-light: #e0e7ff;--emerald: #10b981;--emerald-light: #d1fae5;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .02);--border-radius: 16px}.iot-modal-close-btn-iotdevice{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.iot-modal-close-btn-iotdevice:hover{background:#f3f4f6;color:#1f2937}.iot-manufacturer-text-iotdevice{display:block;font-size:11px;color:#6b7280;margin-top:2px}.iot-clear-search-iotdevice{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.iot-clear-search-iotdevice:hover{color:#4b5563}.iot-refresh-btn-iotdevice{background:none;border:1px solid #E5E7EB;padding:8px 12px;border-radius:6px;color:#4b5563;cursor:pointer;transition:all .2s}.iot-refresh-btn-iotdevice:hover{background:#f9fafb;border-color:#d1d5db}.iot-refresh-btn-iotdevice .spinning{animation:spin 1s linear infinite}.iot-detail-grid-iotdevice{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.iot-detail-item{display:flex;flex-direction:column}.iot-detail-item label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:600;margin-bottom:2px}.iot-detail-item p{margin:0;font-size:14px;color:#1f2937}.iot-timeline-item-iotdevice{display:flex;gap:12px;padding:8px 0 8px 16px;border-left:2px solid #E5E7EB;margin-left:8px;position:relative}.iot-timeline-item-iotdevice .timeline-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;position:absolute;left:-6px;top:12px}.iot-timeline-item-iotdevice .timeline-content{flex:1}.iot-timeline-item-iotdevice .timeline-content p{margin:2px 0;font-size:13px}.iot-timeline-item-iotdevice .timeline-notes{color:#6b7280;font-size:12px;margin-top:4px}.iot-alert-item-iotdevice{display:flex;gap:10px;padding:8px 12px;border-radius:6px;margin-bottom:6px;align-items:flex-start}.iot-alert-item-iotdevice.error{background:#fef2f2}.iot-alert-item-iotdevice.warning{background:#fffbeb}.iot-alert-item-iotdevice.info{background:#eff6ff}.iot-alert-item-iotdevice svg{color:#ef4444;margin-top:2px;flex-shrink:0}.iot-alert-item-iotdevice.warning svg{color:#f59e0b}.iot-alert-item-iotdevice.info svg{color:#2563eb}.iot-alert-item-iotdevice div{flex:1}.iot-alert-item-iotdevice p{margin:0;font-size:13px}.iot-alert-item-iotdevice small{color:#6b7280;font-size:11px}.iot-device-info-delete-iotdevice{background:#f9fafb;border-radius:6px;padding:12px 16px;margin:12px 0}.delete-info-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #F3F4F6}.delete-info-row:last-child{border-bottom:none}.delete-label{color:#6b7280;font-size:13px}.delete-value{font-weight:500;color:#1f2937}.iot-delete-warning-text-iotdevice{display:flex;gap:10px;align-items:flex-start;background:#fef2f2;padding:12px 16px;border-radius:6px;margin:12px 0}.iot-delete-warning-text-iotdevice .warning-icon{color:#dc2626;font-size:18px;flex-shrink:0;margin-top:2px}.iot-delete-warning-text-iotdevice p{margin:0;color:#991b1b;font-size:13px}.text-danger{color:#dc2626}.iot-form-input-iotdevice:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.iot-empty-state-iotdevice{text-align:center;padding:40px 20px!important}.iot-empty-state-iotdevice .empty-icon{font-size:48px;color:#d1d5db;margin-bottom:12px}.iot-empty-state-iotdevice p{font-size:16px;font-weight:500;color:#4b5563;margin:0}.iot-empty-state-iotdevice span{font-size:13px;color:#9ca3af}.iot-search-group-iotdevice{position:relative;display:flex;align-items:center}.iot-search-input-iotdevice{padding-right:36px!important}.iot-device-management{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.iot-header-iotdevice{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.iot-chart-area-iotdevice{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:24px;margin:0 0 16px;box-shadow:var(--card-shadow);height:260px;display:flex;flex-direction:column;transition:box-shadow .3s ease}.iot-chart-area-iotdevice:hover{box-shadow:var(--card-hover-shadow)}.iot-chart-header-iotdevice{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.iot-chart-header-iotdevice h3{font-size:16px;font-weight:700;margin:0;color:var(--gray-900);letter-spacing:-.01em}.iot-chart-period-iotdevice{font-size:13px;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:20px}.iot-chart-wrapper-iotdevice{flex:1;width:100%;height:100%}.iot-tabs-iotdevice{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0}.iot-tab-btn-iotdevice{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.iot-tab-btn-iotdevice:hover{color:var(--primary-blue)}.iot-tab-btn-iotdevice.active-iotdevice{color:var(--primary-blue);font-weight:600}.iot-tab-btn-iotdevice.active-iotdevice:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.iot-tab-badge-iotdevice{background-color:var(--gray-100);color:var(--gray-500);font-size:12px;font-weight:600;padding:2px 10px;border-radius:50px}.iot-tab-btn-iotdevice.active-iotdevice .iot-tab-badge-iotdevice{background-color:var(--primary-blue-light);color:var(--primary-blue)}.iot-toolbar-iotdevice{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:16px;flex-wrap:nowrap}.iot-search-group-iotdevice{flex:0 0 280px;max-width:320px;position:relative}.iot-search-icon-iotdevice{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.iot-search-group-iotdevice input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.iot-search-group-iotdevice input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.iot-search-group-iotdevice input::placeholder{color:var(--gray-500)}.iot-create-btn-iotdevice{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gray-900);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.iot-create-btn-iotdevice:hover{background:#374151}.iot-table-container-iotdevice{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow);margin:0}.iot-table-wrapper-iotdevice{overflow-x:auto}.iot-device-table-iotdevice{width:100%;border-collapse:collapse;font-size:14px}.iot-device-table-iotdevice thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.iot-device-table-iotdevice th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.iot-device-table-iotdevice tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.iot-device-table-iotdevice tbody tr:last-child{border-bottom:none}.iot-device-table-iotdevice tbody tr:hover{background-color:var(--gray-50)}.iot-device-table-iotdevice tbody tr:nth-child(2n){background-color:#fafbfc}.iot-device-table-iotdevice tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.iot-device-table-iotdevice td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.iot-device-cell-iotdevice{display:flex;align-items:center;gap:12px}.iot-device-icon-table-iotdevice{color:var(--gray-500);font-size:18px}.iot-device-name-iotdevice{font-weight:500;color:var(--gray-900)}.iot-device-id-iotdevice{font-size:12px;color:var(--gray-500)}.iot-empty-state-iotdevice{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.status-badge-iotdevice{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.iot-action-dropdown-container-iotdevice{position:relative;display:inline-block}.iot-action-dropdown-toggle-iotdevice{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.iot-action-dropdown-toggle-iotdevice:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.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;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.iot-dropdown-item-iotdevice{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.iot-dropdown-item-iotdevice:hover:not(.disabled){background:var(--gray-50)}.iot-dropdown-item-iotdevice svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.iot-dropdown-item-iotdevice.disabled{color:var(--gray-300);cursor:default}.iot-dropdown-item-iotdevice.disabled svg{color:var(--gray-300)}.iot-dropdown-item-iotdevice.primary{color:#1e40af}.iot-dropdown-item-iotdevice.warning{color:#92400e}.iot-dropdown-item-iotdevice.danger{color:#991b1b}.iot-single-action-btn-iotdevice{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.iot-single-action-btn-iotdevice:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.iot-single-action-btn-iotdevice.primary{color:#1e40af}.iot-single-action-btn-iotdevice.warning{color:#92400e}.iot-single-action-btn-iotdevice.danger{color:#991b1b}.iot-pagination-iotdevice{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;flex-wrap:wrap;gap:16px}.iot-pagination-info-iotdevice{color:var(--gray-500);font-size:14px}.iot-pagination-controls-iotdevice{display:flex;align-items:center;gap:6px}.iot-page-btn-iotdevice{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.iot-page-btn-iotdevice:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue)}.iot-page-btn-iotdevice:disabled{opacity:.5;cursor:default;border-color:var(--gray-100)}.iot-page-number-iotdevice{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.iot-page-number-iotdevice:hover:not(.active-iotdevice){background:var(--gray-50);border-color:var(--gray-300)}.iot-page-number-iotdevice.active-iotdevice{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 8px #2563eb33}.iot-modal-overlay-iotdevice{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.iot-modal-content-iotdevice{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.iot-modal-header-iotdevice{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.iot-modal-header-iotdevice h3{font-size:20px;font-weight:700;margin:0;color:var(--gray-900)}.iot-modal-close-iotdevice{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.iot-modal-close-iotdevice:hover{background:var(--gray-200);color:var(--gray-900)}.iot-device-details-view-iotdevice{padding:28px}.iot-detail-section-iotdevice{margin-bottom:20px}.iot-detail-section-iotdevice h4{font-size:14px;font-weight:700;color:var(--gray-500);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.iot-detail-section-iotdevice p{margin:6px 0;font-size:14px;color:var(--gray-700)}.iot-detail-section-iotdevice p strong{font-weight:600;color:var(--gray-900);margin-right:6px}.iot-maintenance-record-iotdevice{padding:8px 12px;background:var(--gray-50);border-radius:6px;margin-bottom:8px;border:1px solid var(--gray-200);font-size:14px;color:var(--gray-700)}.iot-device-form-iotdevice{padding:28px}.iot-form-group-iotdevice{margin-top:20px}.iot-form-group-iotdevice:first-child{margin-top:0}.iot-form-group-iotdevice label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--gray-700)}.iot-form-group-iotdevice input{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.iot-form-group-iotdevice input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.iot-form-row-iotdevice{display:grid;grid-template-columns:1fr 1fr;gap:16px}.iot-modal-actions-iotdevice{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.iot-modal-actions-iotdevice button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.iot-modal-actions-iotdevice button:hover:not(:disabled){background:var(--gray-50)}.iot-modal-actions-iotdevice button:disabled{opacity:.6;cursor:default}.iot-cancel-btn-iotdevice{background:#fff}.iot-save-btn-iotdevice{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.iot-save-btn-iotdevice:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.iot-delete-modal-iotdevice .iot-delete-icon-container-iotdevice{text-align:center;margin:20px 0 10px}.iot-delete-warning-icon-iotdevice{color:#991b1b;font-size:48px}.iot-delete-message-iotdevice{text-align:center;font-size:16px;color:var(--gray-700);margin-bottom:16px}.iot-device-info-delete-iotdevice{padding:12px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200);margin-bottom:16px}.iot-device-info-delete-iotdevice p{margin:4px 0;font-size:14px;color:var(--gray-700)}.iot-delete-warning-text-iotdevice{font-size:13px;color:var(--gray-500);margin-bottom:16px;text-align:center}.iot-delete-btn-iotdevice{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc262626!important}.iot-delete-btn-iotdevice:hover{background:#b91c1c!important;box-shadow:0 6px 12px #dc262640!important}.iot-spinning-iotdevice{animation:spin-iotdevice 1s linear infinite}@keyframes spin-iotdevice{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-title-iotdevice{height:28px;width:200px;background:var(--gray-200);border-radius:4px;margin-bottom:8px}.skeleton-subtitle-iotdevice{height:16px;width:300px;background:var(--gray-200);border-radius:4px}.skeleton-chart-iotdevice{height:200px;background:var(--gray-200);border-radius:var(--border-radius);margin:0 0 16px}.skeleton-tab-iotdevice{height:40px;width:100px;background:var(--gray-200);border-radius:4px;margin-right:12px}.skeleton-search-iotdevice{height:40px;width:250px;background:var(--gray-200);border-radius:8px}.skeleton-button-iotdevice{height:40px;width:120px;background:var(--gray-200);border-radius:8px}.skeleton-table-iotdevice{height:400px;background:var(--gray-200);border-radius:0}@keyframes shimmer-iotdevice{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-title-iotdevice,.skeleton-subtitle-iotdevice,.skeleton-chart-iotdevice,.skeleton-tab-iotdevice,.skeleton-search-iotdevice,.skeleton-button-iotdevice,.skeleton-table-iotdevice{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-iotdevice 1.5s infinite}.recharts-custom-tooltip-iotdevice{background:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 16px #00000014;border:1px solid var(--gray-200)}.tooltip-label-iotdevice{font-weight:600;font-size:13px;margin:0 0 6px;color:var(--gray-900);border-bottom:1px solid var(--gray-200);padding-bottom:4px}.tooltip-item-iotdevice{font-size:13px;margin:2px 0;display:flex;align-items:center;gap:6px}.tooltip-item-iotdevice:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}@media(max-width:1024px){.iot-form-row-iotdevice{grid-template-columns:1fr}}@media(max-width:768px){.iot-device-management{padding:16px!important}.iot-header-iotdevice{padding:0!important}.iot-chart-area-iotdevice{margin:0 0 16px!important;height:200px!important;padding:16px!important}.iot-chart-header-iotdevice h3{font-size:14px!important}.iot-chart-period-iotdevice{font-size:11px!important;padding:2px 10px!important}.iot-tabs-iotdevice{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin:0 0 12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.iot-tabs-iotdevice::-webkit-scrollbar{display:none}.iot-tab-btn-iotdevice{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;flex:none!important}.iot-tab-btn-iotdevice.active-iotdevice:after{left:16px!important;right:16px!important}.iot-tab-badge-iotdevice{font-size:10px!important;padding:1px 8px!important}.iot-toolbar-iotdevice{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:12px!important}.iot-search-group-iotdevice{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important}.iot-search-group-iotdevice input{font-size:14px!important;padding:10px 14px 10px 38px!important}.iot-create-btn-iotdevice{flex:1 1 auto!important;justify-content:center!important;width:100%!important;padding:10px!important;font-size:14px!important}.iot-table-container-iotdevice{margin:0!important}.iot-device-table-iotdevice thead{display:none!important}.iot-device-table-iotdevice tbody tr{display:block!important;border:1px solid var(--gray-200)!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important;background:#fff!important}.iot-device-table-iotdevice tbody tr:nth-child(2n){background:#fff!important}.iot-device-table-iotdevice tbody tr:hover{background:#fff!important}.iot-device-table-iotdevice td{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border:none!important;text-align:right!important;font-size:13px!important}.iot-device-table-iotdevice td:before{content:attr(data-label)!important;font-weight:600!important;color:var(--gray-500)!important;text-align:left!important;padding-right:16px!important;font-size:12px!important}.iot-device-cell-iotdevice{justify-content:flex-end!important}.iot-device-name-iotdevice{font-size:13px!important}.iot-device-id-iotdevice{font-size:11px!important}.iot-pagination-iotdevice{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0 0!important}.iot-pagination-info-iotdevice{text-align:center!important;font-size:12px!important}.iot-pagination-controls-iotdevice{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.iot-page-btn-iotdevice{padding:6px 12px!important;font-size:12px!important}.iot-page-number-iotdevice{min-width:30px!important;height:30px!important;font-size:12px!important;padding:0 6px!important}.iot-modal-content-iotdevice{max-width:95%!important;max-height:95vh!important;border-radius:12px!important;margin:10px!important}.iot-modal-header-iotdevice{padding:16px 20px!important}.iot-modal-header-iotdevice h3{font-size:17px!important}.iot-device-details-view-iotdevice,.iot-device-form-iotdevice{padding:20px!important}.iot-modal-actions-iotdevice{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.iot-modal-actions-iotdevice button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.iot-form-row-iotdevice{grid-template-columns:1fr!important;gap:0!important}.iot-form-group-iotdevice{margin-top:14px!important}.iot-form-group-iotdevice label{font-size:13px!important}.iot-form-group-iotdevice input{padding:10px 12px!important;font-size:13px!important}.iot-action-dropdown-toggle-iotdevice{padding:4px 10px!important;font-size:12px!important}.iot-action-dropdown-toggle-iotdevice span{display:none!important}.iot-action-dropdown-toggle-iotdevice svg{font-size:12px!important}.iot-action-dropdown-menu-iotdevice{min-width:160px!important;max-width:200px!important;border-radius:8px!important}.iot-dropdown-item-iotdevice{padding:8px 14px!important;font-size:13px!important}.iot-dropdown-item-iotdevice svg{font-size:13px!important}.iot-single-action-btn-iotdevice{padding:4px 10px!important;font-size:12px!important}}@media(max-width:480px){.iot-device-management{padding:8px!important}.iot-chart-area-iotdevice{height:170px!important;padding:12px!important}.iot-chart-header-iotdevice h3{font-size:12px!important}.iot-chart-period-iotdevice{font-size:9px!important;padding:2px 8px!important}.iot-tab-btn-iotdevice{padding:8px 12px!important;font-size:11px!important}.iot-tab-badge-iotdevice{font-size:9px!important;padding:1px 6px!important}.iot-device-table-iotdevice tbody tr{padding:12px!important}.iot-device-table-iotdevice td{font-size:12px!important;padding:6px 0!important}.iot-device-table-iotdevice td:before{font-size:11px!important}.iot-modal-content-iotdevice{max-width:98%!important}.iot-modal-header-iotdevice{padding:12px 16px!important}.iot-modal-header-iotdevice h3{font-size:15px!important}.iot-device-details-view-iotdevice,.iot-device-form-iotdevice{padding:16px!important}.iot-modal-actions-iotdevice{padding:12px 16px!important}.iot-modal-actions-iotdevice button{font-size:13px!important;padding:10px!important}.iot-page-btn-iotdevice{padding:4px 10px!important;font-size:11px!important}.iot-page-number-iotdevice{min-width:28px!important;height:28px!important;font-size:11px!important}.iot-dropdown-item-iotdevice{padding:6px 12px!important;font-size:12px!important}.iot-dropdown-item-iotdevice svg{font-size:12px!important}}@media(hover:none)and (pointer:coarse){.iot-tab-btn-iotdevice{padding:12px 16px!important;min-height:44px!important}.iot-action-dropdown-toggle-iotdevice{padding:8px 14px!important;min-height:40px!important}.iot-dropdown-item-iotdevice{padding:12px 16px!important;min-height:44px!important}.iot-page-btn-iotdevice,.iot-page-number-iotdevice{min-height:40px!important;min-width:40px!important}.iot-modal-actions-iotdevice button{min-height:48px!important}.iot-create-btn-iotdevice,.iot-search-group-iotdevice input{min-height:44px!important}.iot-single-action-btn-iotdevice{min-height:36px!important}}.reports-container-reports{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.reports-header-reports{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.report-tabs-reports{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0}.tab-btn-reports{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease}.tab-btn-reports:hover{color:var(--primary-blue)}.tab-btn-reports.active-reports{color:var(--primary-blue);font-weight:600}.tab-btn-reports.active-reports:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.report-controls-reports{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:16px;flex-wrap:nowrap}.date-range-reports{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range-reports label{font-weight:500;color:var(--gray-700);font-size:14px}.date-inputs-reports{display:flex;align-items:center;gap:8px}.date-inputs-reports input{padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.date-inputs-reports input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.date-inputs-reports span{color:var(--gray-500);font-size:14px}.report-filter-reports{display:flex;align-items:center;gap:8px}.report-filter-reports label{font-weight:500;color:var(--gray-700);font-size:14px}.report-filter-reports select{padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:200px;appearance:none}.report-filter-reports select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.report-filter-reports{position:relative}.report-filter-reports:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:10px}.report-content-reports{padding:0}.report-section-reports{margin-bottom:24px}.report-section-reports h2{font-size:18px;font-weight:600;color:var(--gray-900);margin:0 0 4px}.report-section-reports p{font-size:14px;color:var(--gray-500);margin:0 0 16px}.table-container-reports{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow)}.reports-table-reports{width:100%;border-collapse:collapse;font-size:14px}.reports-table-reports thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.reports-table-reports th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.reports-table-reports tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.reports-table-reports tbody tr:last-child{border-bottom:none}.reports-table-reports tbody tr:hover{background-color:var(--gray-50)}.reports-table-reports tbody tr:nth-child(2n){background-color:#fafbfc}.reports-table-reports tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.reports-table-reports td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.ref-cell-reports,.client-cell-reports{font-weight:500;color:var(--gray-900)}.amount-reports{font-weight:500}.empty-state-reports{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.status-badge-reports,.property-type-badge-reports,.system-type-badge-reports,.client-type-badge-reports,.payment-method-reports,.project-status-badge-reports{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.status-badge-reports.paid,.status-badge-reports.completed{background:#d1fae5;color:#065f46}.status-badge-reports.pending,.status-badge-reports.in-progress{background:#fef3c7;color:#92400e}.status-badge-reports.cancelled{background:#fee2e2;color:#991b1b}.report-actions-reports{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.export-btn-reports{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.export-btn-reports:disabled{opacity:.6;cursor:default}.export-btn-reports:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.export-btn-reports.pdf{background:#dc2626}.export-btn-reports.pdf:hover:not(:disabled){background:#b91c1c}.export-btn-reports.excel{background:#16a34a}.export-btn-reports.excel:hover:not(:disabled){background:#15803d}.export-btn-reports.print{background:var(--gray-700)}.export-btn-reports.print:hover:not(:disabled){background:var(--gray-900)}.skeleton-line-large-reports{height:28px;width:250px;background:var(--gray-200);border-radius:4px;margin-bottom:8px}.skeleton-line-medium-reports{height:16px;width:300px;background:var(--gray-200);border-radius:4px}.skeleton-tab-reports{height:40px;width:120px;background:var(--gray-200);border-radius:4px;margin-right:12px}.skeleton-table-reports{height:400px;background:var(--gray-200);border-radius:0}.skeleton-controls-reports{height:40px;width:100%;max-width:400px;background:var(--gray-200);border-radius:8px;margin-bottom:16px}@keyframes shimmer-reports{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-large-reports,.skeleton-line-medium-reports,.skeleton-tab-reports,.skeleton-table-reports,.skeleton-controls-reports{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-reports 1.5s infinite}@media(max-width:1024px){.report-controls-reports{flex-direction:column;align-items:stretch;gap:12px}.date-range-reports,.date-inputs-reports,.report-filter-reports{flex-direction:column;align-items:stretch}.report-filter-reports select{width:100%}}@media(max-width:768px){.reports-container-reports{padding:16px!important}.reports-header-reports{padding:0!important}.report-tabs-reports{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin:0 0 12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.report-tabs-reports::-webkit-scrollbar{display:none}.tab-btn-reports{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;flex:none!important}.tab-btn-reports.active-reports:after{left:16px!important;right:16px!important}.report-controls-reports{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:12px!important}.date-range-reports{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.date-range-reports label{font-size:13px!important}.date-inputs-reports{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.date-inputs-reports input{padding:10px 12px!important;font-size:14px!important;width:100%!important}.date-inputs-reports span{text-align:center!important}.report-filter-reports{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.report-filter-reports label{font-size:13px!important}.report-filter-reports select{padding:10px 40px 10px 14px!important;font-size:14px!important;width:100%!important;min-width:auto!important}.report-content-reports{padding:0!important}.report-section-reports h2{font-size:16px!important}.report-section-reports p{font-size:13px!important}.table-container-reports{margin:0!important}.reports-table-reports thead{display:none!important}.reports-table-reports tbody tr{display:block!important;border:1px solid var(--gray-200)!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important;background:#fff!important}.reports-table-reports tbody tr:nth-child(2n){background:#fff!important}.reports-table-reports tbody tr:hover{background:#fff!important}.reports-table-reports td{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border:none!important;text-align:right!important;font-size:13px!important}.reports-table-reports td:before{content:attr(data-label)!important;font-weight:600!important;color:var(--gray-500)!important;text-align:left!important;padding-right:16px!important;font-size:12px!important}.ref-cell-reports,.client-cell-reports,.amount-reports{font-size:13px!important}.report-actions-reports{flex-direction:column!important;gap:8px!important}.export-btn-reports{justify-content:center!important;padding:10px!important;font-size:14px!important;width:100%!important}.empty-state-reports{padding:32px 16px!important;font-size:14px!important}}@media(max-width:480px){.reports-container-reports{padding:8px!important}.tab-btn-reports{padding:8px 12px!important;font-size:11px!important}.date-inputs-reports input{padding:8px 10px!important;font-size:13px!important}.report-filter-reports select{padding:8px 36px 8px 12px!important;font-size:13px!important}.reports-table-reports tbody tr{padding:12px!important}.reports-table-reports td{font-size:12px!important;padding:6px 0!important}.reports-table-reports td:before{font-size:11px!important}.export-btn-reports{padding:8px!important;font-size:13px!important}.report-section-reports h2{font-size:14px!important}.report-section-reports p{font-size:12px!important}.empty-state-reports{padding:24px 12px!important;font-size:13px!important}}@media(hover:none)and (pointer:coarse){.tab-btn-reports{padding:12px 16px!important;min-height:44px!important}.date-inputs-reports input,.report-filter-reports select{min-height:44px!important}.export-btn-reports{min-height:48px!important}}.user-management-usermanagement{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.user-management-header-usermanagement{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.user-tabs-wrapper-usermanagement{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0;flex-wrap:wrap;gap:12px}.user-tabs-usermanagement{display:flex;gap:0px}.tab-btn-usermanagement{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.tab-btn-usermanagement:hover{color:var(--primary-blue)}.tab-btn-usermanagement.active-usermanagement{color:var(--primary-blue);font-weight:600}.tab-btn-usermanagement.active-usermanagement:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.tab-badge-usermanagement{background-color:var(--gray-100);color:var(--gray-500);font-size:12px;font-weight:600;padding:2px 10px;border-radius:50px}.tab-btn-usermanagement.active-usermanagement .tab-badge-usermanagement{background-color:var(--primary-blue-light);color:var(--primary-blue)}.user-tab-actions-usermanagement{display:flex;gap:12px}.create-user-btn-usermanagement,.refresh-btn-usermanagement{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gray-900);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.password-input-wrapper-usermanagement{position:relative;display:flex;align-items:center}.password-input-wrapper-usermanagement input{flex:1;padding-right:40px}.password-toggle-btn-usermanagement{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-btn-usermanagement:hover{color:#4f46e5}.password-toggle-btn-usermanagement:focus{outline:none}.create-user-btn-usermanagement:hover,.refresh-btn-usermanagement:hover{background:#374151}.user-filters-section-usermanagement{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:16px;flex-wrap:nowrap}.search-box-usermanagement{flex:0 0 280px;max-width:320px;position:relative}.search-icon-usermanagement{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.search-box-usermanagement input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.search-box-usermanagement input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.search-box-usermanagement input::placeholder{color:var(--gray-500)}.filter-role-usermanagement{flex:0 0 auto;position:relative}.filter-role-usermanagement select{padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:150px;appearance:none}.filter-role-usermanagement select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.filter-role-usermanagement{position:relative}.filter-role-usermanagement:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:10px}.users-table-container-usermanagement{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow);margin:0}.users-table-usermanagement{width:100%;border-collapse:collapse;font-size:14px}.users-table-usermanagement thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.users-table-usermanagement th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.users-table-usermanagement tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.users-table-usermanagement tbody tr:last-child{border-bottom:none}.users-table-usermanagement tbody tr:hover{background-color:var(--gray-50)}.users-table-usermanagement tbody tr:nth-child(2n){background-color:#fafbfc}.users-table-usermanagement tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.users-table-usermanagement td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.empty-state-usermanagement{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.user-cell-content-usermanagement{display:flex;align-items:center;gap:12px}.user-avatar-usermanagement{width:32px;height:32px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-initials-usermanagement{font-weight:600;font-size:13px;color:var(--gray-500)}.avatar-icon-usermanagement{font-size:20px;color:var(--gray-500)}.user-name-usermanagement{font-weight:500;color:var(--gray-900)}.small-avatar-usermanagement{width:28px;height:28px}.email-cell-usermanagement{display:flex;align-items:center;gap:8px}.email-icon-usermanagement{color:var(--gray-500);font-size:14px}.email-text-usermanagement,.contact-cell-usermanagement{color:var(--gray-700)}.role-badge-usermanagement{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.status-badge-usermanagement{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.action-dropdown-container-usermanagement{position:relative;display:inline-block}.action-dropdown-toggle-usermanagement{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-usermanagement:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.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;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.dropdown-item-usermanagement{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-usermanagement:hover:not(.disabled){background:var(--gray-50)}.dropdown-item-usermanagement svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.dropdown-item-usermanagement.disabled{color:var(--gray-300);cursor:default}.dropdown-item-usermanagement.disabled svg{color:var(--gray-300)}.dropdown-item-usermanagement.primary{color:#1e40af}.dropdown-item-usermanagement.warning{color:#92400e}.dropdown-item-usermanagement.danger{color:#991b1b}.dropdown-item-usermanagement.success{color:#065f46}.audit-logs-table-usermanagement .module-badge-usermanagement{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--gray-100);border-radius:6px;font-size:13px;font-weight:500;color:var(--gray-700)}.action-badge-usermanagement{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-700)}.timestamp-cell-usermanagement{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:13px}.timestamp-icon-usermanagement{color:var(--gray-500);font-size:13px}.pagination-usermanagement{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;flex-wrap:wrap;gap:16px}.pagination-info-usermanagement{color:var(--gray-500);font-size:14px}.pagination-controls-usermanagement{display:flex;align-items:center;gap:6px}.page-btn-usermanagement{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-btn-usermanagement:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn-usermanagement:disabled{opacity:.5;cursor:default;border-color:var(--gray-100)}.page-number-usermanagement{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-number-usermanagement:hover:not(.active-usermanagement){background:var(--gray-50);border-color:var(--gray-300)}.page-number-usermanagement.active-usermanagement{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 8px #2563eb33}.modal-overlay-usermanagement{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-usermanagement{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-usermanagement{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-usermanagement h3{font-size:20px;font-weight:700;margin:0;color:var(--gray-900)}.modal-close-usermanagement{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-usermanagement:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-usermanagement{padding:28px}.modal-actions-usermanagement{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-usermanagement button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-usermanagement button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-usermanagement button:disabled{opacity:.6;cursor:default}.cancel-btn-usermanagement{background:#fff}.save-btn-usermanagement{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.save-btn-usermanagement:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.delete-btn-usermanagement{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc262626!important}.delete-btn-usermanagement:hover{background:#b91c1c!important;box-shadow:0 6px 12px #dc262640!important}.user-details-view-usermanagement .detail-section-usermanagement{margin-bottom:20px}.user-details-view-usermanagement h4{font-size:14px;font-weight:700;color:var(--gray-500);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.detail-row-usermanagement{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gray-100)}.detail-row-usermanagement:last-child{border-bottom:none}.detail-row-usermanagement span{color:var(--gray-500)}.detail-row-usermanagement strong{color:var(--gray-900)}.user-form-usermanagement .form-row-usermanagement{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-usermanagement{margin-top:20px}.form-group-usermanagement:first-child{margin-top:0}.form-group-usermanagement label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--gray-700)}.form-group-usermanagement input,.form-group-usermanagement select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group-usermanagement input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.form-group-usermanagement input.error{border-color:#dc2626}.form-group-usermanagement small{display:block;color:var(--gray-500);font-size:12px;margin-top:4px}.error-text-usermanagement{display:block;color:#dc2626;font-size:13px;margin-top:4px}.confirm-modal-usermanagement .confirm-icon-usermanagement{text-align:center;margin:10px 0;font-size:48px;color:#f59e0b}.confirm-modal-usermanagement h3{text-align:center}.confirm-modal-usermanagement p{text-align:center;color:var(--gray-700)}.confirm-modal-usermanagement .warning-text-usermanagement{color:var(--gray-500);font-size:13px}.password-modal-usermanagement .user-info-summary-usermanagement{background:var(--gray-50);padding:12px;border-radius:10px;border:1px solid var(--gray-200);margin-bottom:16px}.password-modal-usermanagement .user-info-summary-usermanagement p{margin:4px 0;font-size:14px;color:var(--gray-700)}.skeleton-line-large-usermanagement{height:28px;width:250px;background:var(--gray-200);border-radius:4px;margin-bottom:8px}.skeleton-button-usermanagement{height:40px;width:120px;background:var(--gray-200);border-radius:8px}.skeleton-tab-usermanagement{height:40px;width:100px;background:var(--gray-200);border-radius:4px;margin-right:12px}.skeleton-search-usermanagement{height:40px;width:250px;background:var(--gray-200);border-radius:8px}.skeleton-table-usermanagement{height:400px;background:var(--gray-200);border-radius:0}@keyframes shimmer-usermanagement{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-large-usermanagement,.skeleton-button-usermanagement,.skeleton-tab-usermanagement,.skeleton-search-usermanagement,.skeleton-table-usermanagement{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-usermanagement 1.5s infinite}@media(max-width:1024px){.user-form-usermanagement .form-row-usermanagement{grid-template-columns:1fr}}@media(max-width:768px){.user-management-usermanagement{padding:16px!important}.user-management-header-usermanagement{padding:0!important}.user-tabs-wrapper-usermanagement{margin:0 0 16px!important;flex-direction:column;align-items:stretch;gap:8px!important}.user-tabs-usermanagement{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%!important}.user-tabs-usermanagement::-webkit-scrollbar{display:none}.tab-btn-usermanagement{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;flex:none!important}.tab-btn-usermanagement.active-usermanagement:after{left:16px!important;right:16px!important}.tab-badge-usermanagement{font-size:10px!important;padding:1px 8px!important}.user-tab-actions-usermanagement{width:100%!important;flex-direction:column!important;gap:8px!important}.create-user-btn-usermanagement,.refresh-btn-usermanagement{width:100%!important;justify-content:center!important;padding:10px!important;font-size:14px!important}.user-filters-section-usermanagement{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:12px!important}.search-box-usermanagement{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important}.search-box-usermanagement input{font-size:14px!important;padding:10px 14px 10px 38px!important}.filter-role-usermanagement{width:100%!important}.filter-role-usermanagement select{width:100%!important;min-width:auto!important;font-size:14px!important;padding:10px 40px 10px 14px!important}.users-table-container-usermanagement{margin:0!important}.users-table-usermanagement thead{display:none!important}.users-table-usermanagement tbody tr{display:block!important;border:1px solid var(--gray-200)!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important;background:#fff!important}.users-table-usermanagement tbody tr:nth-child(2n){background:#fff!important}.users-table-usermanagement tbody tr:hover{background:#fff!important}.users-table-usermanagement td{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border:none!important;text-align:right!important;font-size:13px!important}.users-table-usermanagement td:before{content:attr(data-label)!important;font-weight:600!important;color:var(--gray-500)!important;text-align:left!important;padding-right:16px!important;font-size:12px!important}.user-cell-content-usermanagement{justify-content:flex-end!important}.user-name-usermanagement{font-size:13px!important}.email-text-usermanagement{font-size:12px!important}.pagination-usermanagement{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0 0!important}.pagination-info-usermanagement{text-align:center!important;font-size:12px!important}.pagination-controls-usermanagement{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.page-btn-usermanagement{padding:6px 12px!important;font-size:12px!important}.page-number-usermanagement{min-width:30px!important;height:30px!important;font-size:12px!important;padding:0 6px!important}.modal-content-usermanagement{max-width:95%!important;max-height:95vh!important;border-radius:12px!important;margin:10px!important}.modal-header-usermanagement{padding:16px 20px!important}.modal-header-usermanagement h3{font-size:17px!important}.modal-body-usermanagement{padding:20px!important}.modal-actions-usermanagement{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.modal-actions-usermanagement button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.detail-row-usermanagement{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:8px 0!important}.detail-row-usermanagement span{font-size:12px!important}.detail-row-usermanagement strong{font-size:14px!important}.user-form-usermanagement .form-row-usermanagement{grid-template-columns:1fr!important;gap:0!important}.form-group-usermanagement{margin-top:14px!important}.form-group-usermanagement label{font-size:13px!important}.form-group-usermanagement input{padding:10px 12px!important;font-size:13px!important}.action-dropdown-toggle-usermanagement{padding:4px 10px!important;font-size:12px!important}.action-dropdown-toggle-usermanagement span{display:none!important}.action-dropdown-toggle-usermanagement svg{font-size:12px!important}.action-dropdown-menu-usermanagement{min-width:160px!important;max-width:200px!important;border-radius:8px!important}.dropdown-item-usermanagement{padding:8px 14px!important;font-size:13px!important}.dropdown-item-usermanagement svg{font-size:13px!important}}@media(max-width:480px){.user-management-usermanagement{padding:8px!important}.tab-btn-usermanagement{padding:8px 12px!important;font-size:11px!important}.tab-badge-usermanagement{font-size:9px!important;padding:1px 6px!important}.users-table-usermanagement tbody tr{padding:12px!important}.users-table-usermanagement td{font-size:12px!important;padding:6px 0!important}.users-table-usermanagement td:before{font-size:11px!important}.modal-content-usermanagement{max-width:98%!important}.modal-header-usermanagement{padding:12px 16px!important}.modal-header-usermanagement h3{font-size:15px!important}.modal-body-usermanagement{padding:16px!important}.modal-actions-usermanagement{padding:12px 16px!important}.modal-actions-usermanagement button{font-size:13px!important;padding:10px!important}.page-btn-usermanagement{padding:4px 10px!important;font-size:11px!important}.page-number-usermanagement{min-width:28px!important;height:28px!important;font-size:11px!important}.dropdown-item-usermanagement{padding:6px 12px!important;font-size:12px!important}.dropdown-item-usermanagement svg{font-size:12px!important}.user-avatar-usermanagement{width:28px!important;height:28px!important}.avatar-initials-usermanagement{font-size:11px!important}.avatar-icon-usermanagement{font-size:16px!important}}@media(hover:none)and (pointer:coarse){.tab-btn-usermanagement{padding:12px 16px!important;min-height:44px!important}.action-dropdown-toggle-usermanagement{padding:8px 14px!important;min-height:40px!important}.dropdown-item-usermanagement{padding:12px 16px!important;min-height:44px!important}.page-btn-usermanagement,.page-number-usermanagement{min-height:40px!important;min-width:40px!important}.modal-actions-usermanagement button{min-height:48px!important}.create-user-btn-usermanagement,.refresh-btn-usermanagement,.search-box-usermanagement input,.filter-role-usermanagement select{min-height:44px!important}}.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 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 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.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}@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}}.schedule-management-adsche{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.schedule-header-adsche{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.schedule-tabs-adsche{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0;flex-wrap:wrap}.tab-btn-adsche{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.tab-btn-adsche:hover{color:var(--primary-blue)}.tab-btn-adsche.active-adsche{color:var(--primary-blue);font-weight:600}.tab-btn-adsche.active-adsche:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.tab-badge-adsche{background-color:var(--gray-100);color:var(--gray-500);font-size:12px;font-weight:600;padding:2px 10px;border-radius:50px}.tab-btn-adsche.active-adsche .tab-badge-adsche{background-color:var(--primary-blue-light);color:var(--primary-blue)}.schedule-filters-adsche{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:16px;flex-wrap:nowrap}.search-group-adsche{flex:0 0 280px;max-width:320px;position:relative}.search-icon-adsche{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px}.search-group-adsche input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease}.search-group-adsche input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.search-group-adsche input::placeholder{color:var(--gray-500)}.filter-group-adsche{flex:0 0 auto;position:relative}.filter-group-adsche select{appearance:none;padding:12px 44px 12px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-group-adsche select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.select-arrow-adsche{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none;font-size:12px}.refresh-btn-adsche{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn-adsche:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}@keyframes spin-adsche{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-adsche{animation:spin-adsche 1s linear infinite}.schedule-table-container-adsche{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow);margin:0}.schedule-table-adsche{width:100%;border-collapse:collapse;font-size:14px}.schedule-table-adsche thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200)}.schedule-table-adsche th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.schedule-table-adsche tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s ease}.schedule-table-adsche tbody tr:last-child{border-bottom:none}.schedule-table-adsche tbody tr:hover{background-color:var(--gray-50)}.schedule-table-adsche tbody tr:nth-child(2n){background-color:#fafbfc}.schedule-table-adsche tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.schedule-table-adsche td{padding:14px 18px;color:var(--gray-700);vertical-align:middle;text-align:left}.empty-state-adsche{text-align:center;padding:48px 20px;color:var(--gray-500);font-size:15px}.ref-cell-adsche .schedule-title-adsche{font-weight:500;color:var(--gray-900)}.ref-cell-adsche .schedule-id-adsche{font-size:12px;color:var(--gray-500)}.client-cell-adsche .client-contact-adsche{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-500);margin-top:2px}.date-cell-adsche{display:flex;align-items:center;gap:6px}.time-cell-adsche{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-500);margin-top:2px}.cell-icon-adsche{font-size:13px;color:var(--gray-500)}.status-badge-adsche{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.type-badge-adsche{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.action-dropdown-container-adsche{position:relative;display:inline-block}.action-dropdown-toggle-adsche{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-adsche:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dropdown-arrow-adsche{font-size:10px;transition:transform .2s ease}.dropdown-arrow-adsche.open-adsche{transform:rotate(180deg)}.action-dropdown-menu-adsche{min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.dropdown-item-adsche{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-adsche:hover{background:var(--gray-50)}.dropdown-item-adsche svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.pagination-adsche{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;flex-wrap:wrap;gap:16px}.pagination-info-adsche{color:var(--gray-500);font-size:14px}.pagination-controls-adsche{display:flex;align-items:center;gap:6px}.page-btn-adsche{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-btn-adsche:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn-adsche:disabled{opacity:.5;cursor:default;border-color:var(--gray-100)}.page-number-adsche{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.page-number-adsche:hover:not(.active-adsche){background:var(--gray-50);border-color:var(--gray-300)}.page-number-adsche.active-adsche{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 8px #2563eb33}.modal-overlay-adsche{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-adsche{background:#fff;border-radius:var(--border-radius);max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-adsche{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-adsche h3{font-size:20px;font-weight:700;color:var(--gray-900);margin:0}.modal-close-adsche{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-adsche:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-adsche{padding:28px}.modal-actions-adsche{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-adsche button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-adsche button:hover:not(:disabled){background:var(--gray-50)}.close-btn-adsche{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.close-btn-adsche:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.detail-section-adsche{padding:16px 0;border-bottom:1px solid var(--gray-100)}.detail-section-adsche:last-of-type{border-bottom:none}.detail-section-adsche h4{font-size:14px;font-weight:700;color:var(--gray-500);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.detail-section-adsche p{margin:6px 0;font-size:14px;color:var(--gray-700)}.detail-section-adsche p strong{font-weight:600;color:var(--gray-900);margin-right:6px}.site-photos-grid-adsche{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:8px}.site-photo-item-adsche{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;border:1px solid var(--gray-200)}.site-photo-item-adsche img{width:100%;height:100%;object-fit:cover}.photo-overlay-adsche{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;padding:4px 8px;text-align:center;font-size:12px}.skeleton-line-adsche{height:20px;background:var(--gray-200);border-radius:4px}.skeleton-line-adsche.large{width:200px}.skeleton-line-adsche.medium{width:150px}.skeleton-tab-adsche{height:40px;width:100px;background:var(--gray-200);border-radius:4px;margin-right:12px}.skeleton-select-adsche{height:40px;width:160px;background:var(--gray-200);border-radius:8px}.skeleton-search-adsche{height:40px;width:250px;background:var(--gray-200);border-radius:8px}.skeleton-table-adsche{height:400px;background:var(--gray-200);border-radius:0}@keyframes shimmer-adsche{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-adsche,.skeleton-tab-adsche,.skeleton-select-adsche,.skeleton-search-adsche,.skeleton-table-adsche{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-adsche 1.5s infinite}@media(max-width:1024px){.site-photos-grid-adsche{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(max-width:768px){.schedule-management-adsche{padding:16px!important}.schedule-header-adsche{padding:0!important}.schedule-tabs-adsche{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin:0 0 12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.schedule-tabs-adsche::-webkit-scrollbar{display:none}.tab-btn-adsche{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;flex:none!important}.tab-btn-adsche.active-adsche:after{left:16px!important;right:16px!important}.tab-badge-adsche{font-size:10px!important;padding:1px 8px!important}.schedule-filters-adsche{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:12px!important}.search-group-adsche{flex:1 1 auto!important;max-width:100%!important;min-width:auto!important}.search-group-adsche input{font-size:14px!important;padding:10px 14px 10px 38px!important}.filter-group-adsche{width:100%!important}.filter-group-adsche select{width:100%!important;min-width:auto!important;font-size:14px!important;padding:10px 40px 10px 14px!important}.refresh-btn-adsche{width:100%!important;justify-content:center!important;padding:10px!important;font-size:14px!important}.schedule-table-container-adsche{margin:0!important}.schedule-table-adsche thead{display:none!important}.schedule-table-adsche tbody tr{display:block!important;border:1px solid var(--gray-200)!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important;background:#fff!important}.schedule-table-adsche tbody tr:nth-child(2n){background:#fff!important}.schedule-table-adsche tbody tr:hover{background:#fff!important}.schedule-table-adsche td{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border:none!important;text-align:right!important;font-size:13px!important}.schedule-table-adsche td:before{content:attr(data-label)!important;font-weight:600!important;color:var(--gray-500)!important;text-align:left!important;padding-right:16px!important;font-size:12px!important}.ref-cell-adsche .schedule-title-adsche{font-size:13px!important}.client-cell-adsche .client-contact-adsche{font-size:11px!important}.date-cell-adsche{font-size:13px!important}.time-cell-adsche{font-size:12px!important}.pagination-adsche{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0 0!important}.pagination-info-adsche{text-align:center!important;font-size:12px!important}.pagination-controls-adsche{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important}.page-btn-adsche{padding:6px 12px!important;font-size:12px!important}.page-number-adsche{min-width:30px!important;height:30px!important;font-size:12px!important;padding:0 6px!important}.modal-content-adsche{max-width:95%!important;max-height:95vh!important;border-radius:12px!important;margin:10px!important}.modal-header-adsche{padding:16px 20px!important}.modal-header-adsche h3{font-size:17px!important}.modal-body-adsche{padding:20px!important}.modal-actions-adsche{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.modal-actions-adsche button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.detail-section-adsche{padding:12px 0!important}.detail-section-adsche h4,.detail-section-adsche p{font-size:13px!important}.site-photos-grid-adsche{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important;gap:8px!important}.action-dropdown-toggle-adsche{padding:4px 10px!important;font-size:12px!important}.action-dropdown-toggle-adsche span{display:none!important}.action-dropdown-toggle-adsche svg{font-size:12px!important}.action-dropdown-menu-adsche{min-width:160px!important;max-width:200px!important;border-radius:8px!important}.dropdown-item-adsche{padding:8px 14px!important;font-size:13px!important}.dropdown-item-adsche svg{font-size:13px!important}}@media(max-width:480px){.schedule-management-adsche{padding:8px!important}.tab-btn-adsche{padding:8px 12px!important;font-size:11px!important}.tab-badge-adsche{font-size:9px!important;padding:1px 6px!important}.schedule-table-adsche tbody tr{padding:12px!important}.schedule-table-adsche td{font-size:12px!important;padding:6px 0!important}.schedule-table-adsche td:before{font-size:11px!important}.modal-content-adsche{max-width:98%!important}.modal-header-adsche{padding:12px 16px!important}.modal-header-adsche h3{font-size:15px!important}.modal-body-adsche{padding:16px!important}.modal-actions-adsche{padding:12px 16px!important}.modal-actions-adsche button{font-size:13px!important;padding:10px!important}.page-btn-adsche{padding:4px 10px!important;font-size:11px!important}.page-number-adsche{min-width:28px!important;height:28px!important;font-size:11px!important}.dropdown-item-adsche{padding:6px 12px!important;font-size:12px!important}.dropdown-item-adsche svg{font-size:12px!important}.site-photos-grid-adsche{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important;gap:6px!important}}@media(hover:none)and (pointer:coarse){.tab-btn-adsche{padding:12px 16px!important;min-height:44px!important}.action-dropdown-toggle-adsche{padding:8px 14px!important;min-height:40px!important}.dropdown-item-adsche{padding:12px 16px!important;min-height:44px!important}.page-btn-adsche,.page-number-adsche{min-height:40px!important;min-width:40px!important}.modal-actions-adsche button{min-height:48px!important}.refresh-btn-adsche,.search-group-adsche input,.filter-group-adsche select{min-height:44px!important}}:root{--primary-blue: #2563eb;--primary-blue-light: #dbeafe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .02);--border-radius: 16px}.maintenance-panel-admain{background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);padding:0}.panel-header-admain{display:flex;justify-content:space-between;align-items:flex-start;height:5px;padding:0}.main-tabs-admain{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0}.main-tab-btn-admain{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.main-tab-btn-admain:hover{color:var(--primary-blue)}.main-tab-btn-admain.active-admain{color:var(--primary-blue);font-weight:600}.main-tab-btn-admain.active-admain:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.tab-icon-admain{font-size:16px}.toggle-card-admain{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:20px 24px;margin:0 0 16px;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.toggle-card-admain:hover{box-shadow:var(--card-hover-shadow)}.toggle-info-admain h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--gray-900)}.toggle-info-admain p{font-size:14px;color:var(--gray-500);margin:0}.active-badge-admain{display:inline-flex;flex-direction:column;gap:4px;margin-top:8px;background:var(--gray-100);color:var(--gray-700);padding:8px 14px;border-radius:6px;font-weight:600;font-size:13px;border:1px solid var(--gray-200)}.start-time-admain{font-weight:400;font-size:12px;color:var(--gray-500)}.toggle-btn-admain{display:flex;align-items:center;gap:10px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.toggle-btn-admain.inactive-admain{background:var(--gray-900);color:#fff}.toggle-btn-admain.inactive-admain:hover{background:#374151}.toggle-btn-admain.active-admain{background:#dc2626;color:#fff}.toggle-btn-admain.active-admain:hover{background:#b91c1c}.toggle-btn-admain:disabled{opacity:.6;cursor:default}.spinner-admain{animation:spin-admain 1s linear infinite}@keyframes spin-admain{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-card-admain,.ips-card-admain,.history-card-admain{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:20px 24px;margin:0 0 16px;box-shadow:var(--card-shadow)}.settings-card-admain:hover,.ips-card-admain:hover,.history-card-admain:hover{box-shadow:var(--card-hover-shadow)}.settings-card-admain h3,.ips-card-admain h3,.history-card-admain h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--gray-900)}.form-group-admain{margin-bottom:16px}.form-group-admain label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.form-group-admain input,.form-group-admain textarea,.form-group-admain select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease;box-sizing:border-box}.form-group-admain input:focus,.form-group-admain textarea:focus,.form-group-admain select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.form-row-admain{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group-admain{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.checkbox-label-admain{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-700);cursor:pointer}.checkbox-label-admain input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue);cursor:pointer}.save-btn-admain{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #2563eb26}.save-btn-admain:hover{background:#1d4ed8;box-shadow:0 6px 12px #2563eb40}.save-btn-admain:disabled{opacity:.6;cursor:default}.add-ip-admain{display:flex;gap:12px;margin-bottom:16px}.add-ip-admain input{flex:1;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.add-ip-admain input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.add-ip-admain button{display:flex;align-items:center;gap:6px;padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #2563eb26}.add-ip-admain button:hover{background:#1d4ed8;box-shadow:0 6px 12px #2563eb40}.ip-list-admain{display:flex;flex-direction:column;gap:8px}.ip-item-admain{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.ip-item-admain span{font-size:14px;color:var(--gray-700)}.ip-item-admain button{background:transparent;border:none;color:#dc2626;cursor:pointer;transition:color .2s ease;padding:4px 8px}.ip-item-admain button:hover{color:#991b1b}.no-ips-admain{text-align:center;color:var(--gray-500);font-size:14px;padding:12px}.history-toggle-admain{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.history-toggle-admain:hover{background:var(--gray-200)}.history-list-admain{margin-top:16px;display:flex;flex-direction:column;gap:8px}.history-item-admain{padding:10px 14px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200);font-size:14px;color:var(--gray-700);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.system-config-admain{padding:0}.config-header-tabs-wrapper-admain{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--gray-200);margin:0 0 16px;padding:0;flex-wrap:wrap;gap:12px}.config-subtabs-wrapper-admain{flex:1;min-width:250px}.mobile-subtab-toggle-admain{display:none;width:100%;padding:12px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;justify-content:space-between;align-items:center}.mobile-subtab-toggle-admain.open-admain{border-radius:10px 10px 0 0}.subtab-label-admain{font-weight:600}.toggle-arrow-admain{font-size:12px;transition:transform .3s ease}.toggle-arrow-admain.open-admain{transform:rotate(180deg)}.config-subtabs-admain{display:flex;gap:0px}.subtab-btn-admain{background:transparent;border:none;padding:14px 24px;font-size:15px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:10px}.subtab-btn-admain:hover{color:var(--primary-blue)}.subtab-btn-admain.active-admain{color:var(--primary-blue);font-weight:600}.subtab-btn-admain.active-admain:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:3px;background-color:var(--primary-blue);border-radius:10px 10px 0 0}.subtab-icon-admain{font-size:16px}.subtab-badge-admain{background-color:var(--gray-100);color:var(--gray-500);font-size:11px;font-weight:600;padding:2px 10px;border-radius:50px}.reset-config-btn-admain{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.reset-config-btn-admain:hover{background:#b91c1c}.reset-config-btn-admain:disabled{opacity:.6;cursor:default}.equipment-catalog-admain{margin-top:16px}.input-group-admain{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.input-group-admain span{padding:12px 14px;background:var(--gray-50);border-right:1px solid var(--gray-200);font-weight:500;color:var(--gray-700);font-size:14px}.input-group-admain input{flex:1;border:none;padding:12px 14px;outline:none;font-size:14px;color:var(--gray-900)}.input-group-admain input:focus{box-shadow:inset 0 0 0 2px var(--primary-blue)}.save-config-btn-admain{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px;box-shadow:0 4px 8px #2563eb26}.save-config-btn-admain:hover{background:#1d4ed8;box-shadow:0 6px 12px #2563eb40}.save-config-btn-admain:disabled{opacity:.6;cursor:default}.equipment-section-admain{margin-top:24px}.section-header-admain{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title-admain{display:flex;align-items:center;gap:12px}.section-title-admain h4{font-size:16px;font-weight:600;margin:0;color:var(--gray-900)}.item-count-admain{font-size:12px;color:var(--gray-500);background:var(--gray-100);padding:2px 10px;border-radius:12px}.btn-add-admain{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-admain:hover{background:#1d4ed8}.equipment-list-admain{display:flex;flex-direction:column;gap:8px}.empty-equipment-admain{padding:20px;text-align:center;color:var(--gray-500);background:var(--gray-50);border-radius:8px;border:1px dashed var(--gray-200)}.equipment-card-admain{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;transition:all .2s ease}.equipment-card-admain:hover{border-color:var(--gray-300)}.equipment-info-admain{flex:1}.equipment-name-admain{font-weight:500;color:var(--gray-900);margin-bottom:4px}.equipment-details-admain{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--gray-500)}.equipment-details-admain .price-admain{font-weight:600;color:var(--gray-900)}.equipment-actions-admain{display:flex;gap:8px}.btn-edit-admain{padding:4px 12px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;font-size:12px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.btn-edit-admain:hover{background:var(--gray-200)}.btn-remove-admain{padding:4px 12px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;font-size:12px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.btn-remove-admain:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-overlay-admain{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-admain{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-admain{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-admain h3{font-size:20px;font-weight:700;color:var(--gray-900);margin:0}.modal-close-admain{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-admain:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-admain{padding:28px}.modal-actions-admain{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-admain button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-admain button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-admain button:disabled{opacity:.6;cursor:default}.btn-cancel-admain{background:#fff}.btn-confirm-admain{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.btn-confirm-admain:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.btn-confirm-admain.btn-danger-admain{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc262626!important}.btn-confirm-admain.btn-danger-admain:hover{background:#b91c1c!important;box-shadow:0 6px 12px #dc262640!important}.skeleton-line-admain{background:var(--gray-200);border-radius:4px}.skeleton-line-admain.large-admain{height:32px;width:250px}.skeleton-card-admain{height:200px;background:var(--gray-200);border-radius:var(--border-radius);margin:0}@keyframes shimmer-admain{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-admain,.skeleton-card-admain{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-admain 1.5s infinite}@media(max-width:1024px){.form-row-admain{grid-template-columns:1fr}}@media(max-width:768px){.maintenance-panel-admain{padding:16px!important}.panel-header-admain{padding:0!important}.main-tabs-admain{overflow-x:auto!important;flex-wrap:nowrap!important;gap:0!important;margin:0 0 12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-tabs-admain::-webkit-scrollbar{display:none}.main-tab-btn-admain{padding:10px 16px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;flex:none!important}.main-tab-btn-admain.active-admain:after{left:16px!important;right:16px!important}.toggle-card-admain{margin:0 0 12px!important;flex-direction:column;align-items:stretch;padding:16px!important}.toggle-btn-admain{width:100%!important}.settings-card-admain,.ips-card-admain,.history-card-admain{margin:0 0 12px!important;padding:16px!important}.system-config-admain{padding:0!important}.config-header-tabs-wrapper-admain{flex-direction:column!important;align-items:stretch!important;border-bottom:none!important;margin:0 0 12px!important;gap:8px!important}.config-subtabs-wrapper-admain{width:100%!important}.config-subtabs-admain{display:none;flex-direction:column;border:1px solid var(--gray-200);border-radius:0 0 10px 10px;overflow:hidden}.config-subtabs-admain.open-admain{display:flex}.subtab-btn-admain{padding:12px 16px!important;width:100%!important;justify-content:space-between!important;border-bottom:1px solid var(--gray-100);font-size:14px!important}.subtab-btn-admain:last-child{border-bottom:none}.subtab-btn-admain.active-admain:after{display:none}.subtab-btn-admain.active-admain{background:var(--gray-50)}.mobile-subtab-toggle-admain{display:flex!important}.reset-config-btn-admain{width:100%!important;justify-content:center!important;padding:12px!important}.form-row-admain{grid-template-columns:1fr!important;gap:0!important}.form-group-admain{margin-bottom:12px!important}.form-group-admain label{font-size:13px!important}.form-group-admain input,.form-group-admain textarea,.form-group-admain select{padding:10px 12px!important;font-size:14px!important}.checkbox-group-admain{gap:12px!important}.add-ip-admain{flex-direction:column!important}.add-ip-admain button{width:100%!important;justify-content:center!important}.section-header-admain,.equipment-card-admain{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.equipment-actions-admain{width:100%!important;justify-content:flex-end!important}.modal-content-admain{max-width:95%!important;max-height:95vh!important;border-radius:12px!important;margin:10px!important}.modal-header-admain{padding:16px 20px!important}.modal-header-admain h3{font-size:17px!important}.modal-body-admain{padding:20px!important}.modal-actions-admain{flex-direction:column-reverse!important;padding:16px 20px!important;gap:8px!important}.modal-actions-admain button{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important}.save-btn-admain,.save-config-btn-admain{width:100%!important;justify-content:center!important}.history-item-admain{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}}@media(max-width:480px){.maintenance-panel-admain{padding:8px!important}.main-tab-btn-admain{padding:8px 12px!important;font-size:11px!important}.tab-icon-admain{font-size:14px!important}.subtab-btn-admain{padding:10px 14px!important;font-size:13px!important}.subtab-icon-admain{font-size:14px!important}.toggle-card-admain{padding:12px!important}.toggle-info-admain h3{font-size:14px!important}.toggle-info-admain p{font-size:13px!important}.toggle-btn-admain{padding:10px!important;font-size:13px!important;min-width:auto!important}.settings-card-admain,.ips-card-admain,.history-card-admain{padding:12px!important}.settings-card-admain h3,.ips-card-admain h3,.history-card-admain h3{font-size:14px!important}.equipment-card-admain{padding:10px 12px!important}.equipment-name-admain{font-size:14px!important}.equipment-details-admain{font-size:12px!important}.modal-content-admain{max-width:98%!important}.modal-header-admain{padding:12px 16px!important}.modal-header-admain h3{font-size:15px!important}.modal-body-admain{padding:16px!important}.modal-actions-admain{padding:12px 16px!important}.modal-actions-admain button{font-size:13px!important;padding:10px!important}.form-group-admain input,.form-group-admain textarea,.form-group-admain select{padding:8px 10px!important;font-size:13px!important}.input-group-admain span,.input-group-admain input{padding:10px 12px!important;font-size:13px!important}.ip-item-admain,.history-item-admain{padding:8px 12px!important;font-size:13px!important}.btn-add-admain{padding:6px 12px!important;font-size:12px!important}.btn-edit-admain,.btn-remove-admain{padding:3px 10px!important;font-size:11px!important}.empty-equipment-admain{padding:16px!important;font-size:13px!important}.no-ips-admain{font-size:13px!important}}@media(hover:none)and (pointer:coarse){.main-tab-btn-admain{padding:12px 16px!important;min-height:44px!important}.subtab-btn-admain{min-height:44px!important}.toggle-btn-admain,.save-btn-admain,.save-config-btn-admain,.reset-config-btn-admain,.add-ip-admain button,.modal-actions-admain button{min-height:48px!important}.btn-add-admain{min-height:40px!important}.btn-edit-admain,.btn-remove-admain{min-height:32px!important}.form-group-admain input,.form-group-admain textarea,.form-group-admain select,.add-ip-admain input,.history-toggle-admain{min-height:44px!important}}:root{--primary-blue: #2563eb;--primary-blue-light: #dbeafe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--border-radius: 16px}.app-management-app-admin{background:#fff;border-radius:0;border:1px solid var(--gray-200);box-shadow:var(--card-shadow);margin-top:0;padding:0}.app-header-app-admin{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--gray-100)}.app-header-info-app-admin h4{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--gray-900)}.app-header-info-app-admin p{font-size:13px;color:var(--gray-500);margin:0}.fab-add-app-app-admin{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #2563eb26}.fab-add-app-app-admin:hover{background:#1d4ed8;box-shadow:0 6px 12px #2563eb40}.fab-add-app-app-admin:disabled{opacity:.6;cursor:default}.app-empty-app-admin{text-align:center;padding:48px 20px;color:var(--gray-500)}.empty-icon-app-admin{font-size:48px;color:var(--gray-300);margin-bottom:12px}.app-empty-app-admin h3{font-size:18px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.app-empty-app-admin p{font-size:14px;color:var(--gray-500);margin:0}.app-table-wrapper-app-admin{overflow-x:auto;padding:0 24px 20px}.app-table-app-admin{width:100%;border-collapse:collapse;font-size:14px}.app-table-app-admin thead th{text-align:left;padding:12px 12px 12px 0;font-weight:600;color:var(--gray-500);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.app-table-app-admin thead th.actions-col-app-admin{text-align:right;padding-right:0}.app-table-app-admin tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s ease}.app-table-app-admin tbody tr:last-child{border-bottom:none}.app-table-app-admin tbody tr:hover{background:var(--gray-50)}.app-table-app-admin tbody td{padding:14px 12px 14px 0;color:var(--gray-700);vertical-align:middle;text-align:left}.published-row-app-admin{background:#10b98108}.version-cell-app-admin{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--gray-900)}.version-icon-app-admin{color:#3ddc84;font-size:16px}.release-notes-cell-app-admin{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.date-cell-app-admin{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:13px}.status-badge-app-admin{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-badge-app-admin.published{background:#d1fae5;color:#065f46}.status-badge-app-admin.draft{background:var(--gray-100);color:var(--gray-500)}.action-dropdown-container-app-admin{position:relative;display:inline-block;width:100%;text-align:right}.action-dropdown-toggle-app-admin{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.action-dropdown-toggle-app-admin:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.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{min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 16px #0000000f;padding:6px 0;overflow:hidden}.dropdown-item-app-admin{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item-app-admin:hover:not(.disabled){background:var(--gray-50)}.dropdown-item-app-admin svg{font-size:14px;color:var(--gray-500);width:16px;text-align:center}.dropdown-item-app-admin.primary{color:#1e40af}.dropdown-item-app-admin.primary svg{color:#1e40af}.dropdown-item-app-admin.success{color:#065f46}.dropdown-item-app-admin.success svg{color:#065f46}.dropdown-item-app-admin.danger{color:#991b1b}.dropdown-item-app-admin.danger svg{color:#991b1b}.dropdown-item-app-admin.disabled{color:var(--gray-300);cursor:default}.dropdown-item-app-admin.disabled svg{color:var(--gray-300)}.action-buttons-app-admin,.action-btn-app-admin{display:none}.modal-overlay-app-admin{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9998}.modal-content-app-admin{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 30px #0000001a;padding:0}.modal-header-app-admin{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-200)}.modal-header-app-admin h3{font-size:20px;font-weight:700;color:var(--gray-900);margin:0}.modal-close-app-admin{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-app-admin:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body-app-admin{padding:28px}.modal-actions-app-admin{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-200)}.modal-actions-app-admin button{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.modal-actions-app-admin button:hover:not(:disabled){background:var(--gray-50)}.modal-actions-app-admin button:disabled{opacity:.6;cursor:default}.btn-cancel-app-admin{background:#fff}.btn-confirm-app-admin{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 4px 8px #2563eb26!important}.btn-confirm-app-admin:hover{background:#1d4ed8!important;box-shadow:0 6px 12px #2563eb40!important}.btn-confirm-app-admin.btn-danger-app-admin{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc262626!important}.btn-confirm-app-admin.btn-danger-app-admin:hover{background:#b91c1c!important;box-shadow:0 6px 12px #dc262640!important}@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(--primary-blue);animation:spin-app-admin 1s linear infinite!important}.loading-state-app-admin{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--gray-500);font-size:14px}.form-group-app-admin{margin-bottom:20px}.form-group-app-admin label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-group-app-admin input,.form-group-app-admin textarea,.form-group-app-admin select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:all .2s ease;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(--primary-blue);box-shadow:0 0 0 4px var(--primary-blue-light)}.form-group-app-admin small{display:block;font-size:12px;color:var(--gray-500);margin-top:4px}.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(--gray-200);border-radius:10px;background:var(--gray-50);color:var(--gray-500);font-size:14px;cursor:pointer;transition:all .2s ease}.file-upload-label-app-admin:hover{border-color:var(--primary-blue);background:var(--primary-blue-light)}.file-size-app-admin{display:block;font-size:12px;color:var(--gray-500);margin-top:4px}.current-apk-info-app-admin{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;margin-bottom:8px;font-size:14px;color:var(--gray-700)}.current-apk-info-app-admin a.download-link-app-admin{margin-left:auto;color:var(--primary-blue);font-weight:500;text-decoration:none}.current-apk-info-app-admin a.download-link-app-admin:hover{text-decoration:underline}.file-hint-app-admin{color:var(--gray-500);font-size:12px}.upload-status-app-admin{margin-top:20px;padding:24px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200)}.status-container-app-admin{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.status-content-app-admin{display:flex;flex-direction:column;align-items:center;gap:12px}.status-text-app-admin{font-size:16px;font-weight:500;color:var(--gray-700);margin:0}.status-subtext-app-admin{font-size:13px;color:var(--gray-500);margin:0}.success-state-app-admin .success-icon-app-admin{font-size:48px;color:#10b981}.success-state-app-admin .success-text-app-admin{color:#10b981}@media(max-width:768px){.app-header-app-admin{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.app-header-info-app-admin h4{font-size:14px}.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 16px 16px}.app-table-app-admin thead th{font-size:10px;padding:8px 8px 8px 0}.app-table-app-admin tbody td{padding:10px 8px 10px 0;font-size:13px}.release-notes-cell-app-admin{max-width:120px}.action-dropdown-toggle-app-admin{padding:4px 10px;font-size:12px}.action-dropdown-toggle-app-admin span:not(.dropdown-arrow-app-admin){display:none}.modal-content-app-admin{max-width:95%;margin:10px}.modal-header-app-admin{padding:16px 20px}.modal-header-app-admin h3{font-size:17px}.modal-body-app-admin{padding:20px}.modal-actions-app-admin{flex-direction:column-reverse;padding:16px 20px}.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 14px;font-size:13px}.upload-status-app-admin{padding:16px}.spinner-large-app-admin{font-size:24px}.status-text-app-admin{font-size:14px}.success-state-app-admin .success-icon-app-admin{font-size:36px}}@media(max-width:480px){.app-header-app-admin{padding:12px}.app-table-wrapper-app-admin{padding:0 12px 12px}.app-table-app-admin tbody td{font-size:12px;padding:8px 6px 8px 0}.release-notes-cell-app-admin{max-width:80px}.version-cell-app-admin{font-size:12px}.version-icon-app-admin{font-size:14px}.date-cell-app-admin{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 16px}.modal-header-app-admin h3{font-size:15px}.modal-body-app-admin{padding:16px}.modal-actions-app-admin{padding:12px 16px}.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}.dropdown-item-app-admin{padding:6px 12px;font-size:12px}.action-dropdown-menu-app-admin{min-width:140px}}@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}}.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}}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--bg-base: #F8FAFC;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-surface: #F1F5F9;--bg-highlight: #E2E8F0;--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 25px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--transition-base: .2s ease}.engdas-dashboard{padding-inline:24px;margin:0 auto}.engdas-welcome-section{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.engdas-welcome-content{display:flex;flex-direction:column;gap:.25rem}.engdas-page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.engdas-welcome-greeting{font-size:1rem;color:var(--text-secondary);margin:0}.engdas-welcome-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary-engdas{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary-engdas:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d;color:#fff}.btn-secondary-engdas{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:transparent;color:var(--text-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-secondary-engdas:hover{background:var(--bg-surface);border-color:var(--text-secondary);transform:translateY(-2px)}.engdas-today-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#eff6ff;border:1px solid #BFDBFE;border-radius:var(--radius-lg);margin-bottom:1.5rem;flex-wrap:wrap}.alert-icon-engdas{color:#2563eb;font-size:1.5rem;flex-shrink:0}.alert-content-engdas{flex:1}.alert-content-engdas strong{display:block;font-size:.95rem;color:#1e40af;margin-bottom:.1rem}.alert-content-engdas p{font-size:.85rem;color:#1e40af;margin:0}.alert-action-engdas{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.alert-action-engdas:hover{background:#1d4ed8;transform:translateY(-2px);color:#fff}.engdas-quick-actions{margin-bottom:1.5rem}.quick-actions-title-engdas{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.engdas-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.quick-action-item-engdas{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.quick-action-item-engdas:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.quick-action-icon-engdas{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.quick-action-label-engdas{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary)}.quick-action-arrow-engdas{color:var(--text-muted);font-size:.75rem;transition:transform var(--transition-base)}.quick-action-item-engdas:hover .quick-action-arrow-engdas{transform:translate(4px);color:var(--primary)}.engdas-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.stat-card-engdas:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.stat-content-engdas{display:flex;flex-direction:column;gap:.25rem}.stat-label-engdas{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value-engdas{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-trend-engdas{font-size:.8rem;color:var(--text-secondary)}.engdas-row-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.section-header-engdas{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem;margin-bottom:.75rem}.section-title-engdas{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.view-all-link-engdas{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.view-all-link-engdas:hover{color:var(--primary-hover);gap:.6rem}.arrow-icon-engdas{transition:transform var(--transition-base)}.view-all-link-engdas:hover .arrow-icon-engdas{transform:translate(4px)}.engdas-assessment-section{display:flex;flex-direction:column;gap:.25rem}.assessment-card-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.assessment-card-engdas:hover{box-shadow:var(--shadow-md)}.assessment-header-engdas{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.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 .25rem}.assessment-reference-engdas{font-size:.85rem;color:var(--text-muted);margin:0;font-family:monospace}.assessment-content-engdas{display:flex;flex-direction:column;gap:.75rem}.assessment-details-engdas{display:flex;flex-direction:column;gap:.5rem}.assessment-metric-engdas{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--border-light)}.assessment-metric-engdas:last-of-type{border-bottom:none}.metric-label-engdas{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.metric-value-engdas{font-size:.9rem;font-weight:500;color:var(--text-primary)}.assessment-footer-engdas{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.action-link-engdas{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.action-link-engdas:hover{color:var(--primary-hover);gap:.7rem}.action-arrow-engdas{transition:transform var(--transition-base)}.action-link-engdas:hover .action-arrow-engdas{transform:translate(4px)}.engdas-activities-section{display:flex;flex-direction:column;gap:1rem}.activities-card-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);min-height:200px}.activities-list-engdas{display:flex;flex-direction:column;gap:.5rem}.activity-item-engdas{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);transition:all var(--transition-base)}.activity-item-engdas:hover{background:var(--bg-surface)}.activity-icon-wrapper-engdas{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-content-engdas{flex:1;min-width:0}.activity-header-engdas{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-title-engdas{font-size:.85rem;font-weight:500;color:var(--text-primary)}.activity-reference-engdas{font-size:.75rem;color:var(--text-muted);font-weight:400}.activity-date-engdas{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.1rem}.activity-status-engdas{flex-shrink:0}.activity-divider-engdas{height:1px;background:var(--border-light);margin:.25rem .75rem}.today-schedules-section-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.schedules-title-engdas{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.schedules-icon-engdas{color:var(--primary)}.schedules-list-engdas{display:flex;flex-direction:column;gap:.75rem}.schedule-item-engdas{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-surface);transition:all var(--transition-base)}.schedule-item-engdas:hover{background:var(--bg-highlight)}.schedule-time-engdas{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;background:var(--bg-elevated);border-radius:var(--radius-sm);min-width:56px}.schedule-hour-engdas{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.schedule-info-engdas{flex:1;min-width:0}.schedule-title-engdas{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary)}.schedule-client-engdas{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.schedule-user-icon-engdas{font-size:.7rem}.schedule-status-engdas{flex-shrink:0}.status-badge-engdas{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;color:var(--text-primary)}.empty-state-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;border:2px dashed var(--border-light);min-height:200px;display:flex;align-items:center;justify-content:center}.empty-state-content-engdas{display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-title-engdas{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state-description-engdas{font-size:.9rem;color:var(--text-secondary);margin:0}.empty-small-engdas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:.75rem}.empty-text-engdas{font-size:.9rem;color:var(--text-secondary);margin:0}.skeleton-line-engdas{background:var(--bg-surface);border-radius:var(--radius-sm);animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-highlight) 50%,var(--bg-surface) 75%);background-size:200% 100%}.skeleton-title-engdas{width:60%;height:28px}.skeleton-text-engdas{width:40%;height:18px}.skeleton-card-engdas{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1.25rem}.skeleton-label-engdas{width:40%;height:14px;margin-bottom:.5rem}.skeleton-value-engdas{width:60%;height:32px;margin-bottom:.5rem}.skeleton-project-name-engdas{width:70%;height:24px;margin-bottom:.5rem}.skeleton-project-system-engdas{width:50%;height:18px}.skeleton-activity-title-engdas{width:60%;height:18px;margin-bottom:.5rem}.skeleton-activity-ref-engdas{width:40%;height:14px;margin-bottom:.25rem}.skeleton-activity-date-engdas{width:30%;height:14px}@media(max-width:1200px){.engdas-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.engdas-row-layout{grid-template-columns:1fr}.engdas-action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.engdas-welcome-section{flex-direction:column;align-items:flex-start;gap:.75rem}.engdas-welcome-actions{width:100%}.engdas-welcome-actions .btn-primary-engdas,.engdas-welcome-actions .btn-secondary-engdas{flex:1;justify-content:center}.engdas-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-engdas{padding:1rem}.stat-value-engdas{font-size:1.5rem}.engdas-action-grid{grid-template-columns:1fr 1fr}.assessment-header-engdas{flex-direction:column;align-items:flex-start}.activities-card-engdas{padding:1rem}.activity-item-engdas{flex-wrap:wrap;padding:.5rem}.activity-status-engdas{margin-left:auto}.schedule-item-engdas{flex-wrap:wrap;gap:.75rem}.engdas-today-alert{flex-direction:column;text-align:center}.alert-action-engdas{width:100%;justify-content:center}}@media(max-width:480px){.engdas-stats-grid{grid-template-columns:1fr 1fr}.engdas-welcome-actions{flex-direction:column}.engdas-welcome-actions .btn-primary-engdas,.engdas-welcome-actions .btn-secondary-engdas{width:100%}.engdas-action-grid{grid-template-columns:1fr}.stat-card-engdas{padding:.75rem}.stat-value-engdas{font-size:1.25rem}.engdas-page-title{font-size:1.2rem}.quick-action-item-engdas{padding:.6rem .75rem}.quick-action-icon-engdas{width:32px;height:32px;font-size:.9rem}.quick-action-label-engdas{font-size:.8rem}.assessment-card-engdas{padding:1rem}.assessment-name-engdas{font-size:1rem}}.engdas-welcome-greeting{font-size:28px!important;font-weight:700!important;color:var(--gray-900);margin:0}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #DBEAFE;--success: #22C55E;--success-hover: #16A34A;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--bg-elevated: #FFFFFF;--bg-surface: var(--gray-50);--border-light: var(--gray-200);--border-medium: var(--gray-300);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-base: .2s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.my-assessments-enad{padding:24px 40px;background:var(--gray-50);min-height:100vh;width:100%;font-family:var(--font-family);color:var(--text-primary)}.assessments-header-enad{margin-bottom:1.5rem}.assessments-header-enad h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.assessments-header-enad p{font-size:.88rem;color:var(--gray-500);margin:0}.search-bar-enad{margin-bottom:1rem}.assessment-search-input-enad{width:100%;max-width:400px;padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.88rem;background:#fff;color:var(--gray-900);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.assessment-search-input-enad:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.assessment-search-input-enad::placeholder{color:var(--gray-500)}.filter-controls-enad{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem}.filter-tabs-enad{display:flex;gap:0px;border-radius:0;background:transparent;padding:0;border:none;flex-wrap:wrap}.filter-tab-enad{padding:.6rem 1.25rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-tab-enad:hover{color:var(--gray-900)}.filter-tab-enad.active-enad{color:var(--primary);border-bottom-color:var(--primary)}.status-filter-dropdown-enad{position:relative;margin-left:auto}.status-filter-select-enad{padding:.4rem 2rem .4rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-900);font-size:.82rem;cursor:pointer;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:10px;min-width:140px}.status-filter-select-enad:focus{outline:none;border-color:var(--primary)}.assessments-table-container-enad{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--shadow-sm)}.assessments-table-enad{width:100%;border-collapse:collapse;font-size:.85rem}.assessments-table-enad thead{background:var(--primary);border-bottom:1px solid var(--gray-200)}.assessments-table-enad th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap}.assessments-table-enad td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.assessments-table-enad tbody tr{transition:background var(--transition-base);cursor:pointer}.assessments-table-enad tbody tr:hover{background:var(--gray-50)}.assessments-table-enad tbody tr:nth-child(2n){background:#fafbfc}.assessments-table-enad tbody tr:nth-child(2n):hover{background:var(--gray-100)}.assessments-table-enad tbody tr:last-child td{border-bottom:none}.ref-cell-enad .ref-text-enad{font-weight:600;font-size:.82rem;color:var(--gray-900)}.client-cell-enad .client-info-enad{display:flex;flex-direction:column;gap:.1rem}.client-name-enad{font-weight:500;font-size:.85rem;color:var(--gray-900)}.client-type-enad{font-size:.7rem;color:var(--gray-500);text-transform:capitalize}.type-cell-enad .type-badge-enad{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;background:var(--gray-100);color:var(--gray-500);border:none}.type-badge-enad.free-quote-enad,.type-badge-enad.pre-assessment-enad{background:var(--gray-100);color:var(--gray-500)}.status-cell-enad .status-badge-enad{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:500;text-transform:capitalize;letter-spacing:.3px;background:var(--gray-100);color:var(--gray-500);border:none}.status-badge-enad.pending-enad,.status-badge-enad.processing-enad,.status-badge-enad.completed-enad,.status-badge-enad.cancelled-enad,.status-badge-enad.scheduled-enad,.status-badge-enad.site-visit-enad,.status-badge-enad.device-deployed-enad,.status-badge-enad.data-collecting-enad,.status-badge-enad.data-analyzing-enad,.status-badge-enad.report-draft-enad{background:var(--gray-100);color:var(--gray-500)}.size-cell-enad{font-weight:500;color:var(--gray-900)}.address-cell-enad .address-text-enad{display:block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;color:var(--gray-500)}.date-cell-enad{font-size:.82rem;color:var(--gray-500);white-space:nowrap}.actions-cell-enad{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.view-btn-enad{padding:.25rem .75rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.view-btn-enad:hover{background:var(--primary-hover);transform:scale(1.05)}.device-indicator-enad,.quotation-indicator-enad{font-size:1rem;cursor:default}.pagination-enad{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}.pagination-btn-enad{padding:.4rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-500);font-size:.82rem;cursor:pointer;transition:all var(--transition-base)}.pagination-btn-enad:hover:not(.disabled-enad){background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.pagination-btn-enad.disabled-enad{opacity:.4;cursor:not-allowed}.pagination-numbers-enad{display:flex;gap:.25rem}.pagination-number-enad{padding:.4rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--gray-500);font-size:.82rem;cursor:pointer;transition:all var(--transition-base);min-width:34px;text-align:center}.pagination-number-enad:hover{background:var(--gray-50);color:var(--gray-900)}.pagination-number-enad.active-enad{background:var(--primary);color:#fff;border:none}.pagination-info-enad{text-align:center;font-size:.78rem;color:var(--gray-500);margin-top:.75rem}.empty-state-enad{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:var(--radius-md);border:1px dashed var(--gray-200)}.empty-state-enad h3{font-size:1.1rem;font-weight:600;color:var(--gray-700);margin:0 0 .5rem}.empty-state-enad p{font-size:.88rem;color:var(--gray-500);margin:0}.error-container-enad{padding:1rem 1.25rem;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:.88rem;margin:1rem 0}.detail-view-enad{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:1.5rem 2rem;box-shadow:var(--shadow-sm)}.detail-content-enad{max-width:100%}.back-button-enad{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--gray-500);font-size:.88rem;cursor:pointer;padding:.25rem 0;margin-bottom:1rem;transition:color var(--transition-base)}.back-button-enad:hover{color:var(--gray-900)}.detail-header-enad{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.flex{display:flex}.items-center{align-items:center}.gap-3{gap:.75rem}.mb-2{margin-bottom:.5rem}.detail-title-enad{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0}.client-meta-enad{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.25rem}.client-meta-item-enad{font-size:.85rem;color:var(--gray-500)}.client-meta-item-enad .capitalize{text-transform:capitalize}.info-grid-enad{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-bottom:1.5rem}.info-item-enad{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;background:var(--gray-50);border-radius:var(--radius-sm)}.info-item-enad.info-full-width-enad{grid-column:1 / -1}.info-label-enad{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500)}.info-value-enad{font-size:.9rem;font-weight:500;color:var(--gray-900);word-break:break-word}.info-value-enad .roof-area-text{font-size:.75rem;font-weight:400;color:var(--gray-500);margin-left:.25rem}.system-recommendations{background:var(--gray-50);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--gray-200)}.system-recommendations h4{font-size:.88rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.rec-item{display:flex;flex-direction:column;gap:.1rem}.rec-item label{font-size:.7rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.rec-item strong{font-size:.95rem;font-weight:700;color:var(--gray-900)}.rec-item .form-hint-enad{font-size:.65rem;color:var(--gray-500)}.tabs-enad{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn-enad{padding:.6rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.tab-btn-enad:hover{color:var(--gray-900)}.tab-btn-enad.active-enad{color:var(--primary);border-bottom-color:var(--primary)}.device-card-enad{background:var(--gray-50);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin:1rem 0 0;border:1px solid var(--gray-200)}.device-card-title-enad{font-size:.85rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.device-info-enad{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.device-info-item-enad{display:flex;flex-direction:column;gap:.1rem}.device-info-label-enad{font-size:.65rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.device-info-value-enad{font-size:.85rem;font-weight:500;color:var(--gray-900)}.text-green-600{color:#16a34a}.text-yellow-600{color:#ca8a04}.no-device-card-enad{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#92400e;font-size:.85rem;margin-top:1rem}.form-row-enad{display:flex;gap:1rem}.dimension-input-enad{flex:1;min-width:0}.assessment-form-input-enad{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.85rem;background:#fff;color:var(--gray-900);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.assessment-form-input-enad:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.assessment-form-select-enad{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.85rem;background:#fff;color:var(--gray-900);cursor:pointer;transition:border-color var(--transition-base)}.assessment-form-select-enad:focus{outline:none;border-color:var(--primary)}.form-grid-enad{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.form-hint-enad.error-hint{color:var(--danger)}.options-group-enad{display:flex;flex-wrap:wrap;gap:.5rem}.option-btn-enad{padding:.35rem 1rem;border:1px solid var(--gray-200);border-radius:20px;background:#fff;color:var(--gray-500);font-size:.8rem;cursor:pointer;transition:all var(--transition-base)}.option-btn-enad:hover{background:var(--gray-50);color:var(--gray-900)}.option-btn-enad.active-enad{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-secondary-enad{padding:.6rem 1.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-700);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary-enad:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-secondary-enad:disabled{opacity:.5;cursor:not-allowed}.btn-success-enad{padding:.6rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--success);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-success-enad:hover:not(:disabled){background:var(--success-hover);transform:scale(1.02)}.btn-success-enad:disabled{opacity:.5;cursor:not-allowed}.iot-metrics-section{background:var(--gray-50);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--gray-200)}.iot-metrics-section h4{font-size:.88rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.iot-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.metric-item{display:flex;flex-direction:column;padding:.5rem .75rem;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.metric-item.full-width{grid-column:1 / -1}.metric-item label{font-size:.65rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.metric-item span{font-size:.88rem;font-weight:600;color:var(--gray-900)}.comment-input-wrapper-enad{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.comment-send-btn-enad{align-self:flex-end;padding:.4rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.comment-send-btn-enad:hover:not(:disabled){background:var(--primary-hover)}.comment-send-btn-enad:disabled{opacity:.5;cursor:not-allowed}.comment-list-enad{display:flex;flex-direction:column;gap:.75rem}.comment-item-enad{background:var(--gray-50);border-radius:var(--radius-sm);padding:.75rem 1rem;border:1px solid var(--gray-200)}.comment-header-enad{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.comment-user-enad{display:flex;align-items:center;gap:.5rem}.comment-avatar-enad{width:32px;height:32px;border-radius:50%;background:var(--primary);flex-shrink:0}.comment-name-enad{font-size:.82rem;font-weight:600;color:var(--gray-900);margin:0}.comment-time-enad{font-size:.7rem;color:var(--gray-500);margin:0}.comment-badge-enad{padding:.1rem .6rem;border-radius:12px;background:var(--gray-100);color:var(--gray-500);font-size:.6rem;font-weight:500;text-transform:uppercase;border:1px solid var(--gray-200)}.comment-text-enad{font-size:.85rem;color:var(--gray-700);margin:0;line-height:1.5}.file-upload-enad{margin-bottom:1.5rem}.file-upload-input-enad{display:block;width:100%;padding:.75rem;border:2px dashed var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-50);cursor:pointer;transition:border-color var(--transition-base)}.file-upload-input-enad:hover{border-color:var(--primary)}.uploading-enad{padding:.5rem;color:var(--gray-500);font-size:.85rem}.image-grid-enad{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.image-card-enad{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gray-200);aspect-ratio:4/3;background:var(--gray-50)}.image-card-enad img{width:100%;height:100%;object-fit:cover}.image-overlay-enad{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.image-card-enad:hover .image-overlay-enad{opacity:1}.image-overlay-icon-enad{padding:.4rem 1rem;border:none;border-radius:var(--radius-sm);background:#fff;color:var(--gray-900);font-size:.78rem;font-weight:500;text-decoration:none;cursor:pointer}.modal-overlay-enad{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content-enad{background:#fff;border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-enad{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header-enad h3{font-size:1.05rem;font-weight:700;color:var(--gray-900);margin:0}.modal-close-enad{background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;padding:.25rem .5rem;transition:color var(--transition-base)}.modal-close-enad:hover{color:var(--gray-900)}.modal-body-enad{padding:1.5rem}.modal-actions-enad{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--gray-200)}.modal-actions-enad button{padding:.5rem 1.5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-base)}.cancel-btn-enad{border:1px solid var(--gray-200);background:#fff;color:var(--gray-700)}.cancel-btn-enad:hover{background:var(--gray-50)}.confirm-deploy-btn-enad,.confirm-submit-btn-enad{background:var(--success);color:#fff}.confirm-deploy-btn-enad:hover:not(:disabled),.confirm-submit-btn-enad:hover:not(:disabled){background:var(--success-hover)}.confirm-deploy-btn-enad:disabled,.confirm-submit-btn-enad:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-enad .confirm-message-enad{margin-bottom:1rem}.confirm-modal-enad .confirm-message-enad p{font-size:.95rem;color:var(--gray-900);font-weight:500;margin:0}.device-details-confirm-enad{background:var(--gray-50);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem}.device-details-confirm-enad .detail-row-enad{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.82rem;border-bottom:1px solid var(--gray-200)}.device-details-confirm-enad .detail-row-enad:last-child{border-bottom:none}.detail-label-enad{font-weight:500;color:var(--gray-500)}.detail-value-enad{font-weight:600;color:var(--gray-900);text-align:right}.warning-box-enad{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-top:.75rem}.warning-box-enad p{font-size:.82rem;font-weight:600;color:#92400e;margin:0 0 .25rem}.warning-box-enad ul{margin:0;padding-left:1.25rem}.warning-box-enad li{font-size:.8rem;color:#92400e}.calculation-cards-container{margin:1.5rem 0;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.calculation-cards-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.calculation-cards-header h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.calculation-cards-header p{font-size:.85rem;color:var(--gray-500);margin:0 0 .5rem}.system-type-indicator{display:inline-block;padding:.2rem .75rem;background:var(--gray-50);border-radius:12px;font-size:.75rem;color:var(--gray-500);border:1px solid var(--gray-200)}.system-type-indicator strong{color:var(--gray-900);font-weight:600}.calculation-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.calculation-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);overflow:hidden;transition:border-color var(--transition-base);height:100%;min-height:420px}.calculation-card:hover{border-color:var(--gray-300)}.calculation-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);flex-shrink:0}.calculation-card-header h4{font-size:.85rem;font-weight:600;color:var(--gray-900);margin:0}.calculation-badge{font-size:.6rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;padding:.15rem .6rem;background:var(--gray-100);border-radius:10px;border:1px solid var(--gray-200)}.calculation-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.consumption-display{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.consumption-item{display:flex;flex-direction:column;padding:.4rem .6rem;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.consumption-item label{font-size:.6rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.consumption-item strong{font-size:.85rem;font-weight:700;color:var(--gray-900)}.consumption-item small{font-size:.55rem;color:var(--gray-500)}.consumption-item.highlight{background:var(--gray-50);border-color:var(--primary)}.consumption-item.highlight strong{color:var(--primary)}.calculation-params{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.param-group{display:flex;flex-direction:column;gap:.15rem}.param-group label{font-size:.6rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.param-input{padding:.3rem .5rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.78rem;background:#fff;color:var(--gray-900);width:100%;max-width:100px;transition:border-color var(--transition-base)}.param-input:focus{outline:none;border-color:var(--primary)}.param-display{padding:.3rem .5rem;font-size:.78rem;font-weight:600;color:var(--gray-900);background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.param-display.read-only{background:var(--gray-100);color:var(--gray-500)}.battery-autonomy-selector{margin:.5rem 0}.battery-autonomy-selector .form-label-enad{font-size:.6rem;text-transform:uppercase;letter-spacing:.3px}.autonomy-options{display:flex;gap:.5rem;margin-top:.25rem}.autonomy-btn{padding:.25rem .75rem;border:1px solid var(--gray-200);border-radius:20px;background:#fff;color:var(--gray-500);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.autonomy-btn:hover{background:var(--gray-50);color:var(--gray-900)}.autonomy-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-calculate{width:100%;padding:.5rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:auto}.btn-calculate:hover:not(:disabled){background:var(--primary-hover)}.btn-calculate:disabled{opacity:.5;cursor:not-allowed}.calculation-results-card{background:#fff;border-radius:var(--radius-sm);border:2px solid var(--primary);padding:1.25rem;margin-top:1.25rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.results-header h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.results-method{font-size:.7rem;color:var(--gray-500);padding:.15rem .75rem;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.result-item{display:flex;flex-direction:column;padding:.6rem .75rem;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.result-item label{font-size:.6rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.15rem}.result-item strong{font-size:1rem;font-weight:700;color:var(--gray-900)}.result-item small{font-size:.6rem;color:var(--gray-500);margin-top:.1rem}.result-item.highlight{background:var(--gray-50);border-color:var(--primary)}.result-item.highlight strong{color:var(--primary)}.result-item.battery-autonomy{grid-column:span 2}.battery-options{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}.battery-option{display:flex;flex-direction:column;padding:.2rem .5rem;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);min-width:70px}.battery-option span{font-size:.55rem;color:var(--gray-500)}.battery-option strong{font-size:.8rem;font-weight:600;color:var(--gray-900)}.result-item .formula-hint{display:block;margin-top:.2rem;font-size:.55rem;color:var(--gray-500);font-style:italic}.result-item.system-info{grid-column:span 1}.results-actions{display:flex;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200);margin-top:.25rem}.btn-use-results{padding:.5rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--success);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-use-results:hover{background:var(--success-hover)}.btn-recalculate{padding:.5rem 1.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-500);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-recalculate:hover{background:var(--gray-50);border-color:var(--gray-300)}.calculated-results-summary{background:#fff;border-radius:var(--radius-sm);padding:1rem 1.25rem;margin:1rem 0;border:1px solid var(--gray-200)}.calculated-results-summary h4{font-size:.85rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.summary-item{display:flex;flex-direction:column;padding:.4rem .6rem;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.summary-item label{font-size:.55rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.summary-item strong{font-size:.85rem;font-weight:700;color:var(--gray-900)}.skeleton-row-enad td{padding:.75rem 1rem}.skeleton-cell-enad{height:20px;background:var(--gray-200);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line-enad{height:16px;background:var(--gray-200);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line-enad.large-enad{height:24px;width:200px}.skeleton-line-enad.medium-enad{height:16px;width:300px;margin-top:.25rem}.skeleton-search-enad{height:40px;width:100%;max-width:400px;background:var(--gray-200);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-tab-enad{height:32px;width:80px;background:var(--gray-200);border-radius:20px;animation:skeleton-pulse 1.5s ease-in-out infinite}.quotation-section{background:var(--gray-50);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid var(--gray-200)}.quotation-section h4{font-size:.88rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.equipment-selection-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.equipment-selection-row .form-group-enad{flex:1 1 180px;margin-bottom:0}.equipment-selection-row .cost-display{display:flex;align-items:center;padding:.4rem .75rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);min-width:100px;min-height:38px}.cost-value{font-weight:600;color:var(--gray-900);font-size:.88rem}.assessment-form-select-enad,.assessment-form-input-enad{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.85rem;background:#fff;color:var(--gray-900);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.assessment-form-select-enad:focus,.assessment-form-input-enad:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.assessment-form-select-enad:disabled,.assessment-form-input-enad:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-100)}.assessment-form-textarea-enad{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.85rem;background:#fff;color:var(--gray-900);resize:vertical;min-height:80px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.assessment-form-textarea-enad:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group-enad{margin-bottom:1rem}.form-label-enad{display:block;font-size:.82rem;font-weight:600;color:var(--gray-900);margin-bottom:.35rem}.form-hint-enad{display:block;font-size:.7rem;color:var(--gray-500);margin-top:.2rem}.btn-add-item{padding:.25rem 1rem;border:1px dashed var(--gray-300);border-radius:20px;background:transparent;color:var(--gray-500);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-bottom:.5rem}.btn-add-item:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-remove{padding:.2rem .75rem;border:none;border-radius:20px;background:var(--danger-light);color:var(--danger);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-remove:hover{background:var(--danger);color:#fff}.additional-item-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.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:.85rem;color:var(--gray-900);min-width:70px;padding:.25rem 0}.labor-percentage-control,.cost-percentage-control{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.labor-control-group,.cost-percentage-control>div{flex:1 1 200px}.labor-input,.overhead-input,.profit-input{max-width:120px}.labor-calculation,.cost-calculation{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.form-section-enad{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb}.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:#1a1a2e}.add-appliance-btn-enad{padding:6px 16px;background:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.add-appliance-btn-enad:hover{background:#4338ca}.empty-appliances-enad{text-align:center;padding:20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.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:#f3f4f6;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.appliances-table-enad td{padding:10px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.appliances-table-enad tr:hover{background:#f9fafb}.appliance-type-badge-enad{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.appliance-type-badge-enad:contains("Motor"){background:#fef3c7;color:#92400e}.edit-appliance-btn-enad{padding:4px 10px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:4px}.edit-appliance-btn-enad:hover{background:#2563eb}.delete-appliance-btn-enad{padding:4px 10px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.delete-appliance-btn-enad:hover{background:#dc2626}.form-row-grid-enad{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.assessment-form-select-enad{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.assessment-form-select-enad:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.appliance-modal-enad{max-width:600px!important}.error-message-enad{color:#ef4444;font-size:13px;margin-top:4px}.assessment-form-input-enad.error{border-color:#ef4444}.consumption-results-cusset-enad{background:#f8fafc;border-radius:12px;padding:20px;margin:16px 0 20px;border:1px solid #e2e8f0}.consumption-results-cusset-enad h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}.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:#fff;padding:16px 18px;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.result-card-cusset-enad:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.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:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.result-value-enad{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1.3}.result-percentage-enad{font-size:13px;color:#6b7280;font-weight:500}.result-info-enad small{font-size:11px;color:#9ca3af;margin-top:2px}.result-card-cusset-enad.day-result{border-left:4px solid #f59e0b;background:#fffbeb}.result-card-cusset-enad.day-result .result-icon-enad{color:#f59e0b}.result-card-cusset-enad.night-result{border-left:4px solid #3b82f6;background:#eff6ff}.result-card-cusset-enad.night-result .result-icon-enad{color:#3b82f6}.result-card-cusset-enad.total-result{border-left:4px solid #8b5cf6;background:#f5f3ff}.result-card-cusset-enad.total-result .result-icon-enad{color:#8b5cf6}.result-card-cusset-enad.monthly-result{border-left:4px solid #22c55e;background:#f0fdf4}.result-card-cusset-enad.monthly-result .result-icon-enad{color:#22c55e}@media(max-width:1200px){.results-grid-cusset-enad{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.results-grid-cusset-enad{grid-template-columns:1fr}.result-card-cusset-enad{padding:14px 16px}.result-value-enad{font-size:16px}}.assessment-form-input-enad.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}@media(max-width:768px){.form-row-grid-enad{grid-template-columns:1fr}}.labor-detail,.cost-detail{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gray-700);padding:.15rem 0}.labor-detail span:last-child,.cost-detail span:last-child{font-weight:500;color:var(--gray-900)}.labor-total{display:flex;justify-content:space-between;font-size:.9rem;padding-top:.35rem;margin-top:.25rem;border-top:1px solid var(--gray-200)}.labor-total strong{color:var(--gray-900)}.cost-summary-large{background:#fff;border-radius:var(--radius-sm);padding:1.25rem;margin:1.25rem 0;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.cost-summary-large h3{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.summary-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.85rem;color:var(--gray-700);border-bottom:1px solid var(--gray-50)}.summary-row span:last-child{font-weight:500;color:var(--gray-900)}.summary-row.total{font-size:1rem;font-weight:700;color:var(--gray-900);padding-top:.5rem;margin-top:.25rem;border-top:2px solid var(--gray-200);border-bottom:none}.summary-row.total span:last-child{color:var(--primary)}.roi-section .highlight-roi{background:var(--primary-light);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-top:.25rem;font-weight:600}.roi-section .highlight-roi span:last-child{color:var(--primary)}.action-buttons-enad{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.btn-primary-enad{padding:.6rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary-enad:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.02)}.btn-primary-enad:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.equipment-selection-row{flex-direction:column;align-items:stretch}.equipment-selection-row .form-group-enad{flex:1 1 auto}.equipment-selection-row .cost-display{min-height:36px;justify-content:center}.additional-item-row{flex-direction:column;align-items:stretch;padding:.75rem 0}.additional-item-row .assessment-form-select-enad,.additional-item-row .assessment-form-input-enad{flex:1 1 auto;min-width:unset}.additional-item-row .item-total{text-align:right}.labor-percentage-control,.cost-percentage-control{flex-direction:column}.labor-input,.overhead-input,.profit-input{max-width:100%}.cost-summary-large{padding:.75rem}.summary-row{font-size:.8rem;flex-wrap:wrap;gap:.25rem}.summary-row.total{font-size:.9rem}.action-buttons-enad{flex-direction:column}.action-buttons-enad button{width:100%}.btn-add-item{width:100%;text-align:center}}@media(max-width:480px){.quotation-section{padding:.75rem}.cost-summary-large{padding:.5rem}.summary-row{font-size:.75rem}.btn-remove{align-self:flex-end}}@media(max-width:1200px){.calculation-cards-grid{grid-template-columns:repeat(2,1fr)}.results-grid,.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.detail-view-enad{padding:1.25rem}.info-grid-enad{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.my-assessments-enad{padding:.25rem 0}.assessments-header-enad h1{font-size:1.25rem}.filter-controls-enad{flex-direction:column;align-items:stretch}.filter-tabs-enad{flex-wrap:wrap}.assessments-table-container-enad{overflow-x:auto}.assessments-table-enad{font-size:.78rem;min-width:700px}.assessments-table-enad th,.assessments-table-enad td{padding:.5rem .75rem}.detail-view-enad{padding:1rem}.detail-header-enad{flex-direction:column}.info-grid-enad,.form-grid-enad{grid-template-columns:1fr}.action-buttons-enad{flex-direction:column}.action-buttons-enad button{width:100%}.tabs-enad{gap:.1rem}.tab-btn-enad{padding:.4rem .75rem;font-size:.78rem}.modal-content-enad{max-width:100%;margin:.5rem}.device-info-enad{grid-template-columns:1fr}.recommendations-grid,.iot-metrics-grid{grid-template-columns:1fr 1fr}.pagination-numbers-enad{flex-wrap:wrap}.pagination-btn-enad,.pagination-number-enad{padding:.3rem .6rem;font-size:.75rem}.calculation-cards-grid{grid-template-columns:1fr}.results-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.calculation-card{min-height:380px}.consumption-display,.calculation-params{grid-template-columns:1fr 1fr}.result-item.battery-autonomy{grid-column:span 2}.results-actions{flex-direction:column}.results-actions button{width:100%}}@media(max-width:480px){.recommendations-grid,.iot-metrics-grid{grid-template-columns:1fr}.client-meta-enad{flex-direction:column;gap:.25rem}.status-filter-select-enad{min-width:100%}.modal-actions-enad{flex-direction:column}.modal-actions-enad button{width:100%}.calculation-cards-grid,.results-grid,.summary-grid,.consumption-display,.calculation-params{grid-template-columns:1fr}.calculation-card{min-height:340px}.result-item.battery-autonomy{grid-column:span 1}.battery-options{flex-direction:column}.battery-option{min-width:unset}.calculation-card-header{flex-direction:column;gap:.25rem;align-items:flex-start}}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #DBEAFE;--success: #22C55E;--success-hover: #16A34A;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-card: 0 2px 8px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-base: .2s ease}.engineer-project-container{padding:24px 40px;background:var(--gray-50);min-height:calc(100vh - 70px);width:100%;box-sizing:border-box}.project-header-engineerproject{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:12px}.project-header-engineerproject h1{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 4px;letter-spacing:-.02em}.project-header-engineerproject p{font-size:14px;color:var(--gray-500);margin:0}.project-filters-engineerproject{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group-engineerproject{position:relative;display:flex;align-items:center;min-width:200px}.filter-group-engineerproject .filter-icon{position:absolute;left:12px;color:var(--gray-500);font-size:14px}.filter-group-engineerproject select{width:100%;padding:10px 16px 10px 40px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);cursor:pointer;transition:all var(--transition-base);appearance:none;-webkit-appearance:none}.filter-group-engineerproject select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-group-engineerproject{position:relative;flex:1;min-width:250px;max-width:450px}.search-group-engineerproject .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500)}.search-group-engineerproject input{width:100%;padding:10px 16px 10px 40px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);transition:all var(--transition-base);box-sizing:border-box}.search-group-engineerproject input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-group-engineerproject input::placeholder{color:var(--gray-500)}.projects-table-container-engineerproject{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow-x:auto}.projects-table-engineerproject{width:100%;border-collapse:collapse;font-size:14px;min-width:1000px}.projects-table-engineerproject thead{background:var(--primary);border-bottom:1px solid var(--gray-200)}.projects-table-engineerproject th{text-align:left;padding:12px 16px;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.projects-table-engineerproject td{padding:14px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.projects-table-engineerproject tbody tr{transition:background var(--transition-base)}.projects-table-engineerproject tbody tr:hover td{background:var(--gray-50)}.projects-table-engineerproject tbody tr:nth-child(2n){background:#fafbfc}.projects-table-engineerproject tbody tr:nth-child(2n):hover td{background:var(--gray-100)}.projects-table-engineerproject tbody tr:last-child td{border-bottom:none}.project-ref-cell{font-family:monospace;font-size:13px;font-weight:500;color:var(--gray-900)}.project-name-cell{font-size:14px;font-weight:500;color:var(--gray-900)}.client-cell{display:flex;flex-direction:column;gap:2px}.client-name{font-size:14px;font-weight:500;color:var(--gray-900)}.client-contact{font-size:12px;color:var(--gray-500)}.system-cell{display:flex;flex-direction:column;gap:2px}.system-size{font-size:14px;font-weight:500;color:var(--gray-900)}.system-type{font-size:12px;color:var(--gray-500);text-transform:capitalize}.address-cell{max-width:200px}.address-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--gray-500)}.payment-cell{display:flex;flex-direction:column;gap:2px}.payment-label{font-size:13px;color:var(--gray-700)}.payment-desc{font-size:11px;color:var(--gray-500)}.financial-cell{display:flex;flex-direction:column;gap:2px}.amount-paid{font-size:13px;font-weight:500}.total-amount{font-size:13px;color:var(--gray-700);font-weight:500}.date-cell{font-size:13px;color:var(--gray-500);white-space:nowrap}.status-badge-engineerproject{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge-engineerproject.quoted{background:var(--gray-100);color:var(--gray-500)}.actions-cell{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;min-width:180px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;min-height:30px}.action-btn.view{background:var(--gray-100);color:var(--gray-700)}.action-btn.view:hover{background:var(--gray-200);color:var(--gray-900)}.action-btn.start{background:var(--success);color:#fff}.action-btn.start:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.action-btn.update{background:var(--primary);color:#fff}.action-btn.update:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pagination-engineerproject{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200);flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base)}.page-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:var(--gray-500)}.empty-state-engineerproject{text-align:center;padding:60px 20px;color:var(--gray-500);grid-column:1 / -1}.empty-state-engineerproject .empty-icon{font-size:48px;color:var(--gray-300);margin-bottom:16px}.empty-state-engineerproject h3{font-size:18px;color:var(--gray-700);margin:0 0 8px}.empty-state-engineerproject p{font-size:14px;color:var(--gray-500);margin:0}.skeleton-line{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line.large{height:32px;width:200px;margin-bottom:8px}.skeleton-line.medium{height:18px;width:300px}.skeleton-line.small{height:14px;width:100px}.skeleton-select{height:44px;width:200px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-search{height:44px;flex:1;min-width:150px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-button{height:32px;width:100px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-row td{padding:14px 16px}.skeleton-cell{height:20px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.modal-overlay-engineerproject{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:10000;padding:20px}.modal-content-engineerproject{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:28px 32px;box-shadow:var(--shadow-lg);animation:modalFadeIn .25s ease;position:relative}.modal-content-engineerproject::-webkit-scrollbar{width:6px}.modal-content-engineerproject::-webkit-scrollbar-track{background:var(--gray-50);border-radius:4px}.modal-content-engineerproject::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.modal-content-engineerproject::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-close{position:absolute;top:16px;right:20px;width:36px;height:36px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:50%;font-size:20px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-content-engineerproject h3{font-size:22px;font-weight:700;color:var(--gray-900);margin:0 0 20px;padding-right:40px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:15px;font-weight:600;color:var(--gray-700);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--gray-200)}.detail-section p{margin:6px 0;font-size:14px;color:var(--gray-700);line-height:1.6}.detail-section p strong{color:var(--gray-900);font-weight:600;min-width:120px;display:inline-block}.payment-schedule-table{width:100%;border-collapse:collapse;font-size:14px}.payment-schedule-table th{text-align:left;padding:10px 12px;background:var(--gray-50);font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--gray-200)}.payment-schedule-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.payment-schedule-table tr:last-child td{border-bottom:none}.payment-type-cell{font-weight:500;color:var(--gray-900)}.payment-status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.payment-status-badge.paid{background:var(--success-light);color:var(--success)}.payment-status-badge.pending{background:var(--warning-light);color:#d97706}.payment-status-badge.overdue{background:var(--danger-light);color:var(--danger)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px}.photo-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gray-200);aspect-ratio:1;background:var(--gray-50)}.photo-thumb{width:100%;height:100%;object-fit:cover}.photo-view-link{position:absolute;bottom:4px;right:4px;padding:2px 10px;background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:11px;text-decoration:none;transition:all var(--transition-base)}.photo-view-link:hover{background:#000000e6;color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--gray-200);margin-top:8px}.close-btn{padding:10px 28px;background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.close-btn:hover{background:var(--gray-50);color:var(--gray-900)}.progress-modal{max-width:700px}.progress-modal h3{margin-bottom:8px}.progress-modal p{font-size:14px;color:var(--gray-500);margin:0 0 20px}.existing-photos-info{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;color:var(--gray-700);margin-bottom:16px}.existing-photos-info svg{color:var(--gray-500)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.form-group textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);resize:vertical;font-family:inherit;box-sizing:border-box;min-height:80px}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group select{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);cursor:pointer;transition:all var(--transition-base)}.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.photo-upload-area{display:flex;flex-direction:column;gap:8px}.upload-white-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fff;color:var(--gray-700);border:2px dashed var(--gray-300);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.upload-white-btn:hover{border-color:var(--primary);color:var(--primary)}.upload-hint{font-size:13px;color:var(--gray-500);margin:0}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px}.photo-preview-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gray-200);aspect-ratio:1}.photo-preview-thumb{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all var(--transition-base)}.remove-photo-btn:hover{background:var(--danger);transform:scale(1.1)}.modal-actions-side-by-side{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--gray-200);margin-top:8px;flex-wrap:wrap}.cancel-btn{padding:10px 24px;background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cancel-btn:hover{background:var(--gray-50);color:var(--gray-900)}.action-buttons-group{display:flex;gap:12px;flex-wrap:wrap}.upload-photos-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--warning);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.upload-photos-btn:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.upload-photos-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.update-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.update-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.update-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(max-width:1024px){.engineer-project-container{padding:24px}}@media(max-width:768px){.engineer-project-container{padding:16px}.project-header-engineerproject{flex-direction:column;align-items:flex-start}.project-filters-engineerproject{flex-direction:column;align-items:stretch}.filter-group-engineerproject{min-width:unset}.search-group-engineerproject{min-width:unset;max-width:100%}.projects-table-engineerproject thead{display:none}.projects-table-engineerproject tbody tr{display:block;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative}.projects-table-engineerproject tbody tr:last-child{margin-bottom:0}.projects-table-engineerproject tbody tr:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.projects-table-engineerproject td{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border:none;border-bottom:1px solid var(--gray-100);background:transparent!important;gap:12px}.projects-table-engineerproject td:last-child{border-bottom:none}.projects-table-engineerproject td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:80px}.projects-table-engineerproject td>*{flex:1;text-align:right}.client-cell,.system-cell,.payment-cell,.financial-cell{align-items:flex-end;text-align:right}.address-text{white-space:normal;word-break:break-word}.actions-cell{justify-content:flex-end;flex-wrap:wrap;min-width:unset}.action-btn{font-size:11px;padding:4px 10px;min-height:26px}.modal-content-engineerproject{padding:20px 16px;margin:10px;max-width:100%}.modal-content-engineerproject h3{font-size:18px}.modal-close{top:12px;right:12px;width:32px;height:32px;font-size:18px}.modal-actions-side-by-side{flex-direction:column;align-items:stretch}.action-buttons-group{flex-direction:column}.upload-photos-btn,.update-btn,.cancel-btn{width:100%;justify-content:center}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.detail-section p strong{min-width:80px}.payment-schedule-table{font-size:13px}.payment-schedule-table th,.payment-schedule-table td{padding:6px 8px}}@media(max-width:480px){.engineer-project-container{padding:12px}.project-header-engineerproject h1{font-size:22px}.projects-table-engineerproject tbody tr{padding:12px;margin-bottom:12px}.projects-table-engineerproject td{padding:6px 0;font-size:13px;flex-wrap:wrap}.projects-table-engineerproject td:before{font-size:10px;min-width:60px}.project-name-cell{font-size:13px}.project-ref-cell{font-size:12px}.status-badge-engineerproject{font-size:11px;padding:2px 10px}.action-btn{font-size:10px;padding:3px 8px;min-height:24px}.actions-cell{gap:4px;flex-wrap:wrap}.modal-content-engineerproject{padding:16px 12px}.modal-content-engineerproject h3{font-size:16px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.upload-white-btn,.upload-photos-btn,.update-btn,.cancel-btn{font-size:13px;padding:8px 16px}.pagination-engineerproject{gap:8px}.page-btn{padding:6px 12px;font-size:12px}.page-info{font-size:12px}.detail-section p{font-size:13px}.detail-section p strong{min-width:70px}.payment-schedule-table{font-size:12px}.payment-schedule-table th,.payment-schedule-table td{padding:4px 6px}.existing-photos-info{font-size:12px;padding:8px 12px}}.iot-device-engineer-iotdevicead{padding:24px 40px;background:var(--gray-50);min-height:calc(100vh - 70px);width:100%}.iot-header-iotdevicead{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:0 0 20px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:16px}.iot-header-iotdevicead h1{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 4px;letter-spacing:-.02em}.iot-header-iotdevicead p{font-size:14px;color:var(--gray-500);margin:0}.iot-filters-iotdevicead{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.search-group-iotdevicead{position:relative;flex:1;min-width:250px;max-width:450px}.search-group-iotdevicead .search-icon-iotdevicead{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500)}.search-group-iotdevicead input{width:100%;padding:10px 16px 10px 40px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);transition:all var(--transition-base)}.search-group-iotdevicead input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.table-container-iotdevicead{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.devices-table-iotdevicead{width:100%;border-collapse:collapse;font-size:14px}.devices-table-iotdevicead thead{background:var(--primary);border-bottom:1px solid var(--gray-200)}.devices-table-iotdevicead th{text-align:left;padding:12px 16px;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.devices-table-iotdevicead td{padding:14px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.devices-table-iotdevicead tbody tr{transition:background var(--transition-base)}.devices-table-iotdevicead tbody tr:hover td{background:var(--gray-50)}.devices-table-iotdevicead tbody tr:nth-child(2n){background:#fafbfc}.devices-table-iotdevicead tbody tr:nth-child(2n):hover td{background:var(--gray-100)}.devices-table-iotdevicead tbody tr:last-child td{border-bottom:none}.device-cell-iotdevicead{display:flex;flex-direction:column;gap:2px}.device-name-iotdevicead{font-size:14px;font-weight:500;color:var(--gray-900)}.device-id-iotdevicead{font-size:12px;color:var(--gray-500);font-family:monospace}.client-cell-iotdevicead{display:flex;flex-direction:column}.client-name-iotdevicead{font-size:14px;font-weight:500;color:var(--gray-900)}.ref-cell-iotdevicead{font-family:monospace;font-size:13px;font-weight:500;color:var(--gray-900)}.heartbeat-cell-iotdevicead{font-size:13px;color:var(--gray-500)}.status-badge-iotdevicead{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-500);border:none}.status-badge-iotdevicead.active,.status-badge-iotdevicead.inactive,.status-badge-iotdevicead.assigned,.status-badge-iotdevicead.deployed,.status-badge-iotdevicead.retrieved{background:var(--gray-100);color:var(--gray-500)}.view-btn-iotdevicead{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.view-btn-iotdevicead:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.empty-state-iotdevicead{text-align:center;padding:48px 20px;color:var(--gray-500)}.empty-state-iotdevicead .empty-icon-iotdevicead{font-size:48px;color:var(--gray-300);margin-bottom:16px}.empty-state-iotdevicead h3{font-size:18px;color:var(--gray-700);margin:0 0 8px}.empty-state-iotdevicead p{font-size:14px;color:var(--gray-500);margin:0}.pagination-iotdevicead{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200);flex-wrap:wrap}.page-btn-iotdevicead{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base)}.page-btn-iotdevicead:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.page-btn-iotdevicead:disabled{opacity:.4;cursor:not-allowed}.page-info-iotdevicead{font-size:14px;color:var(--gray-500)}.page-number-iotdevicead{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base)}.page-number-iotdevicead:hover:not(.active-iotdevicead){background:var(--gray-50);color:var(--gray-900)}.page-number-iotdevicead.active-iotdevicead{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay-iotdevicead{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:10000;padding:20px}.modal-content-iotdevicead{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:1300px;max-height:92vh;overflow-y:auto;padding:28px 32px;box-shadow:0 10px 25px #0000001a;animation:modalFadeIn .25s ease}.modal-content-iotdevicead::-webkit-scrollbar{width:8px}.modal-content-iotdevicead::-webkit-scrollbar-track{background:var(--gray-50);border-radius:4px}.modal-content-iotdevicead::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.modal-content-iotdevicead::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.data-modal-iotdevicead{max-width:1300px}.modal-header-iotdevicead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:12px}.modal-header-iotdevicead h3{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.modal-body-iotdevicead{padding:0}.device-summary-iotdevicead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-bottom:24px;background:var(--gray-50);border-radius:var(--radius-sm);padding:20px 24px;border:1px solid var(--gray-200)}.summary-item-iotdevicead{display:flex;align-items:center;gap:14px}.summary-item-iotdevicead svg{font-size:24px;color:var(--primary)}.summary-item-iotdevicead label{display:block;font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.summary-item-iotdevicead p{margin:0;font-size:15px;font-weight:600;color:var(--gray-900)}.stats-cards-iotdevicead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;margin-bottom:24px}.stat-card-iotdevicead{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:#fff;transition:all var(--transition-base)}.stat-card-iotdevicead:hover{box-shadow:var(--shadow-sm)}.stat-card-iotdevicead svg{font-size:24px;flex-shrink:0}.stat-card-iotdevicead.irradiance-iotdevicead svg{color:#f59e0b}.stat-card-iotdevicead.temperature-iotdevicead svg{color:#ef4444}.stat-card-iotdevicead.humidity-iotdevicead svg{color:#3b82f6}.stat-card-iotdevicead .stat-value-iotdevicead{display:block;font-size:20px;font-weight:700;color:var(--gray-900)}.stat-card-iotdevicead .stat-label-iotdevicead{display:block;font-size:12px;color:var(--gray-500)}.stat-card-iotdevicead .stat-trend-iotdevicead{display:block;font-size:11px;color:var(--gray-500);margin-top:2px}.range-selector-iotdevicead{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.download-btn-iotdevicead{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.download-btn-iotdevicead:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px)}.download-btn-iotdevicead:disabled{opacity:.5;cursor:not-allowed}.chart-container-iotdevicead{margin-bottom:28px}.chart-container-iotdevicead h4{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 14px}.chart-iotdevicead{height:380px;width:100%;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);padding:8px}.readings-table-iotdevicead{margin-bottom:24px}.readings-table-iotdevicead h4{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 14px}.readings-table{width:100%;border-collapse:collapse;font-size:14px}.readings-table th{padding:12px 16px;background:var(--gray-50);font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--gray-200);text-align:left}.readings-table td{padding:10px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);font-size:13px}.readings-table tbody tr:hover td{background:var(--gray-50)}.readings-table tbody tr:last-child td{border-bottom:none}.no-data-iotdevicead{text-align:center;padding:60px 20px;color:var(--gray-500)}.no-data-iotdevicead svg{font-size:40px;color:var(--warning);margin-bottom:16px}.no-data-iotdevicead p{font-size:18px;color:var(--gray-700);margin:0 0 8px}.no-data-iotdevicead small{font-size:14px;color:var(--gray-500)}.gps-location-iotdevicead{background:var(--gray-50);border-radius:var(--radius-sm);padding:20px 24px;margin-bottom:24px;border:1px solid var(--gray-200)}.gps-location-iotdevicead h4{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 12px}.gps-coords{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-bottom:12px}.gps-coords p{margin:0;font-size:14px;color:var(--gray-700)}.gps-coords strong{color:var(--gray-500);font-weight:600}.view-map-btn{display:inline-block;padding:8px 20px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-base)}.view-map-btn:hover{background:var(--primary-hover)}.modal-actions-iotdevicead{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--gray-200);margin-top:4px;flex-wrap:wrap}.close-btn-iotdevicead{padding:11px 28px;background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.close-btn-iotdevicead:hover{background:var(--gray-50);color:var(--gray-900)}.retrieve-btn-iotdevicead{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:var(--warning);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.retrieve-btn-iotdevicead:hover:not(:disabled){background:#d97706}.retrieve-btn-iotdevicead:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-iotdevicead{max-width:520px}.confirm-modal-body-iotdevicead p{font-size:15px;color:var(--gray-700);margin-bottom:18px}.device-details-confirm-iotdevicead{background:var(--gray-50);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:18px}.detail-row-iotdevicead{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;flex-wrap:wrap;gap:8px}.detail-label-iotdevicead{color:var(--gray-500)}.detail-value-iotdevicead{color:var(--gray-900);font-weight:500}.info-message-iotdevicead{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);padding:14px 18px}.info-message-iotdevicead p{font-size:14px;color:#92400e;margin:0 0 6px}.info-message-iotdevicead ul{margin:4px 0 0;padding-left:20px;font-size:14px;color:#92400e}.info-message-iotdevicead li{margin:3px 0}.confirm-actions-iotdevicead{justify-content:center}.cancel-btn-iotdevicead{padding:11px 28px;background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cancel-btn-iotdevicead:hover{background:var(--gray-50);color:var(--gray-900)}.confirm-retrieve-btn-iotdevicead{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.confirm-retrieve-btn-iotdevicead:hover:not(:disabled){background:#dc2626}.confirm-retrieve-btn-iotdevicead:disabled{opacity:.6;cursor:not-allowed}.spinner-enad{animation:spin-enad 1s linear infinite}@keyframes spin-enad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-chart-tooltip-fixed{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px 16px;box-shadow:var(--shadow-lg);min-width:180px}.tooltip-time{font-size:12px;color:var(--gray-500);margin-bottom:8px;font-weight:500}.tooltip-item{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:3px 0}.tooltip-label{font-weight:500}.tooltip-value{font-weight:600}.skeleton-line-iotdevicead{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line-iotdevicead.large-iotdevicead{height:32px;width:200px;margin-bottom:8px}.skeleton-line-iotdevicead.medium-iotdevicead{height:18px;width:300px}.skeleton-search-iotdevicead{height:44px;flex:1;min-width:150px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-table-iotdevicead{height:300px;background:var(--gray-200);border:1px solid var(--gray-200)}.skeleton-table-header-iotdevicead{height:44px;background:var(--gray-200)}.skeleton-table-row-iotdevicead{height:56px;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}@media(max-width:1024px){.iot-device-engineer-iotdevicead{padding:24px}.chart-iotdevicead{height:320px}}@media(max-width:768px){.iot-device-engineer-iotdevicead{padding:16px}.iot-header-iotdevicead{flex-direction:column;align-items:flex-start}.iot-filters-iotdevicead{flex-direction:column}.search-group-iotdevicead{width:100%;min-width:unset;max-width:100%}.devices-table-iotdevicead thead{display:none}.devices-table-iotdevicead tbody tr{display:block;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative}.devices-table-iotdevicead tbody tr:last-child{margin-bottom:0}.devices-table-iotdevicead tbody tr:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.devices-table-iotdevicead td{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border:none;border-bottom:1px solid var(--gray-100);background:transparent!important;gap:12px}.devices-table-iotdevicead td:last-child{border-bottom:none}.devices-table-iotdevicead td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:70px}.devices-table-iotdevicead td>*{flex:1;text-align:right}.device-cell-iotdevicead,.client-cell-iotdevicead{align-items:flex-end;text-align:right}.device-id-iotdevicead{font-size:10px}.view-btn-iotdevicead{width:100%;justify-content:center;padding:10px}.modal-content-iotdevicead{padding:20px 16px;margin:10px;width:98%;max-height:95vh}.modal-header-iotdevicead h3{font-size:20px}.stats-cards-iotdevicead{grid-template-columns:1fr 1fr}.stat-card-iotdevicead .stat-value-iotdevicead{font-size:18px}.gps-coords{grid-template-columns:1fr}.modal-actions-iotdevicead{flex-direction:column-reverse}.modal-actions-iotdevicead button{width:100%;justify-content:center}.pagination-iotdevicead{flex-wrap:wrap;gap:8px}.chart-iotdevicead{height:260px}.readings-table{font-size:13px}.readings-table th,.readings-table td{padding:8px 12px}.empty-state-iotdevicead{padding:40px 20px}}@media(max-width:480px){.iot-device-engineer-iotdevicead{padding:12px}.iot-header-iotdevicead h1{font-size:22px}.devices-table-iotdevicead tbody tr{padding:12px;margin-bottom:12px}.devices-table-iotdevicead td{padding:6px 0;font-size:12px;flex-wrap:wrap}.devices-table-iotdevicead td:before{font-size:10px;min-width:60px}.device-name-iotdevicead,.client-name-iotdevicead{font-size:13px}.ref-cell-iotdevicead{font-size:12px}.view-btn-iotdevicead{font-size:12px;padding:8px 12px}.status-badge-iotdevicead{font-size:11px;padding:2px 10px}.modal-content-iotdevicead{padding:16px 12px}.modal-header-iotdevicead h3{font-size:18px}.modal-header-iotdevicead{flex-wrap:wrap}.summary-item-iotdevicead p{font-size:13px}.stats-cards-iotdevicead{grid-template-columns:1fr}.stat-card-iotdevicead{padding:12px 16px}.stat-card-iotdevicead .stat-value-iotdevicead{font-size:16px}.chart-iotdevicead{height:200px;padding:4px}.readings-table{font-size:12px}.readings-table td{padding:6px 8px;font-size:11px}.readings-table th{font-size:10px;padding:6px 8px}.no-data-iotdevicead{padding:40px 16px}.no-data-iotdevicead p{font-size:16px}.gps-location-iotdevicead{padding:14px 16px}.gps-coords p{font-size:13px}.view-map-btn{font-size:13px;padding:6px 16px}.close-btn-iotdevicead,.retrieve-btn-iotdevicead,.cancel-btn-iotdevicead,.confirm-retrieve-btn-iotdevicead{font-size:13px;padding:9px 20px}}.modal-close-iotdevicead{width:36px;height:36px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:50%;font-size:20px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;margin-left:auto}.modal-close-iotdevicead:hover{background:var(--gray-200);color:var(--gray-900)}.modal-close-iotdevicead:active{transform:scale(.95)}@media(max-width:768px){.modal-close-iotdevicead{width:32px;height:32px;font-size:18px}}@media(max-width:480px){.modal-close-iotdevicead{width:28px;height:28px;font-size:16px}}: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}}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #DBEAFE;--success: #22C55E;--success-hover: #16A34A;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--bg-card: #FFFFFF;--bg-surface: var(--gray-50);--bg-base: var(--gray-50);--border-light: var(--gray-200);--border-medium: var(--gray-300);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-card: 0 2px 8px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--transition-base: .2s ease}.engineer-schedule-container-esch{padding:24px 40px;background:var(--gray-50);min-height:calc(100vh - 70px);width:100%}.schedule-header-esch{margin-bottom:28px;padding:0 0 20px;border-bottom:1px solid var(--gray-200)}.schedule-header-esch h1{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 4px;letter-spacing:-.02em}.schedule-header-esch p{font-size:14px;color:var(--gray-500);margin:0}.schedule-controls-esch{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group-esch{position:relative;min-width:180px;flex:0 1 auto}.filter-group-esch .filter-icon-esch{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.filter-group-esch select{width:100%;padding:10px 16px 10px 38px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);cursor:pointer;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px;transition:all var(--transition-base)}.filter-group-esch select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-group-esch{position:relative;flex:1;min-width:250px;max-width:450px}.search-group-esch .search-icon-esch{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500)}.search-group-esch input{width:100%;padding:10px 16px 10px 40px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);transition:all var(--transition-base)}.search-group-esch input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.table-container-esch{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.schedules-table-esch{width:100%;border-collapse:collapse;font-size:14px}.schedules-table-esch thead{background:var(--primary);border-bottom:1px solid var(--gray-200)}.schedules-table-esch th{text-align:left;padding:12px 16px;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:none}.schedules-table-esch td{padding:14px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.schedules-table-esch tbody tr{transition:background var(--transition-base)}.schedules-table-esch tbody tr:hover td{background:var(--gray-50)}.schedules-table-esch tbody tr:nth-child(2n){background:#fafbfc}.schedules-table-esch tbody tr:nth-child(2n):hover td{background:var(--gray-100)}.schedules-table-esch tbody tr:last-child td{border-bottom:none}.clickable-row-esch{cursor:pointer}.title-cell-esch{display:flex;flex-direction:column}.title-text-esch{font-size:14px;font-weight:500;color:var(--gray-900)}.client-cell-esch{display:flex;flex-direction:column;gap:2px}.client-name-esch{font-size:14px;font-weight:500;color:var(--gray-900)}.client-phone-esch{font-size:12px;color:var(--gray-500)}.date-cell-esch,.time-cell-esch{font-size:13px;color:var(--gray-500)}.status-badge-esch{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-500);border:none;text-transform:capitalize}.status-badge-esch.scheduled-esch,.status-badge-esch.confirmed-esch,.status-badge-esch.in-progress-esch,.status-badge-esch.completed-esch,.status-badge-esch.cancelled-esch,.status-badge-esch.rescheduled-esch{background:var(--gray-100);color:var(--gray-500)}.type-badge-esch{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-500);text-transform:uppercase}.type-badge-esch.pre-assessment-esch,.type-badge-esch.site-visit-esch,.type-badge-esch.installation-esch,.type-badge-esch.inspection-esch{background:var(--gray-100);color:var(--gray-500)}.view-btn-esch{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.view-btn-esch:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.empty-state-esch{text-align:center;padding:48px 20px;color:var(--gray-500)}.empty-state-esch p{font-size:14px;margin:0}.pagination-esch{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200);flex-wrap:wrap}.page-btn-esch{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base)}.page-btn-esch:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.page-btn-esch:disabled{opacity:.4;cursor:not-allowed}.page-info-esch{font-size:14px;color:var(--gray-500)}.page-number-esch{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-base)}.page-number-esch:hover:not(.active-esch){background:var(--gray-50);color:var(--gray-900)}.page-number-esch.active-esch{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay-esch{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:10000;padding:20px}.modal-content-esch{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:28px 32px;box-shadow:0 10px 25px #0000001a;animation:modalFadeIn .25s ease}.modal-content-esch h3{font-size:20px;font-weight:700;color:var(--gray-900);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.detail-section-esch{margin-bottom:20px}.detail-section-esch:last-child{margin-bottom:0}.detail-section-esch h4{font-size:14px;font-weight:600;color:var(--gray-500);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.detail-section-esch p{margin:4px 0;font-size:14px;color:var(--gray-700)}.detail-section-esch strong{color:var(--gray-900)}.modal-actions-esch{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200)}.cancel-btn-esch{padding:8px 20px;background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cancel-btn-esch:hover{background:var(--gray-50);color:var(--gray-900)}.skeleton-line-esch{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line-esch.large-esch{height:32px;width:250px;margin-bottom:8px}.skeleton-line-esch.medium-esch{height:18px;width:350px}.skeleton-line-esch.small-esch{height:14px;width:80px}.skeleton-select-esch{height:44px;width:180px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-search-esch{height:44px;flex:1;min-width:150px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-table-esch{height:300px;background:var(--gray-200);border:1px solid var(--gray-200)}@media(max-width:1024px){.engineer-schedule-container-esch{padding:24px}.filter-group-esch{min-width:150px}.search-group-esch{max-width:400px}}@media(max-width:768px){.engineer-schedule-container-esch{padding:16px}.schedule-header-esch{padding:0 0 16px}.schedule-controls-esch{flex-direction:column}.filter-group-esch{min-width:unset;width:100%}.search-group-esch{width:100%;min-width:unset;max-width:100%}.schedules-table-esch thead{display:none}.schedules-table-esch tbody tr{display:block;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative}.schedules-table-esch tbody tr:last-child{margin-bottom:0}.schedules-table-esch tbody tr:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.schedules-table-esch td{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border:none;border-bottom:1px solid var(--gray-100);background:transparent!important;gap:12px}.schedules-table-esch td:last-child{border-bottom:none}.schedules-table-esch td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:70px}.schedules-table-esch td>*{flex:1;text-align:right}.title-cell-esch,.client-cell-esch{align-items:flex-end;text-align:right}.view-btn-esch{width:100%;justify-content:center;padding:10px;margin-top:4px}.modal-content-esch{padding:20px;margin:10px;width:95%}.modal-actions-esch{flex-direction:column-reverse}.modal-actions-esch button{width:100%;justify-content:center}.pagination-esch{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.engineer-schedule-container-esch{padding:12px}.schedule-header-esch h1{font-size:22px}.schedules-table-esch tbody tr{padding:12px;margin-bottom:12px}.schedules-table-esch td{padding:6px 0;font-size:12px}.schedules-table-esch td:before{font-size:10px;min-width:60px}.title-text-esch,.client-name-esch{font-size:13px}.client-phone-esch{font-size:10px}.date-cell-esch,.time-cell-esch{font-size:12px}.status-badge-esch,.type-badge-esch{font-size:11px;padding:2px 10px}.view-btn-esch{font-size:12px;padding:8px 12px}.modal-content-esch{padding:16px;margin:8px}.modal-content-esch h3{font-size:18px}.detail-section-esch p{font-size:13px}}.modal-close-esch{width:32px;height:32px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:50%;font-size:20px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.modal-close-esch:hover{background:var(--gray-200);color:var(--gray-900);border-color:var(--gray-300)}.modal-close-esch:active{transform:scale(.95)}@media(max-width:768px){.modal-close-esch{width:28px;height:28px;font-size:16px}}.dashboard-container-cusdash{padding-inline:24px;margin:0 auto}.btn-primary-cusdash{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--sidebar-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary-cusdash:hover{background:var(--sidebar-accent-hover);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:transparent;color:var(--text-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-secondary-cusdash:hover{background:var(--bg-surface);border-color:var(--text-secondary);transform:translateY(-2px)}.pending-payments-alert-cusdash{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1.5rem;flex-wrap:wrap}.alert-icon-cusdash{color:var(--text-muted);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}.alert-content-cusdash p{font-size:.85rem;color:var(--text-secondary);margin:0}.alert-action-cusdash{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.alert-action-cusdash:hover{background:var(--primary-hover);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}.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-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.quick-action-item-cusdash:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.quick-action-icon-cusdash{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;background:var(--bg-surface);color:var(--text-secondary)}.quick-action-label-cusdash{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary)}.quick-action-arrow-cusdash{color:var(--text-muted);font-size:.75rem;transition:transform var(--transition-base)}.quick-action-item-cusdash:hover .quick-action-arrow-cusdash{transform:translate(4px);color:var(--text-secondary)}.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}.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-elevated);border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);appearance:none;cursor:pointer;transition:all var(--transition-base);font-weight:500}.project-select-cusdash:hover{border-color:var(--border-medium)}.project-select-cusdash:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.select-icon-cusdash{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.stats-grid-cusdash{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.stat-card-cusdash:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.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}.stat-value-cusdash{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-trend-cusdash{font-size:.8rem;color:var(--text-secondary)}.row-layout-cusdash{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.project-section-cusdash{display:flex;flex-direction:column;gap:1rem}.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}.view-all-link-cusdash{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.view-all-link-cusdash:hover{color:var(--primary-hover);gap:.6rem}.arrow-icon-cusdash{transition:transform var(--transition-base)}.view-all-link-cusdash:hover .arrow-icon-cusdash{transform:translate(4px)}.project-card-enhanced-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.project-card-enhanced-cusdash:hover{box-shadow:var(--shadow-md)}.project-header-cusdash{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;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}.project-system-cusdash{font-size:.85rem;color:var(--text-secondary);margin:0}.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(--bg-surface)!important;color:var(--text-primary)!important}.status-pending-cusdash,.status-paid-cusdash,.status-verification-cusdash,.status-processing-cusdash,.status-quoted-cusdash,.status-approved-cusdash,.status-progress-cusdash,.status-completed-cusdash,.status-scheduled-cusdash{background:var(--bg-surface)!important;color:var(--text-primary)!important}.project-content-layout-cusdash{display:flex;gap:1.5rem;align-items:center}.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(--bg-surface)}.progress-ring-fill-cusdash{stroke:var(--primary);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}.progress-ring-label-cusdash{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.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(--border-light)}.project-metric-cusdash:last-of-type{border-bottom:none}.metric-label-cusdash{font-size:.85rem;color:var(--text-secondary)}.metric-value-cusdash{font-size:.95rem;font-weight:600;color:var(--text-primary)}.project-actions-cusdash{margin-top:.25rem}.action-link-cusdash{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.action-link-cusdash:hover{color:var(--primary-hover);gap:.7rem}.action-arrow-cusdash{transition:transform var(--transition-base)}.action-link-cusdash:hover .action-arrow-cusdash{transform:translate(4px)}.milestones-section-cusdash{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light)}.milestones-title-cusdash{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.3px}.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 var(--transition-base)}.milestone-item-cusdash.completed-cusdash .milestone-icon-cusdash{color:var(--success)!important}.milestone-item-cusdash.active-cusdash .milestone-icon-cusdash{color:var(--primary)!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 var(--transition-base)}.milestone-item-cusdash.completed-cusdash .milestone-label-cusdash{color:var(--success)!important;font-weight:500}.milestone-item-cusdash.active-cusdash .milestone-label-cusdash{color:var(--primary)!important;font-weight:600}.milestone-status-cusdash{font-size:.6rem;color:var(--primary);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(--border-light);pointer-events:none;transition:background var(--transition-base)}.milestone-item-cusdash.completed-cusdash .milestone-line-cusdash{background:var(--success)!important}.activities-section-cusdash{display:flex;flex-direction:column;gap:1rem}.activities-card-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);min-height:200px}.activities-list-cusdash{display:flex;flex-direction:column;gap:.5rem}.activity-item-cusdash{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);transition:all var(--transition-base)}.activity-item-cusdash:hover{background:var(--bg-surface)}.activity-icon-wrapper-cusdash{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--bg-surface);color:var(--text-secondary)}.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)}.activity-reference-cusdash{font-size:.75rem;color:var(--text-muted);font-weight:400}.activity-date-cusdash{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.1rem}.activity-status-cusdash{flex-shrink:0}.activity-divider-cusdash{height:1px;background:var(--border-light);margin:.25rem .75rem}.appointments-section-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.appointments-title-cusdash{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.appointments-icon-cusdash{color:var(--text-secondary)}.appointments-list-cusdash{display:flex;flex-direction:column;gap:.75rem}.appointment-item-cusdash{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-surface);transition:all var(--transition-base)}.appointment-item-cusdash:hover{background:var(--bg-highlight)}.appointment-date-cusdash{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;background:var(--bg-elevated);border-radius:var(--radius-sm);min-width:48px}.appointment-day-cusdash{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.appointment-month-cusdash{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.appointment-info-cusdash{flex:1;min-width:0}.appointment-type-cusdash{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary)}.appointment-address-cusdash{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.appointment-location-icon-cusdash{font-size:.7rem}.appointment-status-cusdash{flex-shrink:0}.empty-state-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;border:2px dashed var(--border-light);min-height:200px;display:flex;align-items:center;justify-content:center}.empty-state-content-cusdash{display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-title-cusdash{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state-description-cusdash{font-size:.9rem;color:var(--text-secondary);margin:0}.empty-small-cusdash{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:.75rem}.empty-text-cusdash{font-size:.9rem;color:var(--text-secondary);margin:0}.link-cusdash{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.link-cusdash:hover{color:var(--primary-hover);gap:.7rem}.skeleton-line-cusdash{background:var(--bg-surface);border-radius:var(--radius-sm);animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-highlight) 50%,var(--bg-surface) 75%);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:var(--radius-md)}.skeleton-card-cusdash{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);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}.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,.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:var(--radius-md)}.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:var(--radius-md)}.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:150px}.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:var(--radius-sm)}}@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:var(--radius-sm)}.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:var(--radius-sm)}.quick-action-icon-cusdash{width:30px;height:30px;font-size:.8rem;border-radius:var(--radius-sm)}.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:var(--radius-md)}.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:120px;border-radius:var(--radius-md)}.activity-item-cusdash{padding:.4rem;gap:.4rem}.activity-icon-wrapper-cusdash{width:28px;height:28px;font-size:.75rem;border-radius:var(--radius-sm)}.activity-title-cusdash{font-size:.75rem}.activity-reference-cusdash,.activity-date-cusdash{font-size:.65rem}.appointments-section-cusdash{padding:.75rem;border-radius:var(--radius-md)}.appointments-title-cusdash{font-size:.8rem}.appointment-item-cusdash{padding:.5rem;gap:.5rem;border-radius:var(--radius-sm)}.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:var(--radius-md)}.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:var(--radius-md)}.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}.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(--bg-surface)!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}}.welcome-section-cusdash{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;flex-wrap:wrap}.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}.welcome-greeting-cusdash{font-size:1rem;color:var(--text-secondary);margin:0}.welcome-actions-cusdash{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:768px){.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}}@media(max-width:480px){.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}}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--success: #22C55E;--success-hover: #16A34A;--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 25px rgba(0,0,0,.08);--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--gray-50: #F8FAFC}.schedule-header-content-cusset{flex:1}.schedule-header-action-cusset{flex-shrink:0;margin-left:16px}.view-requests-btn-cusset:hover{background:var(--bg-card);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.service-card-cusset{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:32px 28px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;flex-direction:column;min-height:420px}.service-card-header-cusset{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.service-card-header-cusset h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.service-badge-cusset{display:inline-block;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.service-description-cusset{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0 0 18px}.service-features-cusset{list-style:none;padding:0;margin:0 0 24px;flex:1}.service-features-cusset li{padding:8px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-light)}.service-features-cusset li:before{content:"✓";color:var(--success);font-weight:700;font-size:16px;flex-shrink:0}.card-button-container-cusset{margin-top:auto;padding-top:16px}.btn-get-quote-cusset,.btn-paid-assessment-cusset{width:100%;padding:14px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.back-button-container-cusset{margin-bottom:20px}.back-to-services-cusset{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-size:14px;color:var(--text-muted);cursor:pointer;transition:all .2s;padding:8px 12px;border-radius:var(--radius-md)}.back-to-services-cusset:hover{background:var(--bg-card);color:var(--text-primary)}.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}.form-page-subtitle-cusset{font-size:14px;color:var(--text-muted);margin:0}.form-section-icon-cusset{width:36px;height:36px;border-radius:50%;background:#e0e7ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.combined-info-card-cusset{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;cursor:pointer;transition:all .2s}.combined-info-card-cusset:hover{border-color:var(--border-medium);background:var(--bg-card)}.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)}.combined-info-contact-cusset{font-size:13px;color:var(--text-secondary)}.combined-info-address-cusset{font-size:13px;color:var(--text-muted)}.combined-info-hint-cusset{font-size:12px;color:var(--text-muted);margin-top:6px;font-style:italic}.schedule-form-input-cusset.error,.schedule-form-select-cusset.error{border-color:var(--danger)}.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)}.error-message-cusset{font-size:12px;color:var(--danger);margin-top:2px}.schedule-fee-card-cusset{display:flex;align-items:flex-start;gap:14px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius-md);padding:16px 20px;margin-top:16px}.fee-card-icon-cusset{font-size:20px;color:#0ea5e9;flex-shrink:0;margin-top:2px}.fee-card-content-cusset strong{display:block;font-size:15px;color:#0c4a6e}.fee-card-content-cusset p{font-size:13px;color:#0c4a6e;margin:4px 0 0}.fee-card-content-cusset small{font-size:12px;color:#0c4a6e;opacity:.8}.form-actions-cusset{margin-top:20px}.schedule-btn-submit-cusset:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.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)}.add-appliance-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-appliance-btn-cusset:hover{background:var(--primary-hover)}.appliances-table-container-cusset{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-md)}.appliances-table-cusset{width:100%;border-collapse:collapse;font-size:13px}.appliances-table-cusset th{background:var(--bg-base);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-light)}.appliances-table-cusset td{padding:10px 14px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.appliances-table-cusset tr:last-child td{border-bottom:none}.appliances-table-cusset td strong{color:var(--text-primary)}.edit-appliance-btn,.delete-appliance-btn{padding:4px 10px;border:none;border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:all .2s;margin-right:4px}.edit-appliance-btn{background:#dbeafe;color:var(--primary)}.edit-appliance-btn:hover{background:#bfdbfe}.delete-appliance-btn{background:#fee2e2;color:var(--danger)}.delete-appliance-btn:hover{background:#fecaca}.empty-appliances-cusset{text-align:center;padding:32px 20px;color:var(--text-muted);border:2px dashed var(--border-light);border-radius:var(--radius-md)}.empty-appliances-cusset svg{font-size:32px;color:var(--border-medium);margin-bottom:8px}.empty-appliances-cusset p{margin:0;font-size:14px;color:var(--text-secondary)}.empty-appliances-cusset small{font-size:12px;color:var(--text-muted)}.consumption-results-cusset{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.consumption-results-cusset h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.result-card-cusset .result-icon{font-size:20px;flex-shrink:0}.result-card-cusset.day-result{border-color:#fde68a;background:#fffbeb}.result-card-cusset.day-result .result-icon{color:#d97706}.result-card-cusset.night-result{border-color:#93c5fd;background:#eff6ff}.result-card-cusset.night-result .result-icon{color:#2563eb}.result-card-cusset.total-result{border-color:#a7f3d0;background:#ecfdf5}.result-card-cusset.total-result .result-icon{color:#059669}.result-card-cusset.monthly-result{border-color:#a78bfa;background:#f5f3ff}.result-card-cusset.monthly-result .result-icon{color:#7c3aed}.result-card-cusset.motor-nonmotor-result{border-color:#a78bfa;background:#f5f3ff}.result-card-cusset.motor-nonmotor-result .result-icon{color:#a3233e}.result-card-cusset.motor-nonmotor-result .load-divider{color:#ce93d8;font-size:16px;font-weight:300}.result-card-cusset.motor-nonmotor-result .stat-divider{color:#ce93d8}.result-percentage{font-size:12px;color:var(--text-muted)}.result-info small{font-size:11px;color:var(--text-muted)}.info-message-cusset{background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--radius-md);padding:12px 16px;margin-top:12px}.info-message-cusset p{margin:0;font-size:13px;color:#92400e}.pending-warning-cusset{background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;font-size:13px;color:#92400e}.schedule-modal-cusset::-webkit-scrollbar{width:6px}.schedule-modal-cusset::-webkit-scrollbar-track{background:var(--bg-base);border-radius:3px}.schedule-modal-cusset::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.appliance-modal-cusset{max-width:520px}.modal-close-cusset:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-body-cusset{display:flex;flex-direction:column;gap:12px}.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(--border-light)}.schedule-summary-section-cusset p{margin:3px 0;font-size:13px;color:var(--text-secondary)}.schedule-summary-section-cusset strong{color:var(--text-primary)}.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}.schedule-modal-checkbox-cusset input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.terms-link{color:var(--primary);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(--border-light)}.schedule-btn-secondary-cusset{padding:10px 24px;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}.schedule-btn-secondary-cusset:hover{background:var(--border-light)}.schedule-btn-success-cusset:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.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(--border-light)}.info-modal-header-cusset h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.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}.info-details-cusset{background:var(--bg-base);border-radius:var(--radius-md);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)}.info-row-cusset span:last-child{color:var(--text-primary);font-weight:500}.info-action-btn-cusset{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.info-action-btn-cusset:hover{background:var(--primary-hover)}.info-modal-footer-cusset{padding-top:12px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.info-close-btn-cusset{padding:10px 24px;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}.info-close-btn-cusset:hover{background:var(--border-light)}.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}.requests-page-title-cusset p{font-size:14px;color:var(--text-muted);margin:0}.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-light);border-radius:20px;font-size:13px;color:var(--text-secondary)}.stat-badge-cusset svg{font-size:14px}.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-light);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s}.filter-tab-page-cusset:hover{background:var(--bg-base);border-color:var(--border-medium)}.filter-tab-page-cusset.active{background:var(--primary);border-color:var(--primary);color:#fff}.requests-list-page-cusset{display:flex;flex-direction:column;gap:16px}.request-card-page-cusset{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s}.request-card-page-cusset:hover{box-shadow:var(--shadow-md)}.request-card-header-cusset{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--bg-base);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:8px}.request-card-title-cusset{display:flex;align-items:center;gap:12px}.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:#dcfce7;color:#16a34a}.type-badge-page.pre-assessment{background:#dbeafe;color:#2563eb}.request-reference-cusset{font-size:13px;font-weight:600;color:var(--text-primary);font-family:monospace}.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)}.request-details-grid-cusset span{color:var(--text-muted)}.request-details-grid-cusset strong{color:var(--text-primary)}.request-details-grid-cusset .full-width{grid-column:1 / -1}.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{background:#fef3c7;color:#d97706}.status-badge-schedule.for-verification{background:#fee2e2;color:#dc2626}.status-badge-schedule.paid{background:#dcfce7;color:#16a34a}.status-badge-schedule.scheduled{background:#dbeafe;color:#2563eb}.status-badge-schedule.site-visit{background:#e0e7ff;color:#4f46e5}.status-badge-schedule.device-deployed{background:#fce7f3;color:#be185d}.status-badge-schedule.data-collecting{background:#ede9fe;color:#7c3aed}.status-badge-schedule.data-analyzing{background:#fef3c7;color:#d97706}.status-badge-schedule.report-draft{background:#dbeafe;color:#2563eb}.status-badge-schedule.completed{background:#dcfce7;color:#16a34a}.status-badge-schedule.cancelled{background:#fee2e2;color:#dc2626}.status-badge-schedule.quotation-accepted{background:#dcfce7;color:#16a34a}.status-badge-schedule.pending{background:#fef3c7;color:#d97706}.status-badge-schedule.assigned{background:#dbeafe;color:#2563eb}.status-badge-schedule.processing{background:#e0e7ff;color:#4f46e5}.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:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action-page.view-quote{background:#dbeafe;color:#2563eb}.btn-action-page.view-quote:hover{background:#bfdbfe}.btn-action-page.download-quote{background:#e0e7ff;color:#4f46e5}.btn-action-page.download-quote:hover{background:#c7d2fe}.btn-action-page.accept-quote{background:#dcfce7;color:#16a34a}.btn-action-page.accept-quote:hover{background:#bbf7d0}.project-created-badge-page{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;color:#111827;border-radius:var(--radius-md);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:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border-light);flex-shrink:0}.photo-preview-item-cusset img{width:100%;height:100%;object-fit:cover}.photo-preview-overlay-cusset{position:absolute;inset:0;background:#0006;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-base);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted);font-size:12px}.photo-preview-item-cusset.more svg{font-size:20px}.photo-modal-overlay-cusset{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.photo-modal-content-cusset{background:var(--bg-card);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative}.photo-modal-close-cusset{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#00000080;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:#000000b3}.photo-modal-main-cusset{position:relative;display:flex;align-items:center;justify-content:center;background:#0f172a;min-height:300px}.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:#00000080;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:#000000b3}.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-card);border-top:1px solid var(--border-light)}.photo-counter-cusset{font-size:13px;color:var(--text-muted)}.photo-download-btn-cusset{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.photo-download-btn-cusset:hover{background:var(--primary-hover)}.confirmation-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#16a34a;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}.schedule-confirmation-card-cusset>p{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.schedule-booking-details-cusset{background:var(--bg-base);border-radius:var(--radius-md);padding:16px 20px;margin:16px 0;text-align:left}.schedule-booking-details-cusset p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.schedule-booking-details-cusset strong{color:var(--text-primary)}.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}.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}.schedule-next-steps-cusset li:before{content:"•";color:var(--primary);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-base)}.quote-actions-cusset .schedule-btn-primary-cusset{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.quote-actions-cusset .schedule-btn-primary-cusset:hover{background:var(--primary-hover)}.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}.accept-quotation-header-cusset p{font-size:14px;color:var(--text-muted);margin:0}.accept-quotation-content-cusset{display:flex;flex-direction:column;gap:24px}.quotation-summary-page-cusset{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:24px}.quotation-summary-page-cusset h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.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}.summary-item-cusset strong{font-size:15px;color:var(--text-primary)}.summary-item-cusset .total-cost-cusset{color:var(--primary);font-size:18px}.equipment-breakdown-cusset{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.equipment-breakdown-cusset h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.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)}.equipment-item-cusset strong{color:var(--text-primary)}.payment-preference-page-cusset{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:24px}.payment-preference-page-cusset h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.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-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.preference-option-page:hover{border-color:var(--border-medium)}.preference-option-page.selected{border-color:var(--primary);background:#f0f7ff}.preference-option-page input[type=radio]{margin-top:2px;accent-color:var(--primary);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)}.preference-details-page{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary)}.preference-details-page .retention-note-page{color:#d97706;font-weight:500}.preference-details-page.full-payment-page{color:var(--text-primary);font-weight:500}.accept-quotation-actions-cusset{display:flex;gap:12px;justify-content:flex-end;padding:16px 0 0;border-top:1px solid var(--border-light)}.cancel-btn-page-cusset{padding:10px 24px;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}.cancel-btn-page-cusset:hover{background:var(--border-light)}.confirm-btn-page-cusset{display:inline-flex;align-items:center;gap:8px;padding:10px 32px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn-page-cusset:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.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-radius:var(--radius-xl);border:1px solid var(--border-light)}.empty-requests-page-cusset .empty-icon-cusset{font-size:48px;color:var(--border-medium);margin-bottom:16px}.empty-requests-page-cusset h3{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-requests-page-cusset p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:24px 28px}.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{height:28px;width:200px;margin-bottom:8px}.skeleton-line.small{height:16px;width:300px}.skeleton-service-card{height:300px;background:#f1f5f9;border-radius:var(--radius-xl)}.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}.schedule-error-container-cusset p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.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:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-error-actions-cusset .schedule-btn-primary-cusset:hover{background:var(--primary-hover)}.schedule-error-actions-cusset .schedule-btn-secondary-cusset{padding:10px 24px;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}.schedule-error-actions-cusset .schedule-btn-secondary-cusset:hover{background:var(--border-light)}@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;padding:0 0 16px}.schedule-header-action-cusset{margin-left:0;margin-top:12px}.schedule-title-cusset{font-size:22px}.service-card-cusset{padding:24px 20px;min-height:360px}.form-section-header-cusset,.form-section-body-cusset{padding:14px 16px}.schedule-modal-cusset{padding:24px 20px;max-width:100%}.schedule-modal-cusset h2{font-size:20px}.modal-actions-cusset{flex-direction:column}.modal-actions-cusset button{width:100%}.results-grid-cusset,.request-details-grid-cusset,.summary-grid-cusset{grid-template-columns:1fr 1fr}.preference-option-page{padding:14px 16px}.dimension-row-cusset{grid-template-columns:1fr}.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%}}@media(max-width:480px){.schedule-container-cusset{padding:12px}.schedule-title-cusset{font-size:20px}.service-card-cusset{padding:20px 16px;min-height:320px}.service-card-header-cusset h2{font-size:18px}.service-description-cusset{font-size:14px}.schedule-modal-cusset{padding:20px 16px}.schedule-modal-cusset h2{font-size:18px}.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;margin:20px auto}.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:var(--radius-lg)}.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}}.service-card-header-cusset{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.service-card-header-cusset h2{font-size:26px;font-weight:700;color:var(--text-primary);margin:0}.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:#dcfce7;color:#16a34a}.service-badge-cusset.paid-cusset{background:#dbeafe;color:#2563eb}.service-description-cusset{font-size:16px;color:var(--text-secondary);line-height:1.8;margin:0 0 24px;flex:0 0 auto}.card-button-container-cusset{margin-top:auto;padding-top:24px;flex:0 0 auto}.btn-get-quote-cusset:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-paid-assessment-cusset:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.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-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:10px 20px;box-shadow:var(--shadow-sm);transition:background .2s,border-color .2s}.back-to-services-cusset svg{font-size:15px}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--success: #22C55E;--success-hover: #16A34A;--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 25px rgba(0, 0, 0, .08);--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px}.schedule-container-cusset{padding:24px;background:var(--bg-base);min-height:100vh}.schedule-header-card-cusset{background:transparent;border:none;padding:0 0 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:none}.schedule-title-cusset{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.schedule-subtitle-cusset{font-size:14px;color:var(--text-muted);margin:0}.view-requests-btn-cusset{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.view-requests-btn-cusset:hover{background:var(--bg-base);border-color:var(--border-medium)}.view-requests-btn-cusset .request-count{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);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-radius:var(--radius-xl);border:1px solid var(--border-light);padding:36px 32px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;flex-direction:column;min-height:560px}.service-card-cusset:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card-cusset.paid-cusset{border-top:4px solid var(--primary)}.service-card-header-cusset h2{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.service-badge-cusset{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;background:var(--bg-surface)!important;color:var(--text-primary)!important}.service-description-cusset{font-size:16px;color:var(--text-secondary);line-height:1.8;margin:0 0 24px}.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(--border-light)}.service-features-cusset li:last-child{border-bottom:none}.service-features-cusset li:before{content:"✓";color:var(--success);font-weight:700;font-size:18px;flex-shrink:0}.btn-get-quote-cusset,.btn-paid-assessment-cusset{width:100%;padding:18px;border:none;border-radius:var(--radius-md);font-size:17px;font-weight:600;cursor:pointer;transition:all .2s}.btn-get-quote-cusset{background:var(--success);color:#fff}.btn-get-quote-cusset:hover{background:var(--success-hover)}.btn-paid-assessment-cusset{background:var(--primary);color:#fff}.btn-paid-assessment-cusset:hover{background:var(--primary-hover)}.back-to-services-cusset{display:inline-flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:10px 20px;transition:all .2s}.back-to-services-cusset:hover{background:var(--bg-base);border-color:var(--border-medium);color:var(--text-primary)}.form-main-card-cusset{display:flex;flex-direction:column;gap:24px}.form-section-cusset{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm)}.form-section-header-cusset{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--bg-base);border-bottom:1px solid var(--border-light)}.form-section-icon-cusset{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);color:var(--text-secondary);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}.form-section-title-group-cusset p{font-size:13px;color:var(--text-muted);margin:0}.form-section-body-cusset{padding:20px 24px}.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-primary)}.schedule-form-input-cusset,.schedule-form-select-cusset{padding:10px 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;width:100%;box-sizing:border-box}.schedule-form-input-cusset:focus,.schedule-form-select-cusset:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.dimension-row-cusset{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-btn-submit-cusset{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-btn-submit-cusset:hover:not(:disabled){background:var(--primary-hover)}.schedule-btn-submit-cusset:disabled{opacity:.5;cursor:not-allowed}.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:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-card)}.result-card-cusset .result-icon{font-size:20px;flex-shrink:0;color:var(--text-muted)}.result-info{display:flex;flex-direction:column;gap:1px}.result-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.result-value{font-size:18px;font-weight:700;color:var(--text-primary)}.schedule-modal-overlay-cusset{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.schedule-modal-cusset{background:var(--bg-card);border-radius:var(--radius-2xl);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:32px 36px;box-shadow:0 20px 60px #0003;animation:modalFadeIn .25s ease}@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}.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}.modal-close-cusset{width:32px;height:32px;background:var(--bg-base);border:1px solid var(--border-light);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:var(--bg-surface)}.modal-actions-cusset{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.cancel-btn-cusset{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}.cancel-btn-cusset:hover{background:var(--border-light)}.save-btn-cusset{display:inline-flex;align-items:center;gap:6px;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}.save-btn-cusset:hover{background:var(--primary-hover)}.schedule-btn-success-cusset{padding:10px 24px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-btn-success-cusset:hover:not(:disabled){background:var(--success-hover)}.schedule-btn-success-cusset:disabled{opacity:.5;cursor:not-allowed}.status-badge-schedule{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--bg-surface)!important;color:var(--text-primary)!important}.type-badge-page{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;background:var(--bg-surface)!important;color:var(--text-primary)!important}.schedule-confirmation-card-cusset{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-light);padding:40px;max-width:560px;margin:40px auto;text-align:center;box-shadow:var(--shadow-md)}.confirmation-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-surface);color:var(--success);font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}@media(max-width:992px){.service-selection-grid-cusset,.schedule-form-grid-cusset{grid-template-columns:1fr}.results-grid-cusset{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.schedule-container-cusset{padding:16px}.schedule-title-cusset{font-size:22px}.service-card-cusset{padding:24px 20px;min-height:400px}.schedule-modal-cusset{padding:24px 20px}.results-grid-cusset{grid-template-columns:1fr 1fr}.dimension-row-cusset{grid-template-columns:1fr}}@media(max-width:480px){.schedule-container-cusset{padding:12px}.schedule-title-cusset{font-size:20px}.service-card-cusset{padding:20px 16px;min-height:350px}.results-grid-cusset{grid-template-columns:1fr}.schedule-confirmation-card-cusset{padding:24px 16px}.confirmation-icon{width:48px;height:48px;font-size:24px}}.schedule-container-cusset{padding:24px;background-color:var(--gray-50);min-height:100vh}.cuspro-page{padding-inline:24px;margin:0 auto}.cuspro-header-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.cuspro-header-card h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.cuspro-header-card p{font-size:.95rem;color:var(--text-secondary);margin:0}.cuspro-selector-card{margin-bottom:1.5rem}.cuspro-project-select{width:100%;max-width:400px;padding:.7rem 2.5rem .7rem 1rem;background:var(--bg-elevated);border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-weight:500;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.cuspro-project-select:hover{border-color:var(--border-medium)}.cuspro-project-select:focus{outline:none;border-color:var(--sidebar-accent);box-shadow:0 0 0 3px #f39c121a}.cuspro-hero-card{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;transition:all var(--transition-base)}.cuspro-hero-card:hover{box-shadow:var(--shadow-md)}.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}.cuspro-project-ref{font-size:.85rem;color:var(--text-muted);margin:0}.cuspro-status-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.cuspro-status-badge.quoted{background:#fef3c7;color:#92400e}.cuspro-status-badge.approved{background:#dbeafe;color:#1e40af}.cuspro-status-badge.in_progress{background:#e0e7ff;color:#3730a3}.cuspro-status-badge.progress_paid,.cuspro-status-badge.full_paid{background:#d1fae5;color:#065f46}.cuspro-status-badge.completed{background:#10b981;color:#fff}.cuspro-hero-tags{display:flex;flex-wrap:wrap;gap:.75rem}.cuspro-hero-tags span{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);background:var(--bg-surface);padding:.3rem .8rem;border-radius:20px}.cuspro-hero-tags span svg{font-size:.85rem}.payment-plan-tag{background:var(--sidebar-accent)!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}.cuspro-left-col,.cuspro-right-col{display:flex;flex-direction:column;gap:1.5rem}.cuspro-progress-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.cuspro-progress-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.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(--bg-surface)}.cuspro-progress-fill{stroke:var(--sidebar-accent);transition:stroke-dashoffset 1.5s 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(--border-light)}.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}.cuspro-stat strong{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.cuspro-stat .solar-amount{color:var(--sidebar-accent)}.cuspro-payment-plan-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cuspro-payment-plan-info .plan-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.cuspro-payment-plan-info .plan-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.cuspro-payment-plan-info .plan-detail{font-size:.8rem;color:var(--text-secondary)}.cuspro-photos-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.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}.cuspro-photos-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem}.cuspro-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.cuspro-photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--bg-surface)}.cuspro-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.cuspro-photo-item:hover img{transform:scale(1.05)}.cuspro-photo-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);color:#fff;font-size:1.5rem}.cuspro-photo-item:hover .cuspro-photo-overlay{opacity:1}.cuspro-photo-item.more-photos{background:var(--bg-surface);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}.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-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-base);width:100%;justify-content:center}.cuspro-view-all-btn:hover{background:var(--bg-highlight);border-color:var(--sidebar-accent);color:var(--text-primary)}.cuspro-next-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.cuspro-next-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.cuspro-next-content{margin-bottom:1rem}.cuspro-next-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.cuspro-next-content p{font-size:.9rem;color:var(--text-secondary);margin:0}.cuspro-next-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cuspro-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cuspro-details-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.cuspro-details-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.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}.cuspro-detail-item strong{font-size:.95rem;font-weight:600;color:var(--text-primary)}.cuspro-address p{font-size:.9rem;color:var(--text-secondary);margin:0 0 .15rem;line-height:1.5}.cuspro-engineer{display:flex;align-items:center;gap:1rem}.cuspro-engineer-avatar{width:48px;height:48px;border-radius:50%;background:var(--sidebar-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.cuspro-engineer strong{display:block;font-size:.95rem;color:var(--text-primary)}.cuspro-engineer p{font-size:.8rem;color:var(--text-secondary);margin:.1rem 0 0;display:flex;align-items:center;gap:.3rem}.engineer-email .email-icon,.engineer-phone .phone-icon{font-size:.7rem}.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)}.cuspro-engineer-placeholder p{font-size:.85rem;color:var(--text-muted);margin:.1rem 0 0}.cuspro-tab-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:0}.cuspro-tab{padding:.7rem 1.5rem;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);position:relative;border-radius:var(--radius-md) var(--radius-md) 0 0}.cuspro-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.cuspro-tab.active{color:var(--sidebar-accent);font-weight:600}.cuspro-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--sidebar-accent);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-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.cuspro-overview-card h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.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(--border-light);flex-shrink:0}.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}.cuspro-timeline-mini-item small{font-size:.75rem;color:var(--text-muted)}.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(--border-light)}.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)}.cuspro-payment-mini-item strong{font-size:.95rem;font-weight:600;color:var(--text-primary)}.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:#d1fae5;color:#065f46}.cuspro-payment-mini-status.pending{background:#f1f5f9;color:#64748b}.cuspro-payment-mini-status.for_verification{background:#fef3c7;color:#92400e}.cuspro-payment-mini-status.overdue{background:#fee2e2;color:#991b1b}.cuspro-timeline-full{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.cuspro-timeline-full-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.cuspro-timeline-full-item:last-child{border-bottom:none}.cuspro-timeline-marker{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.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}.cuspro-timeline-date{font-size:.85rem;color:var(--text-muted)}.cuspro-payments-full{display:flex;flex-direction:column;gap:1rem}.cuspro-payment-full-item{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.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}.cuspro-payment-full-header p{font-size:.85rem;color:var(--text-secondary);margin:0}.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:#d1fae5;color:#065f46}.cuspro-payment-full-status.pending{background:#f1f5f9;color:#64748b}.cuspro-payment-full-status.for_verification{background:#fef3c7;color:#92400e}.cuspro-payment-full-status.overdue{background:#fee2e2;color:#991b1b}.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)}.cuspro-payment-full-amount span{font-size:.8rem;color:var(--text-muted)}.cuspro-btn-pay{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--sidebar-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.cuspro-btn-pay:hover{background:var(--sidebar-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuspro-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:var(--sidebar-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.cuspro-btn-primary:hover:not(:disabled){background:var(--sidebar-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.cuspro-photo-modal-overlay{position:fixed;inset:0;background:#000000d9;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(--bg-elevated);border-radius:var(--radius-lg);overflow:hidden;animation:scaleIn .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:#00000080;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all var(--transition-base);z-index:10;display:flex;align-items:center;justify-content:center}.cuspro-photo-modal-close:hover{background:#000c;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:#00000080;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.cuspro-photo-nav:hover:not(:disabled){background:#000c}.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-elevated);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.5rem}.cuspro-photo-counter{font-size:.85rem;color:var(--text-secondary)}.cuspro-photo-download{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-base)}.cuspro-photo-download:hover{background:var(--bg-highlight);border-color:var(--sidebar-accent);color:var(--text-primary)}.cuspro-empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:2px dashed var(--border-light);text-align:center;min-height:400px}.cuspro-empty-icon{font-size:4rem;color:var(--text-muted);margin-bottom:1rem}.cuspro-empty-state-card h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.cuspro-empty-state-card p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.cuspro-empty-text{font-size:.95rem;color:var(--text-secondary);text-align:center;padding:1rem}.skeleton-card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1.5rem}.skeleton-line{background:var(--bg-surface);border-radius:var(--radius-sm);animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-highlight) 50%,var(--bg-surface) 75%);background-size:200% 100%;margin-bottom:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line.large{height:28px;width:80%}.skeleton-line.medium{height:18px;width:60%}.skeleton-line.small{height:14px;width:40%}.skeleton-details{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.skeleton-chip{height:28px;width:80px;border-radius:20px;background:var(--bg-surface);animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-highlight) 50%,var(--bg-surface) 75%);background-size:200% 100%}@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 .875rem}.cuspro-hero-card{padding:1rem 1.25rem;border-radius:var(--radius-md)}.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-payment-plan-info .plan-name{font-size:.8rem}.cuspro-payment-plan-info .plan-detail{font-size:.7rem}.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:var(--radius-md)}.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-empty-state-card{padding:2rem 1.5rem;min-height:300px}.cuspro-empty-state-card h2{font-size:1.25rem}.cuspro-empty-state-card p{font-size:.9rem}.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}}@media(max-width:480px){.cuspro-page{padding-inline:12px}.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{font-size:.85rem;padding:.5rem 2rem .5rem .75rem;background-position:right .75rem center;background-size:10px}.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}.cuspro-stat{flex-direction:row;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--border-light)}.cuspro-stat:last-child{border-bottom:none}.cuspro-stat span{font-size:.7rem}.cuspro-stat strong{font-size:.95rem}.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{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-empty-state-card{padding:1.5rem 1rem;min-height:250px}.cuspro-empty-icon{font-size:3rem}.cuspro-empty-state-card h2{font-size:1.1rem}.cuspro-empty-state-card p{font-size:.85rem}.cuspro-empty-state-card .cuspro-btn-primary{font-size:.85rem;padding:.5rem 1.5rem;width:100%;justify-content:center}.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-btn-primary{font-size:.85rem;padding:.5rem 1rem}}@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}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cuspro-hero-card: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}.skeleton-line,.skeleton-chip{animation:none!important;background:var(--bg-surface)!important}.cuspro-btn-primary:hover,.cuspro-btn-pay: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}}.billing-customer-root{--primary-blue: #2563eb;--primary-blue-light: #dbeafe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-600: #4b5563;--gray-700: #334155;--gray-900: #0f172a;--card-shadow: 0 1px 3px rgba(0,0,0,.05);--border-radius: 12px}.billing-customer-container{padding:24px 32px;background-color:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900)}.billing-customer-paynow-btn,.billing-customer-confirm-btn,.billing-customer-paymongo-btn,.billing-customer-submit-transfer-btn,.billing-customer-success-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #2563eb59;letter-spacing:.3px;text-transform:uppercase;position:relative;overflow:hidden;min-width:100px;white-space:nowrap}.billing-customer-paynow-btn:before,.billing-customer-confirm-btn:before,.billing-customer-paymongo-btn:before,.billing-customer-submit-transfer-btn:before,.billing-customer-success-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.billing-customer-paynow-btn:hover:not(:disabled):before,.billing-customer-confirm-btn:hover:not(:disabled):before,.billing-customer-paymongo-btn:hover:not(:disabled):before,.billing-customer-submit-transfer-btn:hover:not(:disabled):before,.billing-customer-success-btn:hover:not(:disabled):before{left:100%}.billing-customer-paynow-btn:hover:not(:disabled),.billing-customer-confirm-btn:hover:not(:disabled),.billing-customer-paymongo-btn:hover:not(:disabled),.billing-customer-submit-transfer-btn:hover:not(:disabled),.billing-customer-success-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb73}.billing-customer-paynow-btn:active:not(:disabled),.billing-customer-confirm-btn:active:not(:disabled),.billing-customer-paymongo-btn:active:not(:disabled),.billing-customer-submit-transfer-btn:active:not(:disabled),.billing-customer-success-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #2563eb4d}.billing-customer-paynow-btn:disabled,.billing-customer-confirm-btn:disabled,.billing-customer-paymongo-btn:disabled,.billing-customer-submit-transfer-btn:disabled,.billing-customer-success-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.7}.billing-customer-paynow-btn:disabled:before,.billing-customer-confirm-btn:disabled:before,.billing-customer-paymongo-btn:disabled:before,.billing-customer-submit-transfer-btn:disabled:before,.billing-customer-success-btn:disabled:before{display:none}.billing-customer-paynow-btn.disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.7}.billing-customer-paynow-btn.disabled:before{display:none}.billing-customer-paymongo-btn,.billing-customer-submit-transfer-btn{width:100%}.billing-customer-success-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 14px #10b98159!important}.billing-customer-success-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 25px #10b98173!important}.billing-customer-cancel-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.3px;min-width:100px;white-space:nowrap}.billing-customer-cancel-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.billing-customer-cancel-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.billing-customer-processing-spinner-circle{width:56px;height:56px;border:5px solid #e2e8f0;border-top:5px solid #2563eb;border-right:5px solid #2563eb;border-radius:50%;animation:billing-customer-processing-spin .8s cubic-bezier(.6,0,.4,1) infinite;margin:0 auto 20px;box-sizing:border-box}@keyframes billing-customer-processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-customer-success-page-content{padding:40px 20px;display:flex;align-items:center;justify-content:center;min-height:70vh;color:var(--gray-900);border-radius:12px}.billing-customer-success-page-content .billing-customer-success-page-card{background:#fff;border-radius:24px;padding:48px 40px 40px;max-width:520px;width:100%;box-shadow:0 20px 60px #2563eb26,0 8px 24px #0000000d;text-align:center;border:1px solid rgba(37,99,235,.08);position:relative;overflow:hidden}.billing-customer-success-page-content .billing-customer-success-page-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa)}.billing-customer-success-page-content .billing-customer-success-page-icon{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;box-shadow:0 8px 24px #10b9814d}.billing-customer-success-page-content .billing-customer-success-page-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid rgba(16,185,129,.2);animation:billing-customer-success-page-pulse 2s ease-in-out infinite}.billing-customer-success-page-content .billing-customer-success-page-checkmark{font-size:36px;color:#fff;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.billing-customer-success-page-content .billing-customer-success-page-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.billing-customer-success-page-content .billing-customer-success-page-details{padding:18px 0 22px;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin:6px 0 24px}.billing-customer-success-page-content .billing-customer-success-page-subtitle{font-size:17px;font-weight:600;color:#1e293b;margin:0 0 6px}.billing-customer-success-page-content .billing-customer-success-page-message{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 14px}.billing-customer-success-page-content .billing-customer-success-page-reference{display:flex;align-items:center;justify-content:center;gap:8px;background:#f8fafc;padding:10px 18px;border-radius:10px;border:1px solid #e2e8f0;flex-wrap:wrap}.billing-customer-success-page-content .billing-customer-success-page-ref-label{font-size:13px;font-weight:500;color:#64748b}.billing-customer-success-page-content .billing-customer-success-page-ref-value{font-size:14px;font-weight:600;color:#0f172a;font-family:Courier New,monospace;letter-spacing:.5px}.billing-customer-success-page-content .billing-customer-success-page-actions{display:flex;flex-direction:column;gap:12px}.billing-customer-success-page-content .billing-customer-success-page-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb40;text-decoration:none;width:100%;text-transform:uppercase;letter-spacing:.3px}.billing-customer-success-page-content .billing-customer-success-page-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.billing-customer-success-page-content .billing-customer-success-page-btn:active{transform:translateY(0)}@keyframes billing-customer-success-page-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:0}to{transform:scale(1);opacity:0}}.billing-customer-tabs{display:flex;gap:0px;border-bottom:1px solid var(--gray-200);margin-bottom:20px}.billing-customer-tab-btn{background:transparent;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:8px}.billing-customer-tab-btn:hover{color:var(--primary-blue)}.billing-customer-tab-btn.active{color:var(--primary-blue);font-weight:600}.billing-customer-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background-color:var(--primary-blue)}.billing-customer-tab-badge{background-color:var(--gray-100);color:var(--gray-500);font-size:11px;font-weight:600;padding:2px 10px;border-radius:50px}.billing-customer-tab-btn.active .billing-customer-tab-badge{background-color:var(--primary-blue-light);color:var(--primary-blue)}.billing-customer-filters{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.billing-customer-filter-group{position:relative}.billing-customer-filter-group select{appearance:none;padding:10px 36px 10px 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;cursor:pointer;transition:border-color .2s;min-width:140px}.billing-customer-filter-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.billing-customer-search-group{flex:1;min-width:250px;position:relative;max-width:450px}.billing-customer-search-group input{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:border-color .2s}.billing-customer-search-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.billing-customer-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-500);font-size:16px;cursor:pointer;padding:0}.billing-customer-clear-filters-btn{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.billing-customer-clear-filters-btn:hover{background:var(--gray-200)}.billing-customer-results-count{margin-bottom:16px;color:var(--gray-500);font-size:14px}.billing-customer-table-container{background:#fff;border:1px solid var(--gray-200);border-radius:0;overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:24px}.billing-customer-table-wrapper{overflow-x:auto}.billing-customer-table{width:100%;border-collapse:collapse;font-size:14px}.billing-customer-table thead{background:var(--primary-blue);border-bottom:1px solid var(--gray-200);border-radius:0}.billing-customer-table th{text-align:left;padding:14px 18px;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.billing-customer-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background-color .15s ease}.billing-customer-table tbody tr:last-child{border-bottom:none}.billing-customer-table tbody tr:hover{background-color:var(--gray-50)}.billing-customer-table tbody tr:nth-child(2n){background-color:#fafbfc}.billing-customer-table tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.billing-customer-table td{padding:14px 18px;color:var(--gray-700);vertical-align:middle}.billing-customer-transaction-cell .billing-customer-transaction-name{font-weight:500;color:var(--gray-900)}.billing-customer-invoice-type-label{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--gray-100);color:var(--gray-500)}.billing-customer-invoice-type-label.initial{color:#1e40af}.billing-customer-invoice-type-label.progress{color:#92400e}.billing-customer-invoice-type-label.final{color:#065f46}.billing-customer-invoice-type-label.retention{background:#fce4ec;color:#c62828}.billing-customer-invoice-type-label.full{background:#e0e7ff;color:#3730a3}.billing-customer-reference-cell .billing-customer-ref-id{font-weight:500;color:var(--gray-900)}.billing-customer-amount-cell .billing-customer-amount-main{font-weight:600;color:var(--gray-900)}.billing-customer-amount-cell .billing-customer-amount-balance{display:block;font-size:12px;color:var(--gray-500);margin-top:2px}.billing-customer-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.billing-customer-dropdown-menu-container{position:relative;display:inline-block}.billing-customer-dropdown-trigger-btn{padding:6px 14px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.billing-customer-dropdown-trigger-btn:hover{background:var(--gray-200);color:var(--gray-900)}.billing-customer-dropdown-menu{position:fixed;min-width:170px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 8px 16px #00000014;padding:6px 0;overflow:hidden;z-index:999}.billing-customer-dropdown-item{display:flex;align-items:center;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:background-color .15s ease;text-align:left}.billing-customer-dropdown-item:hover:not(.disabled):not(.verifying){background:var(--gray-50)}.billing-customer-dropdown-item.disabled{color:var(--gray-300);cursor:default}.billing-customer-dropdown-item.verifying{color:var(--gray-500);cursor:default}.billing-customer-mobile-cards{display:none;flex-direction:column;gap:12px;margin-bottom:24px}.billing-customer-empty-state{text-align:center;padding:48px 20px;color:var(--gray-500);background:#fff;border:1px dashed var(--gray-200);border-radius:12px}.billing-customer-empty-state h3{font-size:18px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.billing-customer-empty-state p{font-size:14px;color:var(--gray-500);margin:0}.billing-customer-mobile-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--card-shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.billing-customer-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--gray-100);padding-bottom:12px}.billing-customer-mobile-card-title .billing-customer-ref-id{font-weight:600;color:var(--gray-900)}.billing-customer-mobile-card-title .billing-customer-ref-project{display:block;font-size:13px;color:var(--gray-500);margin-top:2px}.billing-customer-mobile-card-status{flex-shrink:0}.billing-customer-mobile-card-body{display:flex;flex-direction:column;gap:8px}.billing-customer-mobile-card-item{display:flex;justify-content:space-between;align-items:center}.billing-customer-mobile-card-item .billing-customer-label{font-size:13px;color:var(--gray-500);font-weight:500}.billing-customer-mobile-card-item .billing-customer-value{font-size:14px;color:var(--gray-700);text-align:right}.billing-customer-mobile-card-item .billing-customer-value .billing-customer-amount-main{font-weight:600;color:var(--gray-900)}.billing-customer-mobile-card-item .billing-customer-value .billing-customer-amount-balance{display:block;font-size:12px;color:var(--gray-500)}.billing-customer-mobile-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-100);padding-top:12px}.billing-customer-transaction-info .billing-customer-transaction-name{font-size:13px;font-weight:500;color:var(--gray-900)}.billing-customer-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;padding:20px;box-sizing:border-box}.billing-customer-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden}.billing-customer-modal-scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px}.billing-customer-modal-scroll-content::-webkit-scrollbar{width:4px}.billing-customer-modal-scroll-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.billing-customer-modal-scroll-content::-webkit-scrollbar-track{background:transparent}.billing-customer-modal-close{position:sticky;top:12px;right:12px;float:right;background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;margin:0 0 0 auto}.billing-customer-modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.billing-customer-modal h3{margin:0;padding:16px 56px 16px 24px;border-bottom:1px solid var(--gray-200);font-size:18px;font-weight:600;color:var(--gray-900);flex-shrink:0;position:relative;z-index:1}.billing-customer-modal-body{padding:0}.billing-customer-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-200);flex-shrink:0;background:#fff;border-radius:0 0 12px 12px;margin-top:16px}.billing-customer-modal-actions button{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .25s cubic-bezier(.4,0,.2,1)}.billing-customer-modal-actions .billing-customer-cancel-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.billing-customer-modal-actions .billing-customer-cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.billing-customer-payment-modal .billing-customer-payment-summary{margin-bottom:16px;background:var(--gray-50);border-radius:8px;padding:12px 16px;flex-shrink:0}.billing-customer-payment-modal .billing-customer-payment-summary p{margin:4px 0;font-size:14px;color:var(--gray-700)}.billing-customer-payment-modal .billing-customer-payment-summary p strong{color:var(--gray-900)}.billing-customer-payment-methods{padding:0;margin-bottom:16px;flex-shrink:0}.billing-customer-payment-methods h4{font-size:14px;font-weight:600;color:var(--gray-700);margin:0 0 12px}.billing-customer-method-options{display:flex;flex-direction:column;gap:8px}.billing-customer-method-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease}.billing-customer-method-option:hover{background:var(--gray-50)}.billing-customer-method-option.selected{border-color:var(--primary-blue);background:var(--primary-blue-light)}.billing-customer-method-option input[type=radio]{accent-color:var(--primary-blue);width:16px;height:16px;margin:0}.billing-customer-method-option div strong{display:block;font-size:14px;color:var(--gray-900)}.billing-customer-method-option div small{font-size:12px;color:var(--gray-500)}.billing-customer-payment-form{padding:0}.billing-customer-payment-form .billing-customer-form-group{margin-bottom:16px}.billing-customer-payment-form .billing-customer-form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.billing-customer-payment-form .billing-customer-form-group input,.billing-customer-payment-form .billing-customer-form-group select,.billing-customer-payment-form .billing-customer-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.billing-customer-payment-form .billing-customer-form-group input:focus,.billing-customer-payment-form .billing-customer-form-group select:focus,.billing-customer-payment-form .billing-customer-form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.billing-customer-payment-form .billing-customer-form-group input::placeholder,.billing-customer-payment-form .billing-customer-form-group textarea::placeholder{color:var(--gray-400)}.billing-customer-payment-form .billing-customer-form-group textarea{resize:vertical;min-height:60px}.billing-customer-payment-form .billing-customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.billing-customer-gcash-details,.billing-customer-cash-details{background:var(--gray-50);padding:12px 16px;border-radius:8px;border:1px solid var(--gray-200);margin-bottom:16px}.billing-customer-gcash-details h4,.billing-customer-cash-details h4{font-size:14px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.billing-customer-gcash-details p,.billing-customer-cash-details p{font-size:14px;color:var(--gray-700);margin:2px 0}.billing-customer-info-box{background:var(--gray-50);padding:12px 16px;border-radius:8px;border:1px solid var(--gray-200)}.billing-customer-info-box strong{display:block;font-size:14px;color:var(--gray-700);margin-bottom:4px}.billing-customer-info-box p{font-size:14px;color:var(--gray-500);margin:2px 0}.billing-customer-payment-form .billing-customer-confirm-btn,.billing-customer-payment-form .billing-customer-paymongo-btn{width:100%;padding:12px;margin-top:8px;font-size:15px;border-radius:6px}.billing-customer-manual-bank-transfer-section{padding:0}.billing-customer-bank-transfer-info h4{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 6px}.billing-customer-bank-transfer-info>p{font-size:14px;color:var(--gray-500);margin:0 0 16px}.billing-customer-bank-transfer-notice{background:#fffbeb;padding:14px 16px;border-radius:8px;border:1px solid #FDE68A;margin-bottom:16px}.billing-customer-bank-transfer-notice small{font-size:13px;color:#92400e;line-height:1.6}.billing-customer-bank-transfer-notice ul{margin:6px 0 0;padding-left:20px}.billing-customer-bank-transfer-notice li{margin:3px 0}.billing-customer-invoice-summary-box{background:var(--gray-50);padding:14px 16px;border-radius:8px;border:1px solid var(--gray-200);margin-bottom:16px}.billing-customer-summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.billing-customer-summary-row:last-child{border-bottom:none}.billing-customer-summary-row .billing-customer-amount-due{color:var(--gray-900);font-weight:600;font-size:15px}.billing-customer-bank-selection-group{margin-bottom:16px}.billing-customer-bank-selection-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:10px}.billing-customer-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.billing-customer-bank-card{padding:12px 14px;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.billing-customer-bank-card:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px)}.billing-customer-bank-card.selected{border-color:var(--primary-blue);background:var(--primary-blue-light);box-shadow:0 0 0 3px #2563eb1a}.billing-customer-bank-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.billing-customer-bank-card-header .billing-customer-bank-name{font-weight:600;color:var(--gray-900);font-size:14px}.billing-customer-bank-card-header .billing-customer-check-indicator{color:var(--primary-blue);font-weight:700;font-size:16px}.billing-customer-bank-card-details .billing-customer-detail-item{font-size:12px;color:var(--gray-500);padding:2px 0}.billing-customer-bank-card-details .billing-customer-detail-item strong{color:var(--gray-700);display:block;font-size:13px;margin-top:1px}.billing-customer-transfer-form{margin-top:12px;padding-top:16px;border-top:1px solid var(--gray-200)}.billing-customer-transfer-form h5{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 16px}.billing-customer-transfer-form .billing-customer-form-group{margin-bottom:16px}.billing-customer-transfer-form .billing-customer-form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.billing-customer-transfer-form .billing-customer-form-group input,.billing-customer-transfer-form .billing-customer-form-group select,.billing-customer-transfer-form .billing-customer-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:#fff;color:var(--gray-900);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.billing-customer-transfer-form .billing-customer-form-group input:focus,.billing-customer-transfer-form .billing-customer-form-group select:focus,.billing-customer-transfer-form .billing-customer-form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.billing-customer-transfer-form .billing-customer-form-group textarea{resize:vertical;min-height:60px}.billing-customer-transfer-form .billing-customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.billing-customer-transfer-form .billing-customer-file-upload-area{position:relative;padding:20px 16px;border:2px dashed var(--gray-300);border-radius:8px;background:var(--gray-50);text-align:center;cursor:pointer;transition:all .2s ease}.billing-customer-transfer-form .billing-customer-file-upload-area:hover{border-color:var(--primary-blue);background:var(--primary-blue-light)}.billing-customer-transfer-form .billing-customer-file-upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.billing-customer-transfer-form .billing-customer-file-upload-area .billing-customer-file-name{display:block;font-size:13px;color:var(--gray-700);margin-top:8px;font-weight:500}.billing-customer-transfer-form .billing-customer-file-upload-area .upload-icon{font-size:24px;color:var(--gray-400);display:block;margin-bottom:4px}.billing-customer-transfer-form .billing-customer-file-upload-area small{display:block;font-size:12px;color:var(--gray-500);margin-top:4px}.billing-customer-submit-transfer-btn{width:100%;padding:14px;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;margin-top:12px;text-transform:uppercase;letter-spacing:.3px}.billing-customer-submit-transfer-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.billing-customer-submit-transfer-btn:disabled{opacity:.6;cursor:default;transform:none}.billing-customer-details-modal .billing-customer-details-content{padding:0}.billing-customer-details-section{margin-bottom:20px}.billing-customer-details-section:last-child{margin-bottom:0}.billing-customer-details-section h4{font-size:14px;font-weight:600;color:var(--gray-500);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.billing-customer-details-section p{margin:4px 0;font-size:14px;color:var(--gray-700)}.billing-customer-details-section p strong{color:var(--gray-900);font-weight:600}.billing-customer-skeleton-header{height:40px;width:200px;background:var(--gray-200);border-radius:6px;margin-bottom:16px}.billing-customer-skeleton-tabs,.billing-customer-skeleton-filters{height:40px;width:100%;background:var(--gray-200);border-radius:6px;margin-bottom:16px}.billing-customer-skeleton-table{height:400px;width:100%;background:var(--gray-200);border-radius:6px}@keyframes shimmer-quotation{0%{background-position:-200px 0}to{background-position:200px 0}}.billing-customer-skeleton-header,.billing-customer-skeleton-tabs,.billing-customer-skeleton-filters,.billing-customer-skeleton-table{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer-quotation 1.5s infinite}.billing-customer-status-text{font-size:13px;color:#94a3b8;font-weight:500;text-transform:capitalize}@media(max-width:1024px){.billing-customer-bank-grid,.billing-customer-transfer-form .billing-customer-form-row,.billing-customer-payment-form .billing-customer-form-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.billing-customer-container{padding:16px}.billing-customer-tabs{flex-wrap:wrap;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.billing-customer-tab-btn{flex:1;justify-content:center;font-size:13px;padding:10px 14px;min-width:auto}.billing-customer-filters{flex-direction:column;align-items:stretch}.billing-customer-search-group{max-width:100%}.billing-customer-table-container{display:none}.billing-customer-mobile-cards{display:flex}.billing-customer-success-page-content{padding:20px 12px;min-height:50vh}.billing-customer-success-page-content .billing-customer-success-page-card{padding:32px 20px 28px}.billing-customer-success-page-content .billing-customer-success-page-icon{width:60px;height:60px}.billing-customer-success-page-content .billing-customer-success-page-checkmark{font-size:30px}.billing-customer-success-page-content .billing-customer-success-page-title{font-size:20px}.billing-customer-success-page-content .billing-customer-success-page-subtitle{font-size:15px}.billing-customer-success-page-content .billing-customer-success-page-reference{flex-direction:column;gap:4px}.billing-customer-success-page-content .billing-customer-success-page-btn{padding:12px 20px;font-size:14px}.billing-customer-processing-modal{padding:32px 24px}.billing-customer-processing-spinner-circle{width:44px;height:44px;border-width:4px}.billing-customer-processing-message{font-size:16px}.billing-customer-paynow-btn,.billing-customer-confirm-btn,.billing-customer-paymongo-btn,.billing-customer-submit-transfer-btn,.billing-customer-success-btn,.billing-customer-cancel-btn{padding:8px 16px;font-size:12px;min-width:80px}.billing-customer-payment-form .billing-customer-confirm-btn,.billing-customer-payment-form .billing-customer-paymongo-btn{padding:12px;font-size:14px}.billing-customer-modal-actions button{padding:12px 20px;font-size:13px}.billing-customer-modal-overlay{padding:10px;align-items:flex-end}.billing-customer-modal{max-height:95vh;width:100%;border-radius:16px 16px 0 0;margin-bottom:0}.billing-customer-modal-scroll-content{max-height:calc(95vh - 60px);padding:16px 20px}.billing-customer-modal h3{font-size:16px;padding:14px 52px 14px 20px}.billing-customer-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px;margin:0 0 0 auto}.billing-customer-modal-actions{flex-direction:column-reverse;padding:12px 20px;margin-top:12px}.billing-customer-modal-actions button{width:100%;justify-content:center;padding:12px}.billing-customer-method-options{flex-direction:row;flex-wrap:wrap}.billing-customer-method-option{flex:1;min-width:100px;flex-direction:column;text-align:center;padding:12px}.billing-customer-method-option input[type=radio]{margin-bottom:4px}.billing-customer-bank-grid{grid-template-columns:1fr 1fr;gap:8px}.billing-customer-bank-card{padding:10px 12px}.billing-customer-bank-card-details .billing-customer-detail-item{font-size:12px}.billing-customer-transfer-form .billing-customer-form-row{grid-template-columns:1fr;gap:0}.billing-customer-transfer-form .billing-customer-form-group{margin-bottom:14px}.billing-customer-payment-form .billing-customer-form-row{grid-template-columns:1fr;gap:0}.billing-customer-payment-form .billing-customer-form-group{margin-bottom:14px}.billing-customer-payment-form{padding:0}.billing-customer-payment-methods{padding:0;margin-bottom:12px}.billing-customer-payment-modal .billing-customer-payment-summary{padding:12px 16px;margin-bottom:12px}.billing-customer-manual-bank-transfer-section{padding:0}.billing-customer-bank-transfer-info>p{font-size:13px}.billing-customer-invoice-summary-box{padding:12px 14px}.billing-customer-summary-row{font-size:13px;padding:4px 0}.billing-customer-transfer-form h5{font-size:14px}.billing-customer-transfer-form .billing-customer-file-upload-area{padding:16px 12px}.billing-customer-transfer-form .billing-customer-file-upload-area .upload-icon{font-size:20px}.billing-customer-details-modal .billing-customer-details-content{padding:0}.billing-customer-details-section h4,.billing-customer-details-section p{font-size:13px}}@media(max-width:480px){.billing-customer-container{padding:12px}.billing-customer-tab-btn{font-size:12px;padding:8px 12px}.billing-customer-tab-badge{font-size:10px;padding:1px 8px}.billing-customer-mobile-card{padding:12px}.billing-customer-mobile-card-item .billing-customer-label{font-size:12px}.billing-customer-mobile-card-item .billing-customer-value{font-size:13px}.billing-customer-bank-grid{grid-template-columns:1fr}.billing-customer-modal{max-height:98vh}.billing-customer-modal-scroll-content{max-height:calc(98vh - 50px);padding:12px 16px}.billing-customer-modal-close{top:8px;right:8px;width:24px;height:24px;font-size:14px}.billing-customer-modal h3{font-size:15px;padding:12px 44px 12px 16px}.billing-customer-method-option{min-width:80px;padding:10px 8px;font-size:13px}.billing-customer-transfer-form .billing-customer-file-upload-area{padding:14px 10px}.billing-customer-transfer-form .billing-customer-file-upload-area .upload-icon{font-size:20px}.billing-customer-paynow-btn{padding:6px 12px;font-size:11px;min-width:60px;border-radius:4px}}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}.billing-customer-processing-spinner-circle{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;border:5px solid #e2e8f0;border-top:5px solid #2563eb;border-right:5px solid #2563eb;animation:billing-customer-spin .8s linear infinite;box-sizing:border-box}.billing-customer-processing-message{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px}.billing-customer-processing-submessage{font-size:14px;color:#94a3b8;margin:0}.billing-customer-processing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:billing-customer-processing-fade .3s ease-out}.billing-customer-processing-modal{background:#fff;border-radius:16px;padding:40px 48px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:billing-customer-processing-scale .4s ease-out}.billing-customer-processing-spinner-circle{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;border:5px solid #e2e8f0;border-top:5px solid #2563eb;border-right:5px solid #2563eb;animation:billing-customer-spin .8s linear infinite!important;box-sizing:border-box;display:block}@keyframes billing-customer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes billing-customer-processing-fade{0%{opacity:0}to{opacity:1}}@keyframes billing-customer-processing-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.billing-customer-success-page-content .billing-customer-success-page-card:before{content:none}:root{--primary: #1a56db;--primary-hover: #1e40af;--primary-light: #dbeafe;--primary-subtle: #eff6ff;--success: #059669;--success-light: #d1fae5;--success-subtle: #ecfdf5;--warning: #d97706;--warning-light: #fef3c7;--warning-subtle: #fffbeb;--danger: #dc2626;--danger-light: #fee2e2;--danger-subtle: #fef2f2;--bg-base: #f3f4f6;--bg-card: #ffffff;--bg-surface: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06);--shadow-xl: 0 20px 25px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--blue: #2563EB;--blue-hover: #1D4ED8;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}.cusup-container{margin:0 auto;padding:24px}.cusup-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 20px;border-bottom:1px solid var(--border-light);margin-bottom:28px;flex-wrap:wrap;gap:16px}.cusup-header-content h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.cusup-header-content p{font-size:15px;color:var(--text-secondary);margin:0}.cusup-header-icon{width:56px;height:56px;background:var(--primary-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:28px}.cusup-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:var(--shadow-sm);transition:all .2s}.cusup-section:hover{box-shadow:var(--shadow-md)}.cusup-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.cusup-section-header svg{font-size:20px;color:var(--primary)}.cusup-section-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.cusup-faq-list{display:flex;flex-direction:column;gap:4px}.cusup-faq-item{border-bottom:1px solid var(--border-light)}.cusup-faq-item:last-child{border-bottom:none}.cusup-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;background:none;border:none;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s}.cusup-faq-question:hover{color:var(--primary)}.cusup-faq-question svg{font-size:14px;color:var(--text-muted);flex-shrink:0;margin-left:12px;transition:transform .2s}.cusup-faq-question.open svg{transform:rotate(180deg)}.cusup-faq-answer{padding:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.6}.cusup-contact-form{display:flex;flex-direction:column;gap:16px}.cusup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cusup-form-group{display:flex;flex-direction:column;gap:4px}.cusup-form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.cusup-form-group input,.cusup-form-group textarea,.cusup-form-group select{padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-card);transition:all .2s;font-family:inherit;width:100%}.cusup-form-group input:focus,.cusup-form-group textarea:focus,.cusup-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db14}.cusup-form-group textarea{resize:vertical;min-height:100px}.cusup-submit-btn{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cusup-submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.cusup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cusup-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cusup-info-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .2s}.cusup-info-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.cusup-info-icon{width:48px;height:48px;background:var(--primary-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--primary);font-size:20px}.cusup-info-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.cusup-info-card p{font-size:13px;color:var(--text-secondary);margin:0 0 4px;word-break:break-word}.cusup-info-card small{font-size:12px;color:var(--text-muted)}.cusup-tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.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:8px;padding:8px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cusup-create-ticket-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.cusup-tickets-list{display:flex;flex-direction:column;gap:12px}.cusup-ticket-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 20px;transition:all .2s}.cusup-ticket-card:hover{border-color:var(--border-medium)}.cusup-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px}.cusup-ticket-id{font-size:12px;font-weight:600;color:var(--text-muted);font-family:monospace}.status-badge-support{padding:2px 12px;border-radius:30px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge-support.open{background:var(--warning-subtle);color:var(--warning)}.status-badge-support.in-progress{background:var(--primary-subtle);color:var(--primary)}.status-badge-support.resolved{background:var(--success-subtle);color:var(--success)}.cusup-ticket-subject{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cusup-ticket-description{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.cusup-ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.cusup-ticket-date{font-size:12px;color:var(--text-muted)}.cusup-view-ticket-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.cusup-view-ticket-btn:hover{color:var(--primary)}.cusup-ticket-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.cusup-ticket-messages{display:flex;flex-direction:column;gap:10px}.cusup-message{padding:12px 16px;border-radius:var(--radius-md)}.cusup-message.customer{background:var(--bg-hover)}.cusup-message.support{background:var(--primary-subtle);border-left:3px solid var(--primary)}.cusup-message strong{font-size:12px;color:var(--text-secondary)}.cusup-message p{font-size:14px;color:var(--text-primary);margin:4px 0 0}.cusup-message small{font-size:11px;color:var(--text-muted)}.cusup-section-description{margin-bottom:24px;color:var(--text-secondary);font-size:16px}.cusup-guides-list{display:flex;flex-direction:column;gap:12px}.cusup-guide-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.cusup-guide-card.guide-clickable{cursor:pointer}.cusup-guide-card.guide-clickable:hover{transform:translate(8px);border-color:var(--blue);box-shadow:var(--shadow-md)}.cusup-guide-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#2563eb1a;border-radius:12px;flex-shrink:0;transition:all var(--transition-spring)}.cusup-guide-card:hover .cusup-guide-icon-wrapper{background:#2563eb33;transform:scale(1.05) rotate(-3deg)}.cusup-guide-icon-wrapper svg{font-size:28px;color:var(--blue)}.cusup-guide-info{flex:1}.cusup-guide-info h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.cusup-guide-info p{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.cusup-guide-type{display:inline-block;padding:2px 12px;background:#2563eb1a;color:var(--blue);border-radius:12px;font-size:12px;font-weight:600}.cusup-guide-open-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.cusup-guide-open-btn:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.cusup-guide-open-btn svg{font-size:14px;color:#fff}.cusup-empty-state{text-align:center;padding:40px 20px}.cusup-empty-state .empty-icon{font-size:40px;color:var(--text-light);margin-bottom:12px}.cusup-empty-state h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.cusup-empty-state p{font-size:14px;color:var(--text-secondary);margin:0}.cusup-modal-overlay{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;animation:fadeIn .25s ease}.cusup-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.cusup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.cusup-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.cusup-modal-close{width:32px;height:32px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.cusup-modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.cusup-modal-body{padding:20px 24px}.cusup-modal-body .cusup-form-group{margin-bottom:16px}.cusup-modal-body .cusup-form-group:last-child{margin-bottom:0}.cusup-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid var(--border-light)}.cusup-cancel-btn{padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cusup-cancel-btn:hover{background:var(--bg-hover)}.cusup-submit-ticket-btn{padding:10px 24px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.cusup-submit-ticket-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.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-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cusup-container{padding:16px}.cusup-header{flex-direction:column;align-items:flex-start}.cusup-section{padding:16px 18px}.cusup-form-row{grid-template-columns:1fr;gap:12px}.cusup-info-grid{grid-template-columns:1fr}.cusup-tickets-header,.cusup-ticket-header{flex-direction:column;align-items:flex-start}.cusup-modal{margin:12px}.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-guide-card{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.cusup-guide-icon-wrapper{width:48px;height:48px}.cusup-guide-icon-wrapper svg{font-size:22px}.cusup-guide-open-btn{width:100%;justify-content:center}}@media(max-width:480px){.cusup-header-content h1{font-size:22px}.cusup-info-card{padding:16px}.cusup-guide-card{padding:12px}.cusup-ticket-card{padding:12px 16px}}:root{--primary: #1a56db;--primary-hover: #1e40af;--primary-light: #dbeafe;--primary-subtle: #eff6ff;--success: #059669;--success-light: #d1fae5;--success-subtle: #ecfdf5;--warning: #d97706;--warning-light: #fef3c7;--warning-subtle: #fffbeb;--danger: #dc2626;--danger-light: #fee2e2;--danger-subtle: #fef2f2;--bg-base: #f3f4f6;--bg-card: #ffffff;--bg-surface: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06);--shadow-xl: 0 20px 25px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px}.cuset-page{margin:0 auto;padding:24px}.cuset-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 20px;border-bottom:1px solid var(--border-light);margin-bottom:28px;flex-wrap:wrap;gap:16px}.cuset-header-content h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.cuset-header-content p{font-size:15px;color:var(--text-secondary);margin:0}.cuset-profile-page{display:flex;flex-direction:column;gap:24px}.cuset-profile-summary{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:28px 32px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow-sm);transition:all .2s}.cuset-profile-summary:hover{box-shadow:var(--shadow-md)}.profile-avatar-large{flex-shrink:0}.profile-avatar-large svg{font-size:80px;color:var(--primary);background:var(--primary-subtle);border-radius:50%;padding:8px}.profile-info{flex:1}.profile-info h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-email-text{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.profile-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.meta-item svg{font-size:14px}.profile-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:30px;font-size:12px;font-weight:600}.status-badge.verified{background:var(--success-subtle);color:var(--success)}.status-badge.pending{background:var(--warning-subtle);color:var(--warning)}.cuset-form-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:var(--shadow-sm);transition:all .2s}.cuset-form-card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.card-header h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.card-header h3 svg{color:var(--primary)}.profile-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.form-group label svg{font-size:14px;color:var(--text-muted)}.form-group input,.form-group select{width:100%;padding:10px 12px;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}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db14}.form-group input.readonly{background:var(--bg-surface);color:var(--text-muted);cursor:not-allowed}.form-group small{font-size:12px;color:var(--text-muted)}.cuset-addresses-page{display:flex;flex-direction:column}.cuset-addresses-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:var(--shadow-sm);transition:all .2s}.cuset-addresses-card:hover{box-shadow:var(--shadow-md)}.save-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.save-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.add-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.empty-state{text-align:center;padding:40px 20px}.empty-state .empty-icon{font-size:48px;color:var(--text-light);margin-bottom:12px}.empty-state h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.add-first-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.add-first-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.addresses-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.address-card-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;position:relative;transition:all .2s;display:flex;flex-direction:column;height:100%;min-height:200px}.address-card-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.address-card-item.primary{border-color:var(--primary);background:var(--primary-subtle)}.primary-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--primary);color:#fff;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:8px;align-self:flex-start}.address-label{margin-bottom:8px}.label-badge{display:inline-block;padding:2px 10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;font-size:11px;font-weight:500;color:var(--text-secondary)}.address-details{flex:1;margin-bottom:12px}.address-details p{font-size:13px;color:var(--text-secondary);margin:2px 0}.address-details p:last-child{font-weight:500;color:var(--text-primary)}.address-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border-light);margin-top:auto;min-height:36px;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn.primary-btn{background:var(--primary-subtle);color:var(--primary)}.action-btn.primary-btn:hover{background:var(--primary-light)}.action-btn.edit-btn{background:var(--bg-hover);color:var(--text-secondary)}.action-btn.edit-btn:hover{background:var(--border-light)}.action-btn.delete-btn{background:var(--danger-subtle);color:var(--danger)}.action-btn.delete-btn:hover{background:var(--danger-light)}.modal-overlay{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;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.modal-form{padding:20px 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid var(--border-light)}.modal-actions .cancel-btn{padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-actions .cancel-btn:hover{background:var(--bg-hover)}.modal-actions .save-btn{padding:10px 24px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.modal-actions .save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db40}.modal-actions .save-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox-group{display:flex;align-items:center;height:100%}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.form-group input.error{border-color:var(--danger)}.error-text{color:var(--danger);font-size:12px}.confirm-modal{max-width:420px}.confirm-body{padding:20px 24px}.confirm-body p{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.address-preview{background:var(--bg-surface);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;color:var(--text-primary);margin-bottom:16px;border:1px solid var(--border-light)}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-actions .cancel-btn{padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.confirm-actions .cancel-btn:hover{background:var(--bg-hover)}.confirm-actions .delete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--danger);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.confirm-actions .delete-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.cuset-empty{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.cuset-empty .empty-icon{font-size:48px;color:var(--text-light);margin-bottom:16px}.cuset-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.cuset-empty p{font-size:14px;color:var(--text-secondary);margin:0}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px}.skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-line.large{height:28px;width:60%;margin-bottom:8px}.skeleton-line.medium{height:16px;width:40%}.skeleton-input{height:40px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.cuset-page{padding:16px}.cuset-header{flex-direction:column;align-items:flex-start}.cuset-profile-summary{flex-direction:column;text-align:center;padding:20px}.profile-avatar-large svg{font-size:60px}.profile-meta,.profile-status{justify-content:center}.form-row,.addresses-grid{grid-template-columns:1fr}.cuset-form-card,.cuset-addresses-card{padding:16px 18px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.modal-content{max-width:100%;margin:16px}.modal-actions{flex-direction:column}.modal-actions .cancel-btn,.modal-actions .save-btn{width:100%;justify-content:center}.confirm-actions{flex-direction:column}.confirm-actions .cancel-btn,.confirm-actions .delete-btn{width:100%;justify-content:center}.address-card-item{min-height:160px}}@media(max-width:480px){.cuset-header-content h1{font-size:22px}.profile-info h2{font-size:18px}.address-card-item{padding:12px}.modal-form,.modal-header{padding:16px}.address-actions{flex-wrap:wrap}.action-btn{font-size:11px;padding:3px 10px}}.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}