*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:-.02em}.h1,h1{letter-spacing:-.03em}.h1,.h2,h1,h2{font-weight:700}.h2,h2{letter-spacing:-.02em}.h3,h3{letter-spacing:-.01em}.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,[data-theme=light]{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-light:#a5b4fc;--secondary-color:#22c55e;--secondary-dark:#16a34a;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--bg-gray:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--card-bg:#fff;--input-bg:#fff;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 15px #0f172a14;--shadow-lg:0 20px 25px #0f172a1a;--shadow-xl:0 30px 45px #0f172a1f;--gradient-primary:linear-gradient(135deg,#4f46e5,#6366f1);--gradient-secondary:linear-gradient(135deg,#22c55e,#16a34a);--bg-gradient:linear-gradient(135deg,#eef2ff,#f9fafb);--primary-shadow:#4f46e52e}[data-theme=dark]{--primary-color:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--secondary-color:#34d399;--secondary-dark:#10b981;--danger-color:#f87171;--warning-color:#fbbf24;--info-color:#60a5fa;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-gray:#1f2937;--bg-white:#1f2937;--border-color:#374151;--border-light:#4b5563;--card-bg:#1f2937;--input-bg:#111827;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa);--gradient-secondary:linear-gradient(135deg,#34d399,#10b981);--bg-gradient:linear-gradient(135deg,#1f2937,#111827);--primary-shadow:#818cf84d}body{background-color:#f3f4f6;color:#1f2937}.card-title,.page-header p,.section-title,.stat-content p,a,button,div,input,label,li,p,select,span,td,textarea,th{font-family:Poppins,sans-serif}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:#fff;background-color:var(--input-bg);border:1.5px solid var(--border-color);border-radius:10px;color:#1f2937;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:#6b7280;color:var(--text-secondary);opacity:.7}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{background-color:var(--bg-white);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e52e;box-shadow:0 0 0 3px var(--primary-shadow);outline:none}:root{--border-color:var(--border-color);--bg-white:var(--bg-white);--bg-gray:var(--bg-gray)}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);border:none;color:#fff}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);border:none;color:#fff}.btn-secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.card-title{font-size:20px;font-weight:700;margin-bottom:16px}.card-title,body{color:var(--text-primary)}body{background-color:var(--bg-secondary);transition:background-color .3s ease,color .3s ease}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.homepage{flex:1 1}.hero{background:linear-gradient(135deg,#4f46e5,#6366f1 45%,#0ea5e9);color:#fff;padding:96px 0 88px}.hero-inner{align-items:center;display:flex;gap:40px;justify-content:space-between}.hero-copy{max-width:560px}.hero-content h1{font-size:42px;font-weight:700;margin-bottom:16px}.hero-subtitle{font-size:16px;margin-bottom:28px;opacity:.95}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-pill{font-size:12px;letter-spacing:.14em;margin-top:18px;opacity:.85;text-transform:uppercase}.hero-metric-grid{display:flex;gap:16px;margin-top:24px}.hero-metric{background:#0f172a29;border-radius:999px;font-size:12px;padding:10px 14px}.hero-metric span{font-weight:600}.hero-graphic{display:flex;flex:1 1;justify-content:center;min-width:260px}.hero-card{background:#fff;border-radius:24px;box-shadow:0 24px 55px #0f172a59;color:#111827;padding:22px 22px 20px;width:320px}.hero-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.hero-card-title{font-size:14px;font-weight:600}.hero-card-badge{background:#22c55e1f;border-radius:999px;color:#16a34a;font-size:11px;font-weight:600;padding:4px 10px}.hero-card-body{color:#4b5563;display:flex;flex-direction:column;font-size:12px;gap:10px}.contact-section,.how-it-works,.industries-section,.plans-section,.testimonials{padding:72px 0}.plans-section{background:#f9fafb}.section-title{color:var(--text-primary);font-size:30px;margin-bottom:36px;text-align:center}.plans-grid{grid-gap:32px;gap:32px}.plan-card{background:#fff;box-shadow:0 4px 6px #0000001a;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s}.plan-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-8px)}.plan-card h3{color:var(--text-primary);font-size:24px;margin-bottom:16px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:16px}.currency{color:var(--text-secondary);font-size:18px}.amount{color:var(--primary-color);font-size:36px;font-weight:700}.period{color:var(--text-secondary);font-size:16px}.plan-description{margin-bottom:24px}.plan-features{margin-bottom:32px;text-align:left}.cta-section{background:#fff;border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);color:var(--text-primary);text-align:center}.cta-content h2{font-size:28px;margin-bottom:12px}.cta-content p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.industries-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.industry-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);padding:32px;text-align:center;text-decoration:none;transition:all .3s}.industry-card:hover{box-shadow:0 4px 12px #00000026;color:var(--primary-color);transform:translateY(-4px)}.industry-card h3{font-size:20px;margin-bottom:8px}.industry-card p{color:var(--text-secondary);font-size:14px}.how-it-works{background:var(--bg-gray)}.steps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px;text-align:center}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.step h3{color:var(--text-primary);font-size:20px;margin-bottom:12px}.step p{color:var(--text-secondary)}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px}.testimonial-text{color:var(--text-primary);font-size:18px;font-style:italic;margin-bottom:16px}.testimonial-author{color:var(--text-secondary);font-weight:600}.contact-section{background:var(--primary-color);color:#fff;text-align:center}.contact-content h2{font-size:36px;margin-bottom:16px}.contact-content p{font-size:20px;margin-bottom:32px;opacity:.9}.contact-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.hero-content h1{font-size:32px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}.industries-grid,.plans-grid,.steps-grid,.testimonials-grid{grid-template-columns:1fr}}.solutions-page{min-height:80vh;padding:40px 0 80px}.solutions-header{margin-bottom:48px;text-align:center}.solutions-header h1{color:var(--text-primary);font-size:36px;margin-bottom:16px}.solutions-header p{color:var(--text-secondary);font-size:18px}.industry-tabs{border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.tab{text-decoration:none}.industry-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px}.industry-hero{border-bottom:1px solid var(--border-color);margin-bottom:48px;padding-bottom:32px;text-align:center}.industry-hero h2{color:var(--text-primary);font-size:32px;margin-bottom:12px}.industry-hero p{color:var(--text-secondary);font-size:18px}.packages-section,.problems-section,.services-section{margin-bottom:48px}.packages-section h3,.problems-section h3,.services-section h3{color:var(--text-primary);font-size:24px;margin-bottom:24px}.packages-grid,.problems-grid,.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.problem-card{align-items:center;background:var(--bg-gray);border-radius:8px;display:flex;gap:12px;padding:20px}.problem-icon{font-size:24px}.problem-card p{color:var(--text-primary);font-weight:500;margin:0}.service-card{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:24px;text-align:center;transition:all .3s}.service-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.service-icon{display:block;font-size:32px;margin-bottom:12px}.service-card h4{color:var(--text-primary);font-size:18px;margin:0}.package-card{background:var(--bg-gray);border-radius:8px;padding:24px;text-align:center}.package-card h4{color:var(--text-primary);font-size:20px;margin-bottom:12px}.package-card p{color:var(--text-secondary);margin-bottom:20px}.solutions-cta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-top:32px;text-align:center}@media (max-width:768px){.industry-tabs{flex-wrap:nowrap;overflow-x:auto}.packages-grid,.problems-grid,.services-grid{grid-template-columns:1fr}}.service-categories-page{min-height:80vh;padding:40px 0 80px}.categories-header{margin-bottom:48px;text-align:center}.categories-header h1{color:var(--text-primary);font-size:36px;margin-bottom:16px}.categories-header p{color:var(--text-secondary);font-size:18px}.categories-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:32px;text-align:center;transition:all .3s}.category-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-8px)}.category-card h3{color:var(--text-primary);font-size:24px;margin-bottom:16px}.category-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.category-detail{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px}.back-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:600;margin-bottom:24px;padding:8px 0;transition:color .3s}.back-button:hover{color:var(--primary-dark)}.category-detail-content h2{color:var(--text-primary);font-size:32px;margin-bottom:16px}.category-description{color:var(--text-secondary);font-size:18px;line-height:1.6;margin-bottom:32px}.included-services{margin-bottom:32px}.included-services h3{color:var(--text-primary);font-size:24px;margin-bottom:20px}.services-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-item{align-items:center;background:var(--bg-gray);border-radius:8px;display:flex;gap:12px;padding:12px}.service-check{color:var(--secondary-color);font-size:20px;font-weight:700}.service-item span:last-child{color:var(--text-primary);font-weight:500}.category-cta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-top:32px}@media (max-width:768px){.categories-grid,.services-list{grid-template-columns:1fr}}.build-subscription-page{background:var(--bg-secondary);min-height:80vh;padding:32px 0 72px}.builder-header{margin-bottom:48px;text-align:center}.builder-header h1{color:var(--text-primary);font-size:36px;margin-bottom:16px}.builder-header p{color:var(--text-secondary);font-size:18px}.builder-container{background:var(--card-bg);border-radius:24px;box-shadow:var(--shadow-md);margin:0 auto;max-width:960px;padding:40px 40px 32px}.step-indicator{align-items:center;display:flex;justify-content:space-between;margin-bottom:48px;position:relative}.step-indicator-item{align-items:center;display:flex;flex:1 1}.step-circle{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px;z-index:1}.step-circle.active{background:var(--primary-color);color:#fff}.step-circle.current{box-shadow:0 0 0 4px #2563eb33;transform:scale(1.2)}.step-line{background:var(--border-color);flex:1 1;height:2px;margin:0 8px;transition:background .3s}.step-line.active{background:var(--primary-color)}.step-content{margin-bottom:32px;min-height:400px}.step-content h3{color:var(--text-primary);font-size:24px;margin-bottom:24px}.step-note{color:var(--text-secondary);margin-bottom:24px}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-card{background:#fff;border-radius:8px;cursor:pointer;padding:20px;text-align:left;transition:all .3s}.option-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.option-card.selected{background:#2563eb1a;border-color:var(--primary-color)}.option-card h4{font-size:18px}.option-card p{margin:0}.locations-input input{border:2px solid var(--border-color);border-radius:8px;font-size:16px;margin-bottom:16px;padding:12px;width:100%}.selected-items{display:flex;flex-wrap:wrap;gap:8px}.selected-item{align-items:center;background:var(--primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px}.selected-item button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.subcategories-list{display:flex;flex-direction:column;gap:24px}.subcategory-group h4{color:var(--text-primary);font-size:18px;margin-bottom:12px}.subcategory-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-option{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .3s}.checkbox-option:hover{background:var(--bg-gray)}.checkbox-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.review-summary{background:var(--bg-gray);border-radius:8px;margin-bottom:24px;padding:24px}.summary-item{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 0}.summary-item:last-child{border-bottom:none}.price-estimate{margin-bottom:24px}.price-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:12px;color:#fff;padding:32px;text-align:center}.price-card h4{font-size:18px;margin-bottom:16px;opacity:.9}.price-amount{font-size:48px;font-weight:700;margin-bottom:8px}.price-yearly{font-size:16px;opacity:.9}.sla-preview{background:var(--bg-gray);border-radius:8px;padding:24px}.sla-preview h4{color:var(--text-primary);font-size:18px;margin-bottom:16px}.sla-preview ul{list-style:none;padding:0}.sla-preview li{color:var(--text-primary);padding:8px 0}.sla-preview li:before{color:var(--secondary-color);content:"✓ ";font-weight:700;margin-right:8px}.builder-actions{border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:24px}.final-actions{display:flex;gap:16px;justify-content:center;width:100%}.builder-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.builder-container{padding:24px}.step-indicator{margin-bottom:32px}.step-circle{font-size:14px;height:32px;width:32px}.options-grid,.subcategory-options{grid-template-columns:1fr}.final-actions{flex-direction:column}}.login-page{align-items:stretch;background:#f9fafb;min-height:100vh}.login-centered,.login-page{display:flex;justify-content:center}.login-centered{align-items:center;margin:0 auto;max-width:480px;padding:40px 16px;width:100%}.login-card{animation:slideUp .4s ease;background:#fff;border:1px solid #eef2ff;border-radius:24px;box-shadow:0 18px 40px #0f172a1f;max-width:420px;padding:36px 40px 32px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:28px;text-align:center}.login-header h1{color:#111827;font-size:20px;font-weight:700;letter-spacing:.16em;margin-bottom:6px}.login-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label,.form-input{font-size:14px}.form-input{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;padding:10px 14px;transition:all .3s ease}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.form-options{font-size:14px;justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.forgot-password{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.login-button{background:var(--gradient-primary);border:none;border-radius:999px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ef44441a;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color);font-size:14px;padding:12px 16px;text-align:center}.login-footer{border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px;text-align:center}.demo-credentials{background:var(--bg-gray);border-radius:999px;color:var(--text-secondary);font-size:11px;line-height:1.6;margin-bottom:14px;padding:10px 14px}.demo-credentials strong{color:var(--text-primary);display:block;margin-bottom:4px}.switch-login{margin:0}.switch-login a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.switch-login a:hover{color:var(--primary-dark);text-decoration:underline}.theme-dark .login-card{background:var(--card-bg);border-color:var(--border-color)}.theme-dark .form-input{background:var(--input-bg)}.theme-dark .demo-credentials{background:var(--bg-gray)}@media (max-width:480px){.login-card{padding:32px 24px}.login-header h1{font-size:28px}}.dashboard{max-width:1400px;padding-bottom:24px}.dashboard-header h2{font-size:28px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:20px 22px}.stat-content h3{font-size:26px}.stat-content p{margin:0}.dashboard-card{padding:24px 24px 28px}.invoices-list,.requests-list,.subscriptions-list,.upcoming-list{display:flex;flex-direction:column;gap:16px}.subscription-item{align-items:center;background:var(--bg-gray);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.subscription-info h4{color:var(--text-primary);font-size:16px;margin:0 0 4px}.subscription-info p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.status-badge{display:inline-block}.status-badge.active,.status-badge.completed,.status-badge.green{background:#10b9811a;color:var(--secondary-color)}.status-badge.blue{background:#2563eb1a;color:var(--primary-color)}.status-badge.orange{background:#f59e0b1a;color:var(--warning-color)}.subscription-price{text-align:right}.subscription-price strong{color:var(--text-primary);display:block;font-size:20px}.subscription-price span{color:var(--text-secondary);font-size:12px}.request-item{border-radius:8px}.request-location{margin:4px 0}.request-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.request-date{color:var(--text-secondary);font-size:12px}.sla-overview{display:flex;flex-direction:column}.sla-circle,.sla-compliance{display:flex;justify-content:center}.sla-circle{align-items:center;background:conic-gradient(var(--secondary-color) 0 95%,var(--border-color) 95% 100%);background:conic-gradient(var(--secondary-color) 0 calc(var(--compliance, 95)*1%),var(--border-color) calc(var(--compliance, 95)*1%) 100%);border-radius:50%;flex-direction:column;height:150px;position:relative;width:150px}.sla-circle:before{background:var(--card-bg);border-radius:50%;content:"";height:120px;position:absolute;width:120px}.sla-percentage{color:var(--text-primary);font-size:32px;font-weight:700;z-index:1}.sla-label{z-index:1}.sla-metrics{display:flex;flex-direction:column;gap:12px}.sla-metric{background:var(--bg-gray);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.metric-label{color:var(--text-secondary);font-size:14px}.metric-value{color:var(--text-primary);font-weight:600}.upcoming-item{background:var(--bg-gray);border-radius:8px;display:flex;gap:16px;padding:16px}.upcoming-date{min-width:60px;text-align:center}.date-day{color:var(--primary-color);font-size:24px;font-weight:700}.date-month{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.upcoming-details h4{color:var(--text-primary);font-size:16px;margin:0 0 4px}.upcoming-details p{color:var(--text-secondary);font-size:14px;margin:4px 0}.technician-name{color:var(--text-primary);font-weight:500}.invoice-item{align-items:center;background:var(--bg-gray);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.invoice-info{display:flex;flex-direction:column;gap:4px}.invoice-number{color:var(--text-primary);font-size:14px}.invoice-date{color:var(--text-secondary);font-size:12px}.invoice-amount{text-align:right}.invoice-amount strong{color:var(--text-primary);display:block;font-size:18px;margin-bottom:4px}.invoice-status{border-radius:8px;font-size:12px;font-weight:600;padding:4px 8px}.invoice-status.status-paid{background:#10b9811a;color:var(--secondary-color)}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.organization-management{max-width:1200px}.org-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:32px}.org-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s}.org-tab.active,.org-tab:hover{color:var(--primary-color)}.org-tab.active{border-bottom-color:var(--primary-color)}.org-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px}.org-section{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid var(--border-color);padding-bottom:16px}.profile-card{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-field p{background:var(--bg-gray);border-radius:8px;color:var(--text-primary);font-size:16px;margin:0;padding:12px}.locations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.location-card{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:12px;padding:24px}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.location-header h4{color:var(--text-primary);font-size:20px;margin:0}.location-actions{display:flex;gap:8px}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .3s}.icon-btn:hover{background:#0000001a}.location-details{display:flex;flex-direction:column;gap:12px}.location-field{display:flex;gap:8px}.field-label{color:var(--text-secondary);font-weight:600;min-width:120px}.location-field span:last-child{color:var(--text-primary)}.users-table{margin-bottom:32px;overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-gray)}.users-table th{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.users-table tbody tr:hover{background:var(--bg-gray)}.role-badge,.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.role-admin{background:#ef44441a;color:var(--danger-color)}.role-badge.role-finance{background:#2563eb1a;color:var(--primary-color)}.role-badge.role-operations{background:#10b9811a;color:var(--secondary-color)}.role-badge.role-viewer{background:#6b72801a;color:var(--text-secondary)}.roles-info{background:var(--bg-gray);border-radius:8px;padding:24px}.roles-info h4{color:var(--text-primary);font-size:18px;margin-bottom:16px}.roles-info ul{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}.roles-info li{color:var(--text-primary);padding-left:24px;position:relative}.roles-info li:before{color:var(--primary-color);content:"•";font-size:20px;left:0;position:absolute}@media (max-width:768px){.org-tabs{flex-wrap:nowrap;overflow-x:auto}.locations-grid,.profile-card{grid-template-columns:1fr}.users-table{font-size:14px}}.subscription-management{max-width:1200px}.subscriptions-container{display:flex;flex-direction:column;gap:32px}.subscription-detail-card{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-md);padding:28px 28px 32px}.subscription-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.subscription-header h3{color:var(--text-primary);font-size:28px;margin:0 0 8px}.subscription-actions{display:flex;gap:12px}.status-badge{padding:6px 16px}.detail-item label,.status-badge{font-size:14px}.detail-item p{background:var(--bg-gray);border-radius:8px;padding:12px}.detail-item .price{color:var(--primary-color);font-size:20px;font-weight:700}.services-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.service-badge{align-items:center;background:var(--bg-gray);border-left:4px solid var(--secondary-color);border-radius:8px;display:flex;gap:8px;padding:12px 16px}.service-icon{color:var(--secondary-color);font-size:18px;font-weight:700}.sla-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sla-item{align-items:center;background:var(--bg-gray);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.sla-label{color:var(--text-secondary);font-size:14px;font-weight:500}.sla-value{color:var(--text-primary);font-size:16px;font-weight:600}.documents-list{display:flex;flex-direction:column;gap:16px}.document-item{align-items:center;background:var(--bg-gray);border-radius:10px;display:flex;gap:16px;padding:16px}.doc-icon{font-size:24px}.doc-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.doc-name{color:var(--text-primary);font-size:16px;font-weight:600}.doc-date{color:var(--text-secondary);font-size:12px}.upgrade-section{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-md);padding:28px 28px 32px}.upgrade-section h3{color:var(--text-primary);font-size:24px;margin-bottom:24px}.upgrade-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.upgrade-card{background:var(--bg-gray);border:2px solid var(--border-color);border-radius:8px;padding:24px;text-align:center}.upgrade-card h4{color:var(--text-primary);font-size:20px;margin-bottom:12px}.upgrade-card p{color:var(--text-secondary);margin-bottom:20px}@media (max-width:768px){.subscription-header{align-items:flex-start;flex-direction:column;gap:16px}.subscription-actions{flex-direction:column;width:100%}.detail-grid,.services-grid,.sla-details{grid-template-columns:1fr}}.service-request-management{max-width:1200px}.requests-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.request-card{background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:24px;transition:all .3s}.request-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.request-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.request-card-header>div{align-items:center;display:flex;gap:12px}.ticket-number{font-size:16px;font-weight:700}.priority-badge,.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.status-green{background:#10b9811a;color:var(--secondary-color)}.status-badge.status-blue{background:#2563eb1a;color:var(--primary-color)}.status-badge.status-orange{background:#f59e0b1a;color:var(--warning-color)}.status-badge.status-gray{background:#6b72801a;color:var(--text-secondary)}.request-card-body h4{color:var(--text-primary);font-size:20px;margin:0 0 8px}.request-location{margin:8px 0}.request-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:12px}.create-request-modal,.request-detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px}.request-form{padding:24px 28px 28px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600}.form-group select,.form-group textarea{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.request-detail-content{padding:24px}.timeline{padding-left:24px;position:relative}.timeline:before{background:var(--border-color);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:16px;padding-bottom:24px;position:relative}.timeline-dot{background:var(--border-color);border:3px solid #fff;border-radius:50%;height:16px;left:-20px;position:absolute;top:4px;width:16px;z-index:1}.timeline-item.completed .timeline-dot{background:var(--secondary-color)}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-content strong{color:var(--text-primary);font-size:16px}.timeline-content span{color:var(--text-secondary);font-size:14px}.technician-info{background:var(--bg-gray);border-radius:8px;padding:16px}.technician-info p{color:var(--text-primary);margin:8px 0}.no-attachments{color:var(--text-secondary);font-style:italic}@media (max-width:768px){.page-header{flex-direction:column;gap:16px}.requests-container{grid-template-columns:1fr}.modal-content{margin:20px}.detail-grid{grid-template-columns:1fr}}.sla-performance{max-width:1400px}.sla-overview-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.sla-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.sla-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sla-card-header h3{color:var(--text-primary);font-size:18px;margin:0}.sla-percentage-large{color:var(--secondary-color);font-size:36px}.sla-value-large{color:var(--primary-color);font-size:32px;font-weight:700}.sla-progress-bar{background:var(--bg-gray);border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.sla-progress-fill{background:linear-gradient(90deg,var(--secondary-color) 0,#059669 100%);height:100%;transition:width .3s ease}.sla-description{margin:0}.sla-description,.sla-target{color:var(--text-secondary);font-size:14px}.sla-target{margin:8px 0}.sla-indicator{margin-top:12px}.indicator{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.indicator.good{background:#10b9811a;color:var(--secondary-color)}.indicator.warning{background:#f59e0b1a;color:var(--warning-color)}.sla-charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.chart-card h3{color:var(--text-primary);font-size:20px;margin-bottom:24px}.comparison-chart{padding:20px 0}.chart-bars{display:flex;flex-direction:column;gap:24px}.chart-bar-group{gap:16px}.chart-bar-label{color:var(--text-secondary);font-size:14px;font-weight:500;min-width:80px}.chart-bar-container{background:var(--bg-gray);border-radius:8px;flex:1 1;height:40px;overflow:hidden;position:relative}.chart-bar{align-items:center;border-radius:8px;color:#fff;font-size:12px;font-weight:600;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.response-bar{background:var(--primary-color)}.resolution-bar{background:var(--secondary-color)}.usage-chart{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-around;padding:20px 0}.usage-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.usage-bar-container{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:flex-end;width:100%}.usage-bar{border-radius:4px 4px 0 0;transition:height .3s ease;width:100%}.usage-bar.on-time{background:var(--secondary-color)}.usage-bar.delayed{background:var(--warning-color)}.usage-label{color:var(--text-secondary);font-size:12px;font-weight:500}.chart-legend{display:flex;gap:24px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.on-time{background:var(--secondary-color)}.legend-color.delayed{background:var(--warning-color)}.alerts-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;padding:24px}.alerts-section h3{color:var(--text-primary);font-size:20px;margin-bottom:20px}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{border-left:4px solid;border-radius:8px;display:flex;gap:16px;padding:20px}.alert-card.alert-delayed{background:#f59e0b1a;border-left-color:var(--warning-color)}.alert-card.alert-missed{background:#ef44441a;border-left-color:var(--danger-color)}.alert-icon{font-size:32px}.alert-content h4{color:var(--text-primary);font-size:18px;margin:0 0 8px}.alert-content p{color:var(--text-secondary);font-size:14px;margin:4px 0}.sla-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.sla-details-section h3{color:var(--text-primary);font-size:20px;margin-bottom:24px}.sla-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sla-detail-item{background:var(--bg-gray);border-radius:8px;padding:20px}.sla-detail-item h4{color:var(--text-primary);font-size:18px;margin:0 0 12px}.sla-detail-item p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 12px}.sla-status{margin-top:12px}.status-good{background:#10b9811a;border-radius:8px;color:var(--secondary-color);display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}@media (max-width:768px){.sla-charts-section,.sla-details-grid,.sla-overview-cards{grid-template-columns:1fr}.chart-bar-group{align-items:flex-start;flex-direction:column}.usage-chart{height:150px}}.billing-finance{max-width:1400px}.billing-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px;text-align:center}.summary-card h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0 0 12px}.summary-amount{color:var(--primary-color);font-size:32px;font-weight:700;margin:0 0 8px}.summary-label{color:var(--text-secondary);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.invoices-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;overflow-x:auto;padding:24px}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:var(--bg-gray)}.invoices-table th{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.invoices-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.invoices-table tbody tr{cursor:pointer;transition:background .3s}.invoices-table tbody tr:hover{background:var(--bg-gray)}.invoice-number{color:var(--primary-color);font-weight:600}.invoice-total{color:var(--text-primary);font-weight:700}.status-badge.status-paid{background:#10b9811a;color:var(--secondary-color)}.status-badge.status-pending{background:#f59e0b1a;color:var(--warning-color)}.btn-icon{margin:0 4px}.invoice-detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-width:820px}.invoice-detail-content{padding:24px}.invoice-header-info{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.invoice-header-info h4{color:var(--text-primary);font-size:24px;margin:0 0 8px}.invoice-header-info p{color:var(--text-secondary);font-size:14px;margin:4px 0}.invoice-items{margin-bottom:24px}.invoice-items h4{color:var(--text-primary);font-size:18px;margin-bottom:16px}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:var(--bg-gray)}.items-table th{font-size:14px;font-weight:600;text-align:left}.items-table td,.items-table th{color:var(--text-primary);padding:12px}.items-table td{border-bottom:1px solid var(--border-color)}.invoice-summary{background:var(--bg-gray);border-radius:8px;margin-bottom:24px;padding:20px}.summary-row{color:var(--text-primary);display:flex;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:2px solid var(--border-color);font-size:20px;font-weight:700;margin-top:8px;padding-top:16px}.payment-info{background:var(--bg-gray);border-radius:8px;margin-bottom:24px;padding:20px}.payment-info h4{color:var(--text-primary);font-size:18px;margin:0 0 12px}.payment-details p{color:var(--text-primary);margin:8px 0}.invoice-actions{display:flex;gap:12px;justify-content:flex-end}.payment-methods-section,.vat-summary-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;padding:24px}.payment-methods-section h3,.vat-summary-section h3{color:var(--text-primary);font-size:20px;margin-bottom:20px}.payment-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-method-card{background:var(--bg-gray);border:2px solid var(--border-color);border-radius:8px;padding:20px;text-align:center}.payment-icon{font-size:32px;margin-bottom:8px}.payment-method-card h4{color:var(--text-primary);font-size:18px;margin:0 0 4px}.payment-method-card p{color:var(--text-secondary);font-size:14px;margin:0}.vat-summary-card{background:var(--bg-gray);border-radius:8px;padding:24px}.vat-summary-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.vat-summary-item:last-child{border-bottom:none}.vat-label{color:var(--text-secondary);font-size:16px}.vat-amount{color:var(--text-primary);font-size:18px;font-weight:600}@media (max-width:768px){.billing-summary{grid-template-columns:1fr}.invoices-table-container{overflow-x:scroll}.invoice-header-info{flex-direction:column;gap:16px}.payment-methods{grid-template-columns:1fr}}.reports-analytics{max-width:1400px}.reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.report-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:24px;transition:all .3s}.report-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.report-card.selected{border-color:var(--primary-color);box-shadow:0 4px 12px #2563eb33}.report-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.report-card-header h3{color:var(--text-primary);font-size:20px;margin:0}.report-actions{display:flex;gap:8px}.report-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.report-expanded{animation:slideDown .3s ease;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-content{padding:16px 0}.report-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:var(--bg-gray);border-radius:8px;padding:20px;text-align:center}.stat-item label{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--primary-color);font-size:28px;font-weight:700;margin:0}.cost-chart,.services-chart{display:flex;flex-direction:column;gap:16px}.cost-bar-group,.service-item-row{align-items:center;display:flex;gap:16px}.cost-bar-label,.service-category{color:var(--text-primary);font-size:14px;font-weight:500;min-width:150px}.cost-bar-container,.service-count-bar{background:var(--bg-gray);border-radius:8px;flex:1 1;height:32px;overflow:hidden;position:relative}.cost-bar,.service-count-fill{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.cost-bar{background:var(--primary-color)}.service-count-fill{background:var(--secondary-color)}.sla-report{align-items:center;display:flex;flex-direction:column;gap:32px}.sla-circle-large,.sla-metric-large{display:flex;justify-content:center}.sla-circle-large{align-items:center;background:conic-gradient(var(--secondary-color) 0 95%,var(--border-color) 95% 100%);background:conic-gradient(var(--secondary-color) 0 calc(var(--compliance, 95)*1%),var(--border-color) calc(var(--compliance, 95)*1%) 100%);border-radius:50%;flex-direction:column;height:180px;position:relative;width:180px}.sla-circle-large:before{background:#fff;border-radius:50%;content:"";height:150px;position:absolute;width:150px}.sla-percentage-large{color:var(--text-primary);font-size:42px;font-weight:700;z-index:1}.sla-label-large{color:var(--text-secondary);font-size:16px;z-index:1}.sla-details-list{display:flex;flex-direction:column;gap:12px;width:100%}.sla-detail-row{background:var(--bg-gray);border-radius:8px;color:var(--text-primary);display:flex;font-size:16px;justify-content:space-between;padding:12px 16px}.sla-value{color:var(--primary-color);font-weight:700}.export-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px;text-align:center}.export-section h3{color:var(--text-primary);font-size:24px;margin-bottom:24px}.export-options{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.cost-bar-group,.service-item-row{align-items:flex-start;flex-direction:column}.cost-bar-label,.service-category{min-width:auto;width:100%}.cost-bar-container,.service-count-bar{width:100%}.export-options{flex-direction:column}}.admin-dashboard{max-width:1400px}.dashboard-header{margin-bottom:32px}.dashboard-header h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card.revenue{background:var(--gradient-primary);border:none;color:#fff}.stat-card.revenue .stat-content h3,.stat-card.revenue .stat-content p{color:#fff}.stat-icon{font-size:40px;min-width:50px}.stat-content h3{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.stat-link{color:var(--primary-color);font-size:12px;font-weight:600;text-decoration:none;transition:color .3s}.stat-link:hover{color:var(--primary-dark);text-decoration:underline}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:24px}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.view-all-link{color:var(--primary-color);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.view-all-link:hover{color:var(--primary-dark);text-decoration:underline}.alerts-list,.customers-list,.requests-list{display:flex;flex-direction:column;gap:16px}.customer-item{align-items:center;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.customer-info h4{color:var(--text-primary);font-size:16px;margin:0 0 4px}.customer-info p{color:var(--text-secondary);font-size:14px;margin:0}.customer-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.revenue{color:var(--primary-color);font-size:14px}.alert-item{background:#f59e0b1a;border-left:4px solid var(--warning-color);border-radius:12px;padding:16px}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.alert-type{color:var(--warning-color);font-size:14px;font-weight:700}.penalty{color:var(--danger-color);font-size:14px;font-weight:600}.alert-item p{color:var(--text-primary);font-size:14px;margin:4px 0}.delay{font-size:12px}.delay,.no-alerts{color:var(--text-secondary)}.no-alerts{padding:40px;text-align:center}.request-item{background:var(--bg-gray);border-left:4px solid var(--primary-color);border-radius:12px;padding:16px}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-number{color:var(--text-primary);font-size:14px;font-weight:600}.priority-badge{border-radius:8px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.priority-badge.priority-high{background:#ef44441a;color:var(--danger-color)}.priority-badge.priority-medium{background:#f59e0b1a;color:var(--warning-color)}.priority-badge.priority-low{background:#6b72801a;color:var(--text-secondary)}.request-service{color:var(--text-primary);font-weight:600;margin:4px 0}.request-location{color:var(--text-secondary);font-size:14px;margin:4px 0 8px}@media (max-width:768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.admin-customer-management{max-width:1400px}.customers-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);overflow-x:auto;padding:24px}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:var(--bg-gray)}.customers-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.customers-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.table-row-clickable{cursor:pointer;transition:background .3s}.table-row-clickable:hover{background:var(--bg-gray)}.company-name{color:var(--primary-color);font-weight:600}.revenue{color:var(--secondary-color);font-weight:600}.customer-detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:780px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:var(--text-primary);font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.close-btn:hover{color:var(--text-primary)}.customer-detail-content{padding:24px}.detail-section{margin-bottom:32px}.detail-section h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:20px;margin-bottom:20px;padding-bottom:12px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item p{color:var(--text-primary);font-size:16px;margin:0}@media (max-width:768px){.customers-table-container{overflow-x:scroll}.detail-grid{grid-template-columns:1fr}}.admin-subscription-management{max-width:1400px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:16px}.active-subscriptions-section,.plans-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.active-subscriptions-section h3,.plans-section h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:var(--bg-gray);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.plan-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.plan-header h4{color:var(--text-primary);font-size:20px;margin:0}.plan-price{color:var(--primary-color);font-size:18px;font-weight:700}.plan-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.plan-features{list-style:none;margin:0 0 20px;padding:0}.plan-features li{color:var(--text-primary);font-size:14px;padding:8px 0}.plan-actions{display:flex;gap:12px}.subscriptions-table-container{overflow-x:auto}.subscriptions-table{border-collapse:collapse;width:100%}.subscriptions-table thead{background:var(--bg-gray)}.subscriptions-table th{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.price{color:var(--secondary-color);font-weight:600}@media (max-width:768px){.page-header{flex-direction:column;gap:16px}.plans-grid{grid-template-columns:1fr}}.admin-vendor-management{max-width:1400px}.tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:32px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s}.tab.active,.tab:hover{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color)}.technicians-section,.vendors-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:32px}.vendors-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.vendor-card{background:var(--bg-gray);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.vendor-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.vendor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.vendor-header h4{color:var(--text-primary);font-size:20px;margin:0}.vendor-details{margin-bottom:20px}.vendor-details p{color:var(--text-primary);font-size:14px;margin:8px 0}.vendor-actions{display:flex;gap:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.status-active{background:#10b9811a;color:var(--secondary-color)}.technicians-table-container{overflow-x:auto}.technicians-table{border-collapse:collapse;width:100%}.technicians-table thead{background:var(--bg-gray)}.technicians-table th{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.technicians-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.tech-name{color:var(--primary-color);font-weight:600}.availability-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.availability-badge.available{background:#10b9811a;color:var(--secondary-color)}.availability-badge.busy{background:#f59e0b1a;color:var(--warning-color)}.table-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .3s}.btn-icon:hover{background:#0000001a}.simple-modal{align-items:center;background:#0f172a59;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.simple-modal-content{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-xl);max-width:540px;width:100%}.simple-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.simple-modal-header h3{color:var(--text-primary);font-size:20px;margin:0}.simple-modal-form{padding:20px 24px 24px}.simple-modal-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.simple-modal-form .form-group label{color:var(--text-primary);font-size:13px;font-weight:600}.simple-modal-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.vendors-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}}.admin-sla-compliance{max-width:1400px}.sla-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.sla-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:24px;text-align:center}.sla-card h3{color:var(--text-secondary);font-size:18px;font-weight:500;margin:0 0 16px}.sla-number{color:var(--primary-color);font-size:36px;font-weight:700;margin-bottom:8px}.sla-card p{color:var(--text-secondary);font-size:14px;margin:0}.breaches-section,.sla-rules-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.breaches-list,.rules-list{display:flex;flex-direction:column;gap:16px}.breach-card,.rule-card{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:12px;padding:20px}.breach-card h4,.rule-card h4{color:var(--text-primary);font-size:18px;margin:0 0 8px}.rule-card p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.rule-actions{display:flex;gap:12px}.breach-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.breach-type{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.breach-type.delayed{background:#f59e0b1a;color:var(--warning-color)}.breach-type.missed{background:#ef44441a;color:var(--danger-color)}.penalty-amount{color:var(--danger-color);font-size:14px;font-weight:600}.breach-details{margin-bottom:16px}.breach-details p{color:var(--text-primary);font-size:14px;margin:8px 0}.breach-actions{display:flex;gap:12px}@media (max-width:768px){.sla-overview{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}}.admin-finance{max-width:1400px}.revenue-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.revenue-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:32px}.revenue-card.primary{background:var(--gradient-primary);border:none;color:#fff}.revenue-card h3{font-size:16px;font-weight:500;margin:0 0 16px;opacity:.9}.revenue-card.primary h3{color:#fff}.revenue-amount{color:var(--text-primary);font-size:42px;font-weight:700;margin-bottom:8px}.revenue-card.primary .revenue-amount{color:#fff}.revenue-change{color:var(--text-secondary);font-size:14px;margin:0}.revenue-card.primary .revenue-change{color:#ffffffe6}.revenue-chart-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.revenue-chart-section h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.revenue-chart{align-items:flex-end;display:flex;gap:16px;height:300px;justify-content:space-around}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.chart-bar-container{align-items:flex-end;display:flex;height:100%;width:100%}.chart-bar{align-items:flex-start;background:var(--gradient-primary);border-radius:8px 8px 0 0;display:flex;justify-content:center;min-height:40px;padding-top:8px;position:relative;transition:all .3s ease;width:100%}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-value{color:#fff;font-size:12px;font-weight:600;text-align:center}.chart-label{color:var(--text-secondary);font-size:14px;font-weight:500}.invoice-generation-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.invoice-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.option-card{background:var(--bg-gray);border:2px solid var(--border-color);border-radius:12px;padding:24px}.option-card h4{color:var(--text-primary);font-size:20px;margin:0 0 8px}.option-card p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}@media (max-width:768px){.revenue-overview{grid-template-columns:1fr}.revenue-chart{height:200px}.invoice-options{grid-template-columns:1fr}}.public-layout{display:flex;flex-direction:column;min-height:100vh}.public-nav{background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--primary-color);text-decoration:none}.logo h2{font-size:24px;margin:0}.nav-links{align-items:center;display:flex;gap:24px}.nav-links a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a.btn-primary{color:#fff}.nav-links a:hover{color:var(--primary-color)}.public-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-primary);margin-top:auto;padding:24px 0;text-align:center}@media (max-width:768px){.nav-content{flex-direction:column;gap:16px}.nav-links{flex-wrap:wrap;justify-content:center}}.private-layout{background:var(--bg-gray);display:flex;min-height:100vh}.nav-item.active{background:#2563eb1a}.admin-layout{background:var(--bg-secondary);display:flex;min-height:100vh}.sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:width .3s ease;width:260px}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.sidebar-header h2{color:var(--primary-color);font-size:20px;font-weight:700;margin:0}.toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;transition:color .3s}.toggle-btn:hover{color:var(--text-primary)}.sidebar-nav{flex:1 1;padding:16px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--text-primary);display:flex;margin:4px 0;padding:16px 24px;text-decoration:none;transition:all .3s}.nav-item.active,.nav-item:hover{background:var(--bg-gray);border-left-color:var(--primary-color)}.nav-item.active{color:var(--primary-color);font-weight:600}.nav-icon{font-size:20px;margin-right:12px;min-width:24px}.nav-label{white-space:nowrap}.sidebar.closed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:24px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;transition:margin-left .3s ease}.sidebar.closed~.main-content{margin-left:80px}.top-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:24px 32px}.top-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.content-area{flex:1 1;padding:32px}@media (max-width:768px){.sidebar{width:80px}.sidebar.open{width:260px;z-index:1000}.main-content{margin-left:80px}.content-area{padding:16px}}
/*# sourceMappingURL=main.0048f767.css.map*/