*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}:root{--primary-color:#dc2626;--primary-dark:#991b1b;--primary-light:#ef4444;--primary-gradient:linear-gradient(135deg,#dc2626,#991b1b);--primary-gradient-hover:linear-gradient(135deg,#b91c1c,#7f1d1d);--primary-shadow:#dc26264d;--secondary-color:#1f2937;--secondary-gradient:linear-gradient(135deg,#1f2937,#374151);--accent-color:#b91c1c;--success-color:#10b981;--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-color:#f59e0b;--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-color:#ef4444;--info-color:#3b82f6;--info-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--background:#f9fafb;--surface:#fff;--surface-hover:#fef2f2;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-focus:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-primary:0 4px 14px 0 #dc262640;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--container-max-width:100%;--container-padding:24px;--spacing-xs:clamp(4px,1vw,8px);--spacing-sm:clamp(8px,2vw,12px);--spacing-md:clamp(12px,3vw,20px);--spacing-lg:clamp(20px,4vw,32px);--spacing-xl:clamp(32px,5vw,48px);--font-size-xs:clamp(11px,1.5vw,12px);--font-size-sm:clamp(12px,1.8vw,14px);--font-size-base:clamp(14px,2vw,16px);--font-size-lg:clamp(16px,2.2vw,18px);--font-size-xl:clamp(18px,2.5vw,20px);--font-size-2xl:clamp(20px,3vw,24px);--font-size-3xl:clamp(24px,4vw,32px);--font-size-4xl:clamp(32px,5vw,48px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--background);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(14px,2vw,16px);font-size:var(--font-size-base);line-height:1.5;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;width:100%}[class*=-content],[class*=-dashboard],[class*=-main],[class*=-management],[class*=-page],[class*=Dashboard],[class*=Management],main{flex:1 1;max-width:100%;width:100%}.admin-dashboard,.clients-management,.job-cards-page,.job-management-kpis,.jobs-dashboard,.jobs-materials-consumed,.materials-management,.reports-analytics,.settings-config,.technician-dashboard,.technician-productivity,.technicians-management{display:flex;flex-direction:column;min-height:100vh;width:100%}.data-table-container,.scrollable,.table-container,[class*=-grid],[class*=-list],[class*=-table]{-webkit-overflow-scrolling:touch;overflow:auto;scrollbar-color:#dc2626 #e5e7eb;scrollbar-color:var(--primary-color) var(--border-color);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e5e7eb;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb{background:#dc2626;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#991b1b;background:var(--primary-dark)}.offline-banner{background-color:#f59e0b;background-color:var(--warning-color);color:#fff;font-size:14px;font-weight:500;padding:8px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.container{margin:0 auto;max-width:100%;padding:0 24px;padding:0 var(--container-padding);width:100%}@media (min-width:1400px){.container{padding:0 clamp(32px,5vw,48px);padding:0 var(--spacing-xl)}}@media (min-width:1920px){.container{padding:0 calc(clamp(32px, 5vw, 48px)*1.5);padding:0 calc(var(--spacing-xl)*1.5)}}@media (min-width:2560px){.container{padding:0 calc(clamp(32px, 5vw, 48px)*2);padding:0 calc(var(--spacing-xl)*2)}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;outline:none;padding:12px 24px;text-decoration:none;transition:all .2s}.btn:active{transform:scale(.98)}.btn-primary{background-color:#dc2626;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#991b1b;background-color:var(--primary-dark)}.btn-secondary{background-color:#1f2937;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#374151}.btn-outline{background-color:initial;border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#111827;color:var(--text-primary)}.btn-outline:hover{background-color:#f9fafb;background-color:var(--background)}.btn-large{border-radius:12px;border-radius:var(--radius-lg);font-size:18px;padding:16px 32px}.btn-block{width:100%}.btn-icon{height:40px;padding:8px;width:40px}.card{background-color:#fff;background-color:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:16px;padding:20px}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.card-title{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600}.form-group{margin-bottom:20px}.form-label{color:#111827;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);font-size:16px;outline:none;padding:12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#dc2626;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.form-error{color:#ef4444;color:var(--danger-color);font-size:14px;margin-top:4px}.grid{grid-gap:16px;display:grid;gap:16px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.activity-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:20px 0}.activity-button{align-items:center;aspect-ratio:1;background-color:#fff;background-color:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:16px;text-align:center;transition:all .2s}.activity-button:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.activity-button.selected,.activity-button:hover{border-color:#dc2626;border-color:var(--primary-color)}.activity-button.selected{background-color:#fee2e2}.activity-icon{font-size:32px;margin-bottom:8px}.activity-label{color:#111827;color:var(--text-primary);font-size:14px;font-weight:500}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fed7aa;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.timer-display{font-feature-settings:"tnum";color:#dc2626;color:var(--primary-color);font-size:48px;font-variant-numeric:tabular-nums;font-weight:700;margin:20px 0;text-align:center}.nav-header{background-color:#fff;background-color:var(--surface);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{align-items:center;display:flex;justify-content:space-between}.nav-title{color:#111827;color:var(--text-primary);font-size:20px;font-weight:600}.nav-user{align-items:center;display:flex;gap:12px}.nav-user-name{color:#6b7280;color:var(--text-secondary);font-size:14px}.table-container{background-color:#fff;background-color:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse}.table th{background-color:#f9fafb;background-color:var(--background);color:#6b7280;color:var(--text-secondary);font-size:12px;font-weight:600;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:12px}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:#f9fafb;background-color:var(--background)}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#dc2626;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:24px;width:24px}.spinner-large{height:48px;width:48px}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.empty-state{padding:48px 16px;text-align:center}.empty-state-icon{color:#6b7280;color:var(--text-secondary);font-size:64px;margin-bottom:16px}.empty-state-title{color:#111827;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state-text{color:#6b7280;color:var(--text-secondary)}.media-upload{border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:32px;text-align:center;transition:all .2s}.media-upload:hover{background-color:#f9fafb;background-color:var(--background);border-color:#dc2626;border-color:var(--primary-color)}.media-upload-icon{color:#6b7280;color:var(--text-secondary);font-size:48px;margin-bottom:8px}.media-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px}.media-preview-item{aspect-ratio:1;background-color:#f9fafb;background-color:var(--background);border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative}.media-preview-item img{height:100%;object-fit:cover;width:100%}.media-preview-remove{align-items:center;background-color:#ef4444;background-color:var(--danger-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}@media (max-width:480px){:root{--container-padding:12px}.container{padding:0 12px}.timer-display{font-size:32px}.card{border-radius:8px;border-radius:var(--radius-md);padding:12px}.btn{font-size:14px;padding:10px 16px}.btn-large{font-size:16px;padding:12px 20px}.board-header,.card-header,.header-content,.nav-content{align-items:stretch!important;flex-direction:column!important;gap:12px}.board-actions,.header-right{flex-direction:column;width:100%}.board-actions .btn,.header-right .btn{justify-content:center;width:100%}}@media (min-width:481px) and (max-width:768px){:root{--container-padding:16px}.timer-display{font-size:36px}.card{padding:16px}}@media (min-width:769px) and (max-width:1024px){:root{--container-padding:20px}}@media (min-width:1025px) and (max-width:1400px){:root{--container-padding:24px}}@media (min-width:1401px) and (max-width:1920px){:root{--container-padding:32px}.card{padding:28px}.stat-card{padding:32px}.stat-value{font-size:42px}}@media (min-width:1921px) and (max-width:2560px){:root{--container-padding:48px;--font-size-base:17px}.card{padding:32px}.stat-card{padding:36px}.stat-value{font-size:48px}.table td,.table th{font-size:15px;padding:16px}}@media (min-width:2561px){:root{--container-padding:64px;--font-size-base:18px}.card{padding:40px}.stat-card{padding:48px}.stat-value{font-size:56px}.table td,.table th{font-size:16px;padding:20px}.btn{font-size:18px;padding:16px 32px}}.data-table-container,.table-container,[class*=table-wrapper]{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table{min-width:100%}.card,.form,.grid,.panel,.table,[class*=-box],[class*=-card],[class*=-form],[class*=-grid],[class*=-panel],form{width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%}.modal,.modal-content,.overlay,[class*=-modal],[class*=-overlay]{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);overflow:auto}@media (max-width:768px){.modal,.modal-content,[class*=-modal]{margin:8px;max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}}.header,.nav,[class*=-header],[class*=-nav],header,nav{width:100%}.main,[class*=-main],main{flex:1 1;width:100%}.section,[class*=-section],section{width:100%}@media print{.app{min-height:auto}.admin-nav,.btn,.nav,[class*=-nav],button{display:none!important}.card,.table-container{border:1px solid #ddd;box-shadow:none}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.btn:hover,.card:hover,.nav-link:hover{transform:none}}@media (orientation:landscape) and (max-height:500px){.timer-display{font-size:28px;margin:10px 0}.card{margin-bottom:8px}.card,.stat-card{padding:12px}.stat-value{font-size:24px}}html[dir=rtl]{direction:rtl}html.rtl body{text-align:right}html.rtl .detail-row,html.rtl .nav-content,html.rtl .nav-left,html.rtl .nav-user{flex-direction:row-reverse}html.rtl .form-group,html.rtl .form-input,html.rtl .form-label,html.rtl .form-select,html.rtl .form-textarea{text-align:right}html.rtl .search-box{flex-direction:row-reverse}html.rtl .search-icon{left:12px;right:auto}html.rtl .form-input.with-icon{padding-left:40px;padding-right:16px}html.rtl .btn-icon{margin-left:8px;margin-right:0}html.rtl .badge{margin-left:0;margin-right:8px}html.rtl .action-buttons,html.rtl .bottom-nav,html.rtl .progress-indicator{flex-direction:row-reverse}html.rtl .card,html.rtl .detail-card,html.rtl .session-status-card{text-align:right}html.rtl .back-button-floating{left:auto;right:0}html.rtl .activity-grid{direction:rtl}html.rtl .Toastify__toast{direction:rtl;text-align:right}html.rtl .popup-content{text-align:right}html.rtl .popup-header{flex-direction:row-reverse}html[lang=ar],html[lang=ur]{font-family:Noto Sans Arabic,Segoe UI,Roboto,sans-serif}html[lang=bn]{font-family:Noto Sans Bengali,Segoe UI,Roboto,sans-serif}html[lang=ta]{font-family:Noto Sans Tamil,Segoe UI,Roboto,sans-serif}html[lang=ml]{font-family:Noto Sans Malayalam,Segoe UI,Roboto,sans-serif}html[lang=hi]{font-family:Noto Sans Devanagari,Segoe UI,Roboto,sans-serif}.toast-container{flex-direction:column;max-height:calc(100vh - 40px);pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast,.toast-container{display:flex;gap:12px;overflow:hidden}.toast{align-items:flex-start;animation:toastSlideIn .3s cubic-bezier(.21,1.02,.73,1) forwards;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;font-size:14px;line-height:1.5;max-width:420px;min-width:320px;padding:16px 44px 16px 16px;pointer-events:auto;position:relative;touch-action:pan-x}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.21,1.02,.73,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(calc(100% + 24px))}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 24px))}}.toast-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.toast-message{color:#1f2937;flex:1 1;font-weight:500;padding-top:4px;word-break:break-word}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin:-8px;min-height:44px;min-width:44px;padding:0;position:absolute;right:8px;top:8px;transition:all .15s ease;width:28px}.toast-close:hover{background-color:#0000000d;color:#4b5563}.toast-close:active{background-color:#0000001a;transform:scale(.95)}.toast-progress{background:#0000000d;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.toast-progress-bar{border-radius:0 3px 3px 0;height:100%;transition:width .05s linear}.toast-queue-indicator{align-self:flex-end;background:#000000b3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:8px 16px;pointer-events:none;text-align:center}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669)}.toast-success .toast-progress-bar{background:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-info .toast-progress-bar{background:#3b82f6}@media (max-width:640px){.toast-container{bottom:80px;left:12px;right:12px;top:auto}.toast{max-width:100%;min-width:auto;padding:14px 44px 14px 14px}.toast-icon{height:24px;width:24px}.toast-message{font-size:13px;padding-top:2px}}@media (prefers-reduced-motion:reduce){.toast{animation:fadeIn .2s ease forwards}.toast-exit{animation:fadeOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-progress-bar{transition:none}}@media (prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.toast-message{color:#f3f4f6}.toast-close{color:#6b7280}.toast-close:hover{background-color:#ffffff1a;color:#d1d5db}.toast-progress{background:#ffffff1a}}.offline-indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1000}.offline-indicator.offline{background:linear-gradient(135deg,#f59e0b,#d97706)}.offline-indicator.syncing{background:linear-gradient(135deg,#dc2626,#991b1b)}.offline-indicator.success{background:linear-gradient(135deg,#10b981,#059669)}.offline-indicator.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.indicator-main{align-items:center;display:flex;gap:10px;justify-content:center;min-height:44px;padding:10px 16px}.status-icon{flex-shrink:0;height:18px;width:18px}.status-icon.syncing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.indicator-text{font-size:13px;font-weight:600;letter-spacing:.02em}.sync-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;min-height:32px;padding:6px 14px;transition:all .2s ease}.sync-button:hover{background:#ffffff4d}.sync-button:active{background:#fff6;transform:scale(.98)}.indicator-details{background:#0000001a;border-top:1px solid #fff3;font-size:12px;line-height:1.5;padding:12px 16px}.indicator-details p{margin:0 0 8px}.indicator-details p:last-child{margin-bottom:0}.last-sync{opacity:.8}.pending-info{font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-indicator{animation:slideDown .3s ease}@supports (padding-top:env(safe-area-inset-top)){.offline-indicator{padding-top:env(safe-area-inset-top)}}@media (prefers-color-scheme:dark){.sync-button{background:#0003}.sync-button:hover{background:#0000004d}.indicator-details{background:#0003}}@media (prefers-reduced-motion:reduce){.offline-indicator,.status-icon.syncing{animation:none}}
/*# sourceMappingURL=main.7b983978.css.map*/