@charset "UTF-8";body{margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.task-creation-container{width:100%;max-width:1000px;margin:20px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;font-family:Arial,sans-serif;box-sizing:border-box}.task-creation-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:24px}.task-form{display:flex;flex-direction:column;gap:15px}.form-section{padding:10px 0;border-bottom:1px solid #ddd}.form-section h3{margin-top:0;margin-bottom:12px;color:#333;font-size:18px;font-weight:400}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;width:100%}.form-group{display:flex;flex-direction:column;position:relative}.half-width{flex:1 1 calc(50% - 10px);min-width:200px}.third-width{flex:1 1 calc(33.333% - 10px);min-width:150px}.address-input{flex:3;min-width:250px}.map-button{flex:1;min-width:150px}.coordinate-input{flex:1;min-width:120px}.job-detail-input{flex:1;min-width:150px}@media (max-width: 992px){.half-width,.third-width,.address-input,.map-button,.coordinate-input,.job-detail-input{flex:1 1 calc(50% - 10px)}}@media (max-width: 768px){.half-width,.third-width,.address-input,.map-button,.coordinate-input,.job-detail-input{flex:1 1 100%}}.full-width{width:100%}.form-control{padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box;margin-bottom:5px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.form-control:focus::placeholder{color:transparent}@media (max-width: 768px){.form-control{font-size:14px;padding:8px 12px}}.description-area{min-height:100px;resize:vertical}select.form-control{height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}.select-wrapper{position:relative}.select-label{position:absolute;top:-8px;left:10px;font-size:12px;color:#666;background-color:#fff;padding:0 5px;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;visibility:hidden}.form-group [name=priorityLevel]+.select-label,.form-group [name=expectedCompletionTime]+.select-label{opacity:1;transform:translateY(0);visibility:visible}.form-control:not([name=priorityLevel]):not([name=expectedCompletionTime]):not(:placeholder-shown)+.select-label{opacity:1;transform:translateY(0);visibility:visible}input[type=datetime-local]:not(:placeholder-shown)+.select-label,input[type=datetime-local]:focus+.select-label{opacity:1;transform:translateY(0);visibility:visible}.form-control:focus+.select-label{opacity:1;transform:translateY(0);visibility:visible;color:#4caf50}.field-label{font-size:12px;color:#666;margin-top:5px}.error-message{color:#d32f2f;font-size:12px;margin-top:4px}.map-container{width:100%;height:300px;border:1px solid #ccc;border-radius:4px;overflow:hidden;position:relative;margin-bottom:15px}@media (max-width: 768px){.map-container{height:250px}}.address-suggestions{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;z-index:100;box-shadow:0 4px 6px #0000001a}.suggestion-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease,padding-left .2s ease}.suggestion-item:hover{background-color:#f5f5f5;padding-left:20px}.map-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:18px;text-align:center;z-index:-1}.form-actions{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;width:100%;flex-wrap:wrap;gap:15px}@media (max-width: 600px){.form-actions{flex-direction:column}.btn{width:100%}}.btn{padding:10px 15px;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-weight:700;font-size:14px;text-transform:uppercase;min-width:120px;text-align:center}.btn-secondary{background-color:#f2f2f2;color:#333}.btn-primary{background-color:#4caf50;color:#fff;border-color:#4caf50}.btn-secondary:hover{background-color:#e0e0e0}.btn-primary:hover{background-color:#43a047}.btn:disabled{opacity:.7;cursor:not-allowed}.chassis-suggestions,.technician-suggestions{max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;z-index:100;box-shadow:0 4px 6px #0000001a}.suggestions-loading{padding:10px;text-align:center;color:#666}.suggestions-empty{padding:10px;text-align:center;color:#666;font-style:italic}.match-highlight{font-weight:700;color:#4caf50}.suggestions-container{max-height:250px;overflow-y:auto}.suggestions-container::-webkit-scrollbar{width:6px}.suggestions-container::-webkit-scrollbar-track{background:#f1f1f1}.suggestions-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.suggestions-container::-webkit-scrollbar-thumb:hover{background:#999}@keyframes float-label{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.form-control:focus+.select-label{animation:float-label .3s forwards}.form-control:not(:placeholder-shown){border-color:#4caf50}.error-message+.form-control{border-color:#d32f2f}*,*:before,*:after{box-sizing:border-box}.dashboard-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.location-cell,.location-link{cursor:pointer;color:#06c;text-decoration:underline}.location-cell:hover,.location-link:hover{color:#004080}.app-header{background-color:#f8f9fa;padding:0;border-bottom:1px solid #e9ecef;height:64px;flex-shrink:0;width:100%}.header-container{max-width:1800px;margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between}.app-header h1{margin:0;color:#333;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-container{display:flex;flex:1;overflow:hidden;height:calc(100vh - 64px)}.left-sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e0e0;flex-shrink:0;overflow-y:auto;transition:all .3s ease;height:100%}.sidebar-menu{display:flex;flex-direction:column;padding:1rem 0}.menu-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .2s;color:#333;font-weight:500}.menu-item:hover{background-color:#f0f7ff}.menu-item.active{background-color:#e6f2ff;color:#06c;border-left:3px solid #0066cc}.main-content{flex:1;overflow-y:auto;padding:1.25rem;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0;font-size:1.25rem;color:#333;white-space:nowrap}.header-actions{display:flex;gap:.625rem}.create-task-btn{background-color:#06c;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;white-space:nowrap}.create-task-btn:hover{background-color:#0055b3}.filter-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;cursor:pointer;white-space:nowrap}.filter-btn:hover{background-color:#f5f5f5}.filter-btn.active{background-color:#e6f2ff;border-color:#06c;color:#06c}.filter-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:1.25rem;padding:1.25rem;z-index:50;position:relative}.filter-group-button{display:flex;align-items:flex-end}.filter-group select,.filter-group input[type=date],.filter-group .search-input{width:100%;padding:.625rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;line-height:1.5;background-color:#fff;height:38px}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group .search-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.clear-filter-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;width:100%;height:38px}.suggestions-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;z-index:100;margin-top:-1px}.suggestion-item{padding:10px 12px;cursor:pointer;font-size:14px;line-height:1.5;border-bottom:1px solid #f0f0f0;background-color:#fff}.suggestion-item:hover{background-color:#f5f7fa}.suggestion-item:last-child{border-radius:0 0 4px 4px;border-bottom:none}.suggestion-loading{padding:12px;text-align:center;color:#666;font-size:14px;background-color:#fff}.tasks-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;width:100%}.col-id{min-width:90px;max-width:130px}.col-chassis{min-width:100px;max-width:140px}.col-project,.col-customer{min-width:120px}.col-location{min-width:150px}.col-priority{min-width:80px;max-width:120px}.col-date{min-width:130px}.col-tech{min-width:100px}.col-status{min-width:90px;max-width:110px}.tasks-table th,.tasks-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap}.tasks-table th{background-color:#f9f9f9;font-weight:600;color:#555;position:sticky;top:0;z-index:10}.tasks-table th:nth-child(1){width:10%}.tasks-table th:nth-child(2){width:15%}.tasks-table th:nth-child(3){width:25%}.tasks-table th:nth-child(4){width:20%}.tasks-table th:nth-child(5){width:20%}.tasks-table th:nth-child(6){width:16%}.tasks-table th:nth-child(7){width:10%}.tasks-table th:nth-child(8){width:20%}.tasks-table th:nth-child(9){width:13%}.tasks-table th:nth-child(10){width:15%}.tasks-table tr:last-child td{border-bottom:none}.task-row{cursor:pointer;transition:background-color .15s ease}.task-row:hover{background-color:#f5f8ff}.loading-cell,.empty-cell{padding:20px;text-align:center;color:#777}.priority-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.priority-badge.low{background-color:#e8f5e9;color:#2e7d32}.priority-badge.medium{background-color:#e3f2fd;color:#0277bd}.priority-badge.high{background-color:#fff8e1;color:#ff8f00}.priority-badge.urgent{background-color:#ffebee;color:#c62828}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.status-badge.todo{background-color:#f0f0f0;color:#555}.status-badge.inprogress{background-color:#e8f4fd;color:#0277bd}.status-badge.complete{background-color:#e8f5e9;color:#2e7d32}.status-badge.pending{background-color:#fff8e1;color:#ffa000}.sidebar-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:12px;z-index:100}.tasks-card-container{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.task-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1rem;display:flex;flex-direction:column;height:100%}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.task-card-title{font-weight:700;font-size:.9375rem;max-width:60%}.task-card-content{flex:1;display:flex;flex-direction:column}.task-card-row{display:flex;margin-bottom:.5rem;font-size:.875rem}.task-card-label{font-weight:500;width:90px;color:#666;flex-shrink:0}.task-card-value{flex:1;overflow:hidden}@media (max-width: 992px){.left-sidebar{width:200px}.filter-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-header{height:64px!important;min-height:64px!important;padding:0 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important}.header-container{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0!important}.app-header h1{font-size:1.2rem!important;margin:0!important;flex:1!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:none!important}.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:15px!important}.logout-btn{padding:6px 12px!important;font-size:.875rem!important;white-space:nowrap!important}.section-header{flex-direction:row;align-items:center}.dashboard-container{flex-direction:column;height:calc(100vh - 64px)}.sidebar-toggle{display:block;position:relative;float:none;z-index:20}.left-sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid #e0e0e0;max-height:50px;overflow:hidden;transition:max-height .3s ease}.left-sidebar.expanded{max-height:300px;overflow-y:auto}.sidebar-menu{padding-top:10px}.sidebar-menu .menu-item{padding:10px 16px 10px 45px;opacity:0;transition:opacity .2s ease}.left-sidebar.expanded .menu-item{opacity:1}.filter-options{grid-template-columns:1fr}.create-task-btn,.filter-btn{flex:1;justify-content:center;text-align:center}.main-content{padding:.75rem;flex:1;overflow-y:auto}}@media (max-width: 576px){.tasks-table-container{display:none}.tasks-card-container{display:block}.card-grid{grid-template-columns:1fr}.task-card{margin-bottom:.75rem}.filter-panel{padding:.75rem}}@media (max-width: 480px){.header-container{padding:.5rem}.app-header h1{font-size:1rem;max-width:60%}.logout-btn{padding:4px 8px;font-size:12px}}body{background-color:#f5f5f5!important;color:#333!important}.app-header{background-color:#f8f9fa!important;border-color:#e9ecef!important}.app-header h1{color:#333!important}.left-sidebar,.filter-panel,.tasks-table-container,.task-card{background-color:#fff!important;border-color:#e0e0e0!important}.menu-item{color:#333!important}.menu-item:hover{background-color:#f0f7ff!important}.menu-item.active{background-color:#e6f2ff!important;color:#06c!important;border-color:#06c!important}.filter-btn,.tasks-table th,.suggestion-item{background-color:#f9f9f9!important;color:#555!important;border-color:#ddd!important}.tasks-table td{border-color:#eee!important}.task-row:hover{background-color:#f5f8ff!important}.filter-group select,.filter-group input[type=date],.filter-group .search-input{background-color:#fff!important;color:#333!important;border-color:#ddd!important}.suggestions-dropdown{background-color:#fff!important;border-color:#ddd!important}.suggestion-item{border-color:#f0f0f0!important;background-color:#fff!important}.suggestion-item:hover{background-color:#f5f7fa!important}.logout-btn{background-color:#f8f9fa!important;color:#333!important;border:1px solid #ddd!important}.logout-btn:hover{background-color:#e9ecef!important}.create-task-btn{background-color:#06c!important;color:#fff!important;border:none!important}.create-task-btn:hover{background-color:#0055b3!important}.filter-btn{background-color:#fff!important;color:#333!important;border:1px solid #ddd!important}.filter-btn:hover{background-color:#f5f5f5!important}.filter-btn.active{background-color:#e6f2ff!important;border-color:#06c!important;color:#06c!important}.clear-filter-btn{background-color:#f0f0f0!important;color:#333!important;border:1px solid #ddd!important}.clear-filter-btn:hover{background-color:#e0e0e0!important}::-webkit-scrollbar-track{background:#f1f1f1!important}::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1!important}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1!important}input,textarea,select,.form-control,.search-input{background-color:#fff!important;color:#333!important;border-color:#ddd!important}input:focus,textarea:focus,select:focus,.form-control:focus,.search-input:focus{background-color:#fff!important;color:#333!important;border-color:#06c!important;box-shadow:0 0 0 2px #06c3!important}.suggestions-dropdown,.suggestions-item,option,.custom-dropdown input,.custom-dropdown .suggestions-dropdown{background-color:#fff!important;color:#333!important}::placeholder{color:#999!important}.login-container-centered{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;position:relative;overflow:hidden}.login-container-centered:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="30" cy="30" r="2"/></g></svg>') repeat;pointer-events:none}.login-form-box{width:100%;max-width:440px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;position:relative;z-index:1;transition:all .3s ease}.login-form-box:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff4d}.login-header{text-align:center;margin-bottom:2.5rem;position:relative}.login-header:before{content:"🏢";font-size:3rem;display:block;margin-bottom:1rem;opacity:.8}.login-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-header p{margin:0;color:#6b7280;font-size:1rem;font-weight:400}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #dc2626;font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}.error-message:before{content:"⚠️";font-size:1.2rem}.form-group{margin-bottom:1.8rem;width:100%}.form-group label{display:block;font-size:.95rem;font-weight:600;margin-bottom:.7rem;color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.form-group input{width:100%;padding:1rem 1.2rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;box-sizing:border-box;background-color:#f9fafb;transition:all .3s ease;font-weight:500}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#fff;transform:translateY(-2px)}.form-group input::placeholder{color:#9ca3af;font-weight:400}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;width:100%}.forgot-link{font-size:.85rem;color:#667eea;text-decoration:none;font-weight:600;transition:all .2s ease}.forgot-link:hover{color:#764ba2;text-decoration:underline;transform:translate(2px)}.password-input-container{position:relative;width:100%}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;font-weight:600;padding:.3rem;border-radius:6px;transition:all .2s ease}.toggle-password:hover{background-color:#f3f4f6;color:#374151}.remember-me{display:flex;align-items:center;margin-bottom:2rem;gap:.7rem}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer;margin:0}.remember-me label{color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.login-button: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 .5s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.signup-prompt{margin-top:2rem;text-align:center;font-size:.95rem;color:#6b7280;padding:1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.signup-prompt a{color:#667eea;text-decoration:none;font-weight:600;transition:all .2s ease}.signup-prompt a:hover{color:#764ba2;text-decoration:underline}.support-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.support-link{font-size:.9rem;color:#6b7280}.support-link a{color:#667eea;text-decoration:none;font-weight:600;transition:all .2s ease}.support-link a:hover{color:#764ba2;text-decoration:underline}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-button:disabled{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 480px){.login-form-box{margin:1rem;padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-header:before{font-size:2.5rem}}.login-button:focus-visible,.form-group input:focus-visible,.toggle-password:focus-visible,.forgot-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}.login-container-main{display:flex;min-height:100vh;width:100%}.brand-panel-left{flex:1;background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1);display:flex;align-items:center;justify-content:center;padding:4rem 3rem;position:relative;overflow:hidden}.brand-panel-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><circle cx="40" cy="40" r="2"/></g></svg>') repeat;pointer-events:none}.brand-content-wrapper{max-width:500px;width:100%;text-align:center;position:relative;z-index:1}.brand-logo-section{background:#fffffff2;padding:2.5rem;border-radius:24px;margin-bottom:3rem;box-shadow:0 15px 35px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-logo-large{height:70px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.brand-text-section{margin-bottom:3rem}.brand-title-main{font-size:3rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.1}.brand-subtitle-main{font-size:1.3rem;color:#ffffffe6;margin:0;font-weight:300;letter-spacing:.5px}.features-grid{display:grid;gap:1.5rem;margin-top:3rem}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:left;transition:all .3s ease}.feature-card:hover{background:#ffffff26;transform:translateY(-2px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{color:#fff;font-size:1.3rem;margin:0 0 .8rem;font-weight:600}.feature-card p{color:#ffffffd9;font-size:1rem;margin:0;line-height:1.5}.login-panel-right{flex:1;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:3rem}.login-form-wrapper{width:100%;max-width:420px;background:#fff;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 50px #00000014}.mobile-logo-section{display:none}.login-header-section{text-align:center;margin-bottom:2.5rem}.login-header-section h2{font-size:2.2rem;font-weight:700;color:#1e293b;margin:0 0 .8rem}.login-header-section p{color:#64748b;font-size:1.1rem;margin:0;font-weight:400}.login-form{width:100%}.error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1rem 1.2rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #dc2626;font-size:.95rem;display:flex;align-items:center;gap:.7rem}.error-alert:before{content:"⚠️";font-size:1.2rem}.input-group{margin-bottom:1.8rem}.input-group label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.8rem}.input-group input{width:100%;padding:1rem 1.2rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#f8fafc;transition:all .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.input-group input::placeholder{color:#94a3b8}.password-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.forgot-password-link{font-size:.9rem;color:#0ea5e9;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password-link:hover{color:#0284c7;text-decoration:underline}.password-field-wrapper{position:relative}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.password-toggle-btn:hover{background:#f1f5f9}.checkbox-group{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#0ea5e9;cursor:pointer}.checkbox-group label{color:#64748b;font-size:.95rem;cursor:pointer;margin:0}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e94d}.submit-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.bottom-links{margin-top:2rem;text-align:center;space-y:1rem}.bottom-links p{color:#64748b;font-size:.95rem;margin:0 0 1rem}.bottom-links a{color:#0ea5e9;text-decoration:none;font-weight:500;transition:color .2s ease}.bottom-links a:hover{color:#0284c7;text-decoration:underline}.support-text{padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.9rem;color:#64748b}@media (max-width: 1024px){.brand-panel-left{display:none}.login-panel-right{flex:none;width:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7);padding:2rem 1.5rem}.mobile-logo-section{display:block;text-align:center;margin-bottom:2rem}.mobile-logo{height:60px;width:auto;max-width:250px;object-fit:contain;background:#fff;padding:1rem 2rem;border-radius:16px;box-shadow:0 8px 25px #0000001a}.login-form-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000026}}@media (max-width: 480px){.login-panel-right{padding:1.5rem 1rem}.login-form-wrapper{padding:2rem 1.5rem}.brand-title-main{font-size:2rem}.login-header-section h2{font-size:1.8rem}}.mobile-selection-indicator{display:none}@media (max-width: 768px){.mobile-selection-indicator{display:block;background-color:var(--primary-light);color:var(--primary-color);padding:8px 12px;border-radius:var(--radius);margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.mobile-selection-indicator button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}}:root{--primary-color: #4566e5;--primary-light: #eef1ff;--secondary-color: #454e56;--success-color: #34c759;--success-light: #ebfaf0;--warning-color: #ff9500;--warning-light: #fff4e6;--danger-color: #ff3b30;--danger-light: #ffebe9;--info-color: #5ac8fa;--info-light: #ebf8ff;--text-color: #333333;--text-light: #757575;--text-lighter: #a0a0a0;--background-color: #f5f7fa;--card-background: #ffffff;--border-color: #e1e5eb;--shadow: 0 2px 5px rgba(0, 0, 0, .08);--transition: all .2s ease;--radius: 8px;--table-header-bg: #f8f9fb;--table-row-hover: #f5f7ff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;line-height:1.5}.leave-management-container{padding:20px 0;width:100%;max-width:1200px;margin:0 auto}.leave-header{margin-bottom:24px}.leave-header h2{margin:0 0 8px;font-size:24px;color:#333}.leave-header p{margin:0;color:#666;font-size:14px}.leave-cards-container{display:flex;flex-direction:column;gap:16px}.leave-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;display:block;opacity:1;visibility:visible}.leave-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f0f4f8;border-bottom:1px solid #e0e0e0}.leave-header h3{margin:0;font-size:16px;color:#333}.leave-status{padding:4px 10px;border-radius:50px;font-size:12px;font-weight:500;text-transform:uppercase}.leave-status.pending{background-color:#fff8e6;color:#f5a623}.leave-status.approved{background-color:#e6f9f0;color:#00b074}.leave-status.rejected{background-color:#ffe6e6;color:#d32f2f}.leave-details{padding:16px}.leave-detail-row{display:flex;margin-bottom:10px}.leave-detail-label{flex:0 0 100px;font-weight:500;color:#555}.leave-detail-value{flex:1;color:#333}.reason-text{word-break:break-word}.leave-actions{display:flex;justify-content:space-between;padding:0 16px 16px}.view-details-btn{padding:8px 16px;background-color:#f0f4f8;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px}.approval-btns{display:flex;gap:8px}.approve-btn,.reject-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.approve-btn{background-color:#00b074;color:#fff}.reject-btn{background-color:#d32f2f;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.leave-detail-modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:18px}.modal-content{padding:16px;overflow-y:auto;flex:1}.detail-section{margin-bottom:24px}.detail-section h4{margin:0 0 16px;font-size:16px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.detail-item{margin-bottom:12px;display:flex}.detail-label{flex:0 0 120px;font-weight:500;color:#555}.detail-value{flex:1;color:#333}.status-badge{display:inline-block;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:500;text-transform:uppercase}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-footer{padding:16px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.close-btn{padding:8px 20px;background-color:#f0f4f8;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #4a90e2;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:12px}.empty-state{text-align:center;padding:40px 0;color:#777}@media (max-width: 768px){.leave-management-container{padding:15px}.leave-detail-row{flex-direction:column}.leave-detail-label{flex:none;margin-bottom:4px}.leave-actions{flex-direction:column;gap:10px}.view-details-btn,.approval-btns{width:100%}.approval-btns{display:flex;justify-content:space-between}.approve-btn,.reject-btn{flex:1}.leave-detail-modal{width:95%;max-height:95vh}.detail-item{flex-direction:column}.detail-label{flex:none;margin-bottom:4px}}.stats-title{margin-bottom:16px;padding:0 4px}.stats-for-label{font-size:15px;color:var(--text-light);font-weight:500;display:flex;align-items:center}.stats-for-label span{color:var(--primary-color);font-weight:600;margin-right:10px}.clear-selection-btn{font-size:12px;background-color:var(--primary-light);color:var(--primary-color);border:none;border-radius:4px;padding:3px 8px;cursor:pointer;margin-left:8px;display:inline-flex;align-items:center}.clear-selection-btn:hover{background-color:var(--primary-color);color:#fff}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:var(--card-background);padding:16px 20px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:16px;transition:var(--transition);border-left:4px solid transparent}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.approved{border-left-color:var(--success-color)}.stat-card.pending{border-left-color:var(--warning-color)}.stat-card.rejected{border-left-color:var(--danger-color)}.stat-card.upcoming{border-left-color:var(--info-color)}.stat-card.total{border-left-color:var(--primary-color)}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;justify-content:center;align-items:center}.approved .stat-icon{background-color:var(--success-light)}.pending .stat-icon{background-color:var(--warning-light)}.rejected .stat-icon{background-color:var(--danger-light)}.upcoming .stat-icon{background-color:var(--info-light)}.total .stat-icon{background-color:var(--primary-light)}.icon-placeholder{width:18px;height:18px;border-radius:2px}.approved .icon-placeholder{background-color:var(--success-color)}.pending .icon-placeholder{background-color:var(--warning-color)}.rejected .icon-placeholder{background-color:var(--danger-color)}.upcoming .icon-placeholder{background-color:var(--info-color)}.total .icon-placeholder{background-color:var(--primary-color)}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;line-height:1.2}.stat-label{font-size:13px;color:var(--text-light)}.filters-container{display:flex;gap:20px;margin-bottom:24px;background-color:var(--card-background);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-end}.filter-group:first-child{min-width:180px}.filter-group label{font-size:13px;color:var(--text-light);margin-bottom:6px}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-color);background-color:#fff}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4566e51a}.search-group{flex-grow:1}.search-group input{width:100%}.leave-requests-section{background-color:var(--card-background);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;overflow:auto}.leave-requests-section h2{font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.loading-indicator{text-align:center;padding:40px;color:var(--text-light)}.leave-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px}.leave-table th,.leave-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.leave-table th{background-color:var(--table-header-bg);font-size:13px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.leave-table tr:hover td{background-color:var(--table-row-hover)}.leave-table td{font-size:14px}.no-results{text-align:center;padding:40px!important;color:var(--text-light)}.technician-cell{display:flex;align-items:center;gap:12px;min-width:150px}.technician-cell.clickable{cursor:pointer;transition:var(--transition)}.technician-cell.clickable:hover{background-color:var(--primary-light)}.technician-cell.clickable.selected{background-color:var(--primary-light);border-left:3px solid var(--primary-color)}@media (max-width: 768px){.leave-table thead{display:none}.leave-table,.leave-table tbody,.leave-table tr,.leave-table td{display:block;width:100%;box-sizing:border-box}.leave-table tr{margin-bottom:20px;border:1px solid var(--border-color);border-radius:var(--radius);position:relative}.leave-table td{display:flex;padding:10px 15px;text-align:right;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.leave-table td:before{content:attr(data-label);font-weight:600;text-align:left;font-size:12px;color:var(--text-light);flex:1;margin-right:10px}.leave-table td:last-child{border-bottom:none}.technician-cell{background-color:var(--primary-light);padding:15px!important;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:1px solid var(--primary-color)!important}.technician-cell:before{display:none}.status-badge{margin-left:auto}.action-container{width:100%}.remark-input-wrapper{max-width:100%;width:100%}}.tech-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary-light);color:var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;flex-shrink:0}.tech-info{display:flex;flex-direction:column;overflow:hidden}.tech-name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-id{font-size:12px;color:var(--text-light)}.status-badge{padding:5px 10px;border-radius:100px;font-size:12px;font-weight:500;display:inline-block;text-align:center;min-width:80px;white-space:nowrap}.status-badge.approved{background-color:var(--success-light);color:var(--success-color)}.status-badge.pending{background-color:var(--warning-light);color:var(--warning-color)}.status-badge.rejected{background-color:var(--danger-light);color:var(--danger-color)}.action-container{width:100%}.remark-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:300px}.manager-remark-input{flex-grow:1;padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;color:var(--text-color);min-width:0}.manager-remark-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4566e51a}.inline-action-buttons{display:flex;gap:4px;flex-shrink:0}.manager-note{font-size:13px;color:var(--text-light);padding:6px 10px;border-radius:4px;background-color:var(--primary-light);border-left:3px solid var(--primary-color);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approve-btn,.reject-btn{width:28px;height:28px;border-radius:4px;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition);font-size:14px}.approve-btn:hover,.reject-btn:hover{transform:scale(1.1)}.approve-btn{background-color:var(--success-light);color:var(--success-color)}.reject-btn{background-color:var(--danger-light);color:var(--danger-color)}@media (max-width: 1200px){.stats-container{grid-template-columns:repeat(3,1fr);gap:16px}.leave-requests-section{overflow-x:auto}}@media (max-width: 992px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.leave-management-container{padding:16px}.header-content{flex-direction:column;align-items:flex-start}.stats-container{grid-template-columns:1fr}.stats-for-label{flex-direction:column;align-items:flex-start}.stats-for-label span{margin-top:4px;margin-bottom:8px}.filters-container{flex-direction:column;gap:16px}.filter-group,.search-group{width:100%}.remark-input-wrapper{flex-direction:row;align-items:center;max-width:100%}.manager-remark-input{flex:1;margin-bottom:0}.inline-action-buttons{flex-shrink:0}.leave-table{min-width:650px}.technician-cell{min-width:120px}}@media (max-width: 576px){.leave-management-container{padding:12px}.stat-card{padding:12px 16px}.stat-value{font-size:20px}.leave-table{min-width:500px}.leave-table th,.leave-table td{padding:10px 12px;font-size:13px}.tech-avatar{width:30px;height:30px;font-size:12px}.remark-input-wrapper{gap:4px}.manager-remark-input{padding:4px 8px}.approve-btn,.reject-btn{width:24px;height:24px}.manager-note{max-width:150px;padding:4px 8px;font-size:12px}}.leave-management-container.mobile-responsive{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.leave-management-container table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.leave-card{width:100%;margin-bottom:12px}.leave-details{padding:12px}.leave-item{display:flex!important;width:100%!important}.leave-status{display:inline-block!important}.leave-management-container *{visibility:visible!important;opacity:1!important}}@media (max-width: 768px){.leave-management-container,.leave-card,.leave-card *,.leave-detail-row,.leave-detail-label,.leave-detail-value{color:#333!important;opacity:1!important;visibility:visible!important;display:block!important}.leave-card{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff}.leave-card .leave-header{background-color:#f5f7fa;padding:12px;border-bottom:1px solid #e0e0e0}.leave-detail-row{padding:8px 12px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:row!important;justify-content:space-between}.leave-detail-label{font-weight:600;min-width:100px;flex:0 0 auto}.leave-detail-value{flex:1;text-align:right}.leave-card>div:first-child{background-color:#f0f4ff;padding:10px;font-weight:700}.leave-status{display:inline-block!important;padding:4px 8px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important}.leave-card .actions{padding:12px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.leave-requests-title{font-size:18px;font-weight:600;margin:20px 0 15px;padding-bottom:10px;border-bottom:1px solid #eee}}.leave-statistics{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stat-card{flex:1 1 calc(20% - 15px);min-width:150px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center}.stat-indicator{width:4px;height:100%;min-height:70px}.stat-indicator.approved{background-color:#4caf50}.stat-indicator.pending{background-color:#ff9800}.stat-indicator.rejected{background-color:#f44336}.stat-indicator.upcoming{background-color:#2196f3}.stat-indicator.total{background-color:#673ab7}.stat-content{padding:15px;flex:1}.stat-number{font-size:24px;font-weight:700;margin:0;color:#333}.stat-label{font-size:14px;color:#666;margin:5px 0 0}@media (max-width: 768px){.leave-statistics{flex-direction:column;gap:10px}.stat-card{min-width:100%}.leave-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.filter-group label{display:block;margin-bottom:5px;font-weight:500}.filter-group select,.filter-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}}.expense-reports-section{padding:1rem;width:100%;box-sizing:border-box;background-color:#f8f9fa;min-height:80vh;font-size:14px}.section-header h2{margin:0;color:#333;font-size:1.5rem}.header-actions{display:flex;gap:.5rem}.filter-btn,.export-btn{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;border:1px solid #ccc;transition:all .3s ease;display:flex;align-items:center;font-size:.875rem}.filter-btn{background-color:#f5f5f5;color:#333}.filter-btn:hover{background-color:#e9e9e9}.filter-btn.active{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.export-btn{background-color:#007bff;color:#fff}.export-btn:hover{background-color:#0069d9}.filter-panel{background-color:#fff;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 2px 6px #0000001a;z-index:50;position:relative;width:100%;box-sizing:border-box}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.filter-group{margin-bottom:1rem;position:relative}.filter-group label{display:block;font-size:.875rem;color:#555;margin-bottom:.5rem;font-weight:500}.filter-group select,.filter-group input[type=date],.filter-group .search-input,.date-input{width:100%;padding:.625rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;line-height:1.5;background-color:#fff;height:38px}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group .search-input:focus,.date-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.custom-dropdown{position:relative;width:100%}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 6px #0000001a}.suggestion-item{padding:8px 12px;cursor:pointer;font-size:.875rem;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.suggestion-item:hover{background-color:#f5f8ff}.suggestion-loading{padding:8px 12px;text-align:center;color:#999;font-size:.875rem}.clear-filter-btn{padding:8px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;margin-top:1.5rem;height:38px;background-color:#f0f0f0;color:#333;width:100%}.clear-filter-btn:hover{background-color:#e0e0e0}.expense-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:20px;width:100%}.table-responsive{overflow-x:auto;width:100%}.expense-table{width:100%;border-collapse:collapse;table-layout:fixed}.expense-table th,.expense-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expense-table th{background-color:#f5f5f5;font-weight:600;color:#555;position:sticky;top:0;z-index:10}.expense-table th:nth-child(1){width:10%}.expense-table th:nth-child(2){width:12%}.expense-table th:nth-child(3){width:12%}.expense-table th:nth-child(4){width:10%}.expense-table th:nth-child(5){width:10%}.expense-table th:nth-child(6){width:12%}.expense-table th:nth-child(7){width:10%}.expense-table th:nth-child(8){width:10%}.expense-table th:nth-child(8){width:13%}.expense-table tr:last-child td{border-bottom:none}.expense-row{cursor:pointer;transition:background-color .15s ease}.expense-row:hover{background-color:#f5f8ff}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-badge.approved{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.rejected{background-color:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.status-badge.inprogress,.status-badge.in-progress,.status-badge.processing{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge.completed{background-color:#c3e6cb;color:#155724}.loading-cell,.empty-cell{padding:20px;text-align:center;color:#666}.expense-card-container{display:none}.expense-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:1rem;width:100%;box-sizing:border-box}.expense-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.expense-card-title{font-weight:700;font-size:.9375rem;max-width:60%}.expense-card-date{font-size:.875rem;color:#666}.expense-card-row{display:flex;margin-bottom:.5rem;font-size:.875rem}.expense-card-label{font-weight:500;width:90px;color:#666;flex-shrink:0}.expense-card-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-card-actions{margin-top:1rem;display:flex;justify-content:flex-end}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.expense-detail-modal{background-color:#fff;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;margin:20px auto;border-radius:10px;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1}.modal-header h3{margin:0;color:#333;font-size:1.2rem}.close-modal-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;line-height:1}.close-modal-btn:hover{color:#666}.modal-content{padding:1rem;overflow-y:auto;flex-grow:1}.detail-sections-container,.detail-columns{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.detail-section{background-color:#f9f9f9;border-radius:6px;padding:15px;margin-bottom:15px}.section-title,.detail-section h4{margin-top:0;margin-bottom:12px;color:#333;font-size:1.1rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #eee}.detail-items{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;flex-wrap:wrap;font-size:.875rem}.detail-label{font-weight:500;color:#555;width:40%;margin-right:10px;font-size:.9rem}.detail-value{color:#333;flex:1;font-size:.95rem}.signature-section{margin:1.5rem 0}.signature-container{background-color:#f9f9f9;padding:15px;border-radius:6px;display:flex;justify-content:center;max-width:300px;border:1px solid #eee}.signature-image{max-width:100%;max-height:200px;border:1px solid #ddd;background-color:#fff;display:block}.expense-items-section{margin-bottom:20px}.expense-items-section h4{font-size:1rem;color:#333;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.expense-table-wrapper{overflow-x:auto}.expense-items-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.expense-items-table th,.expense-items-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #eee;word-wrap:break-word;overflow-wrap:break-word}.expense-items-table thead{background-color:#f8f9fa}.expense-items-table th{font-weight:600;color:#333;position:sticky;top:0;z-index:10;background-color:#f8f9fa}.description-cell{max-width:100%;white-space:normal;word-break:break-word}.expense-item-row td{background-color:#fff}.cell-content{display:inline-block;width:100%;word-break:break-word;overflow-wrap:break-word}.document-cell{vertical-align:middle}.amount-cell{text-align:right;font-family:monospace;font-weight:500}.total-row{background-color:#f8f9fa;font-weight:700}.total-label{text-align:right;padding-right:16px}.total-amount{text-align:right;font-family:monospace;font-size:1.1em}@media (max-width: 768px){.expense-items-table{border:none}.expense-items-table thead{display:none}.expense-items-table tr{display:block;margin-bottom:16px;border:1px solid #eee;border-radius:8px;padding:12px}.expense-items-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 4px;border:none;border-bottom:1px solid #f0f0f0}.expense-items-table td:last-child{border-bottom:none}.expense-items-table td:before{content:attr(data-label);font-weight:600;flex:0 0 40%;max-width:40%}.total-row{background-color:#f5f5f5;border-radius:8px}.total-label{font-weight:600}}.document-links{display:flex;flex-wrap:wrap;gap:10px}.document-link{display:block;text-decoration:none;color:#06c}.document-thumbnail{width:100px;border:1px solid #ddd;border-radius:4px;overflow:hidden;background-color:#f9f9f9;transition:transform .2s ease}.document-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.thumbnail-image{width:100%;height:70px;object-fit:cover;object-position:center}.document-name{font-size:11px;padding:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f3f3f3}@media (max-width: 1200px){.filter-options{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.filter-options{grid-template-columns:repeat(2,1fr)}.detail-column{flex:100%}}@media (max-width: 768px){.filter-options{grid-template-columns:1fr}.filter-group{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.header-actions,.filter-btn{width:100%}.clear-filter-btn{flex:1;justify-content:center;text-align:center}.detail-label{width:100%;margin-bottom:4px}.detail-value{width:100%}.document-links{flex-direction:column}.document-thumbnail{width:100%;max-width:200px}.expense-items-table th,.expense-items-table td{padding:8px}.expense-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;border-radius:0;display:flex;flex-direction:column;max-height:100%;padding:0}.modal-header{padding:10px 12px;border-bottom:1px solid #ddd}.modal-content{flex:1;overflow-y:auto;padding:12px}.modal-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #ddd;padding:10px 12px;margin-top:auto;width:100%;z-index:10}.detail-sections-container{flex-direction:column}.detail-column{width:100%;margin-bottom:10px}.detail-section{margin-bottom:10px;padding:8px}.section-title{font-size:14px;margin-bottom:6px}.detail-item{margin-bottom:4px}.detail-label,.expense-item-label{font-size:12px;font-weight:600}.detail-value,.expense-item-value{font-size:13px}.description-value{line-height:1.3}.expense-item-card{padding:8px;margin-bottom:8px}.expense-item-header{padding-bottom:6px;margin-bottom:6px}.expense-item-row{margin-bottom:4px;padding-bottom:4px}.expense-item-date{font-size:12px}.expense-item-amount{font-size:14px}.document-thumbnail{padding:4px 8px;font-size:12px}.export-buttons{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.close-btn,.export-btn{width:100%;padding:12px;text-align:center;font-size:15px;border-radius:4px}.total-amount{font-size:16px;font-weight:700}.expense-total-card{padding:10px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}}@media (max-width: 576px){.expense-table-container{display:none}.expense-card-container{display:block}.expense-card{margin-bottom:.75rem}.filter-panel{padding:.75rem}}.view-details-btn{padding:6px 12px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s ease}.view-details-btn:hover{background-color:#138496}.expense-cards-container{display:flex;flex-direction:column;gap:12px;width:100%}.expense-item-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000d}.expense-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.expense-item-date{font-weight:600;color:#333;font-size:1rem}.expense-item-amount{font-weight:700;color:#2c3e50;font-size:1.1rem;font-family:monospace}.expense-item-row{display:flex;margin-bottom:10px;padding:4px 0;border-bottom:1px dashed #f0f0f0}.expense-item-label{flex:0 0 100px;font-weight:500;color:#555;font-size:.9rem}.expense-item-value{flex:1;word-break:break-word;font-size:.95rem}.description-value{font-style:normal;color:#333;line-height:1.5}.expense-total-card{display:flex;justify-content:space-between;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-top:8px;box-shadow:0 2px 4px #0000000d}.total-label{font-weight:600;font-size:1.1rem;color:#333}.total-value{font-weight:700;font-size:1.2rem;color:#2c3e50;font-family:monospace}.document-links{display:flex;flex-wrap:wrap;gap:8px}.document-thumbnail{display:flex;align-items:center;gap:6px;background-color:#f0f8ff;border:1px solid #d1e5ff;padding:6px 10px;border-radius:6px;text-decoration:none;color:#0366d6;transition:background-color .2s}.document-thumbnail:hover{background-color:#e1f0ff}.no-documents{color:#888;font-style:italic;padding:6px 10px}@media (max-width: 768px){.expense-item-row{flex-direction:column;gap:4px}.expense-item-label{flex:none;margin-bottom:4px}.expense-item-header{flex-direction:column;align-items:flex-start;gap:8px}.expense-item-date{font-size:.9rem}.expense-total-card{flex-direction:column;gap:8px}}.export-buttons{display:flex;gap:10px}.export-btn{padding:8px 16px;border-radius:4px;font-size:.9rem;cursor:pointer;font-weight:500;border:none;transition:all .2s ease}.excel-btn{background-color:#1d6f42;color:#fff}.excel-btn:hover{background-color:#155a35}.pdf-btn{background-color:#d92c0c;color:#fff}.pdf-btn:hover{background-color:#b62409}@media (max-width: 480px){.expense-item-row{flex-direction:column}.expense-item-label{margin-bottom:4px}}@media (max-width: 480px){.modal-header h3{font-size:1rem}.detail-label,.expense-item-label{font-size:.85rem}.detail-value,.expense-item-value{font-size:.9rem}.expense-item-header{flex-direction:column;align-items:flex-start}.expense-items-table{display:block}.expense-items-table thead{display:none}.expense-items-table tbody{display:block}.expense-items-table tr{display:block;margin-bottom:15px;border:1px solid #eee;border-radius:8px}.expense-items-table td{display:block;text-align:left;padding:8px 10px;border:none;border-bottom:1px solid #eee}.expense-items-table td:last-child{border-bottom:none}.expense-items-table td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:5px}.expense-cards-container{padding:0}}@media (max-width: 768px){.navbar-toggler,button[aria-label="Toggle navigation"],.navbar-toggle{z-index:1050!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.main-content{margin-left:0!important;width:100%!important}.expense-reports-section{padding:8px;overflow-x:hidden;width:100%}.expense-table-container{overflow-x:auto}.expense-table{min-width:650px}.expense-card-container{display:block;width:100%}.expense-card{width:100%;margin:8px 0}.filter-panel{padding:10px;border-radius:4px}.filter-options{display:flex;flex-direction:column;gap:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1040;background-color:#00000080;overflow:hidden}.expense-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1050;background:#fff;display:flex;flex-direction:column;margin:0;border-radius:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ddd;position:relative;z-index:10;background-color:#fff}.close-modal-btn{z-index:20;position:relative;display:block!important;visibility:visible!important;opacity:1!important;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer}.modal-content{flex:1;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch}.modal-footer{position:relative;z-index:10;background:#fff;border-top:1px solid #ddd;padding:10px;display:flex;flex-direction:column;gap:8px}.close-btn,.export-btn{width:100%;padding:12px;margin:4px 0;border-radius:4px;font-size:15px;text-align:center}}@media (max-width: 480px){.section-header{flex-direction:column;align-items:flex-start}.section-header h2{margin-bottom:10px;font-size:18px}.filter-group{width:100%}.modal-header h3{font-size:16px}.section-title{font-size:14px}.detail-label,.expense-item-label{font-size:12px}.detail-value,.expense-item-value{font-size:13px}.detail-column{width:100%}}body,html{overflow-x:hidden;width:100%;max-width:100%}.main-container{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.desktop-view{display:none}.mobile-view{display:block}}@media (min-width: 769px){.desktop-view{display:block}.mobile-view{display:none}}.navbar-toggler,.navbar-toggle{display:block;visibility:visible;position:relative;z-index:1100}.sidebar{z-index:1030}@media (max-width: 768px){.sidebar{position:fixed;width:250px;left:-250px;transition:left .3s ease}.sidebar.open{left:0}.main-content.sidebar-open{margin-left:250px}}.navbar-toggle,.navbar-toggler,button[aria-controls=navbarSupportedContent],button.navbar-toggler{display:block!important;visibility:visible!important;opacity:1!important;z-index:9999!important;position:relative!important}.expense-reports-section{width:100%;max-width:100%;overflow-x:hidden;padding:10px}.expense-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.expense-table{width:100%;min-width:650px}.detail-sections-container{display:flex;flex-direction:column}.detail-column{width:100%}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040}.expense-detail-modal{width:90%;max-width:900px;max-height:90vh;margin:20px auto;z-index:1050}@media (max-width: 768px){.expense-detail-modal{width:100%;height:100%;max-height:100%;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;border-radius:0;display:flex;flex-direction:column}.modal-content{flex:1;overflow-y:auto}.section-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;margin-top:10px}.filter-btn{width:100%}header,nav,.navbar,.navbar-header{z-index:9999!important;position:relative!important}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1030}.loading-spinner{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:15px;border-bottom:1px solid #e0e0e0;width:100%}.header-left{display:flex;align-items:center;gap:15px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}.mobile-menu-toggle span{width:24px;height:2px;background-color:#333;transition:all .3s ease;display:block}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:900;display:none}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.section-header h2{font-size:1.25rem;margin:0}.expense-card{width:100%}.sidebar.open{transform:translate(0);left:0}}.modal-backdrop{z-index:1100}.expense-detail-modal{z-index:1101}.approval-form-section,.rejection-form-section{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-top:20px;box-shadow:0 2px 4px #0000001a}.approval-form,.rejection-form{display:flex;flex-direction:column;gap:15px}.form-group label{font-weight:500;color:#333}.form-group input[type=file]{padding:8px;border:1px dashed #ccc;border-radius:4px;background-color:#f5f5f5}.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical}.form-group input[type=number]{padding:10px;border:1px solid #ddd;border-radius:4px;width:150px}.checkbox-group{flex-direction:row;align-items:center;gap:10px}.file-preview{margin-top:10px;max-width:200px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.preview-image{width:100%;height:auto;object-fit:contain}.approval-buttons,.rejection-buttons,.action-buttons{display:flex;gap:10px;margin-top:10px}.approve-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.reject-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.confirm-approval-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.confirm-rejection-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.cancel-approval-btn,.cancel-rejection-btn{background-color:#9e9e9e;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.status-details{margin-top:15px;padding:15px;border-radius:8px}.status-details.approved{background-color:#4caf501a;border:1px solid #4CAF50}.status-details.rejected{background-color:#f443361a;border:1px solid #F44336}@media (max-width: 768px){.approval-buttons,.rejection-buttons,.action-buttons{flex-direction:column;width:100%}.action-buttons button,.approval-buttons button,.rejection-buttons button{width:100%;margin-bottom:8px}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer button{margin-bottom:8px}.export-buttons{display:flex;flex-direction:column;width:100%}.export-buttons button{width:100%;margin-bottom:8px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.technician-expenses-page{padding:20px;max-width:1200px;margin:0 auto}.header-section{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.back-button{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .3s;display:flex;align-items:center}.back-button:hover{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}.header-section h1{margin:0;font-size:24px;flex-grow:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #1890ff;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.technician-info{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #ebedf0}.technician-info h2{margin-top:0;margin-bottom:15px;color:#333}.technician-info p{margin:8px 0;color:#666}.filter-section{background-color:#fff;border-radius:8px;padding:15px 20px;margin-bottom:20px;border:1px solid #ebedf0}.filter-section h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#333}.date-filters{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.filter-field{display:flex;flex-direction:column;min-width:200px}.filter-field label{margin-bottom:5px;font-size:14px;color:#666}.filter-field input{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.reset-button{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;height:38px;margin-top:19px;transition:all .3s}.reset-button:hover{background-color:#fafafa;border-color:#d9d9d9}.expenses-summary{background-color:#e6f7ff;border-radius:8px;padding:15px 20px;margin-bottom:20px;border:1px solid #91d5ff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.expenses-summary h3{margin:0;color:#333;font-size:18px}.expenses-summary p{margin:0;color:#666}.expenses-table-container{overflow-x:auto;background-color:#fff;border-radius:8px;border:1px solid #ebedf0;margin-bottom:20px}.expenses-table{width:100%;border-collapse:collapse;font-size:14px}.expenses-table th{background-color:#fafafa;font-weight:600;text-align:left;padding:12px 16px;border-bottom:1px solid #ebedf0;white-space:nowrap}.expenses-table td{padding:12px 16px;border-bottom:1px solid #ebedf0}.expenses-table tr:last-child td{border-bottom:none}.expenses-table tr:hover{background-color:#f5f5f5}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.approved{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status-badge.rejected{background-color:#fff1f0;border:1px solid #ffa39e;color:#f5222d}.status-badge.pending{background-color:#fffbe6;border:1px solid #ffe58f;color:#faad14}.status-badge.processing{background-color:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.no-expenses-message{text-align:center;padding:40px;background-color:#fff;border-radius:8px;border:1px solid #ebedf0;color:#999}@media (max-width: 768px){.technician-expenses-page{padding:10px}.header-section{flex-direction:column;align-items:flex-start}.header-section h1{margin-top:10px;font-size:20px}.filter-field{min-width:100%}.reset-button{margin-top:0;width:100%}.expenses-summary{flex-direction:column;align-items:flex-start;gap:10px}.expenses-table th,.expenses-table td{padding:10px 12px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.expense-detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:8px 8px 0 0}.modal-header h3{margin:0;color:#2a3f54;font-size:1.4rem}.close-modal-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%}.close-modal-btn:hover{background-color:#e9ecef;color:#343a40}.modal-content{padding:20px}.detail-sections-container{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.detail-column{flex:1;min-width:300px}.detail-section{background-color:#f8f9fa;border-radius:6px;padding:16px;margin-bottom:20px;border-left:4px solid #3498db}.section-title{margin-top:0;margin-bottom:12px;color:#2a3f54;font-size:1.1rem;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:8px}.detail-items{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;flex-wrap:wrap}.detail-label{min-width:150px;font-weight:600;color:#495057}.detail-value{flex:1;color:#212529;word-break:break-word}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background-color:#ffeeba;color:#856404}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.rejected{background-color:#f8d7da;color:#721c24}.status-badge.completed{background-color:#d1ecf1;color:#0c5460}.status-badge.in-progress,.status-badge.inprogress{background-color:#cce5ff;color:#004085}.signature-section{margin-bottom:24px}.signature-container{border:1px solid #ced4da;border-radius:4px;padding:10px;background-color:#f8f9fa;display:flex;justify-content:center}.signature-image{max-width:300px;max-height:100px}.expense-items-section{margin-bottom:24px}.expense-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid #dee2e6}.expense-items-table{width:100%;border-collapse:collapse}.expense-items-table th,.expense-items-table td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.expense-items-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.expense-items-table tr:nth-child(2n){background-color:#f8f9fa}.expense-items-table tr:hover{background-color:#f1f3f5}.amount-cell{text-align:right;font-weight:500}.total-row{background-color:#e9ecef!important;font-weight:600}.total-label{text-align:right}.total-amount{text-align:right;color:#2a3f54;font-weight:700}.document-link{color:#3498db;text-decoration:none}.document-link:hover{text-decoration:underline}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #dee2e6}.close-btn,.export-btn{padding:10px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.close-btn{background-color:#6c757d;color:#fff;border:none}.close-btn:hover{background-color:#5a6268}.export-btn{background-color:#28a745;color:#fff;border:none}.export-btn:hover{background-color:#218838}@media (max-width: 768px){.detail-sections-container{flex-direction:column}.detail-column{width:100%}.detail-label{min-width:120px}}.tasks-overview-container{width:100%;min-height:calc(100vh - 60px);padding:16px;box-sizing:border-box;max-width:1800px;flex:1;background-color:#f8fafc;margin:0 auto;position:relative}.tasks-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;width:100%;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.tasks-overview-header h1{margin:0;font-size:2rem;color:#1e293b;font-weight:700}.filters-container{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.search-box,.priority-filter,.technician-filter{display:flex;flex-direction:column;min-width:200px;max-width:200px;flex-shrink:0}.search-input,.priority-select,.technician-select,.date-type-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.technician-select{max-width:200px}.technician-select option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.search-input:focus,.priority-select:focus,.technician-select:focus,.date-type-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-filter-section{display:flex;flex-direction:column;gap:10px;min-width:300px}.date-filter-type{display:flex;flex-direction:column}.date-range-inputs{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:12px;font-weight:500;color:#666}.date-input{padding:8px 12px 8px 40px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;width:140px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px;cursor:pointer;position:relative}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23007bff' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")}.date-input:hover{border-color:#999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")}.date-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;margin:0;padding:0}.date-input:not(:placeholder-shown){background-color:#f0f8ff;border-color:#007bff}.clear-dates-btn{padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;height:fit-content;white-space:nowrap}.clear-dates-btn:hover{background:#c82333}.tasks-overview-content{display:flex;flex-direction:column;gap:32px;width:100%}.task-section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;overflow:hidden;transition:all .3s ease;width:100%;border:1px solid #e2e8f0;margin-bottom:16px}.task-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;border-bottom:1px solid #e2e8f0;transition:all .3s ease}.section-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.section-header h2{margin:0;font-size:1.4rem;display:flex;align-items:center;color:#1e293b;font-weight:600}.section-icon{margin-right:12px;font-size:1.6rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.task-section.collapsed{max-height:80px}.task-section.expanded{max-height:none}.expand-icon{font-size:1.2rem;color:#64748b;font-weight:700;transition:transform .3s ease}.task-section.expanded .expand-icon{transform:rotate(180deg)}.task-cards-container{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;width:100%;box-sizing:border-box}.task-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;min-height:200px}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.task-card-link{display:flex;text-decoration:none;color:inherit;height:100%;width:100%;flex-direction:column}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#3b82f6,#1d4ed8);flex-shrink:0;position:relative}.task-title{display:flex;flex-direction:column;gap:8px;flex:1;margin-right:12px}.task-title-with-id{display:flex;align-items:center;gap:10px;margin-top:8px}.task-title h3{margin:0;font-size:1.3rem;color:#fff!important;font-weight:700;line-height:1.3;word-wrap:break-word;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.task-id-badge{background-color:#fff3;color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #00000026;flex-shrink:0}.task-status-badge{background:linear-gradient(135deg,#6b7280,#4b5563)}.task-status-badge.completed{background:linear-gradient(135deg,#10b981,#059669)}.task-status-badge.in-progress{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.task-status-badge.todo{background:linear-gradient(135deg,#f59e0b,#d97706)}.task-card-content{padding:0 24px 24px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.task-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;margin-top:16px;grid-auto-rows:auto}.task-info-item{display:flex;flex-direction:column;gap:6px;background-color:#f8fafc;padding:16px;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s ease}.info-label{font-size:11px;color:#6b7280;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#111827;font-weight:600;word-wrap:break-word;line-height:1.4}.task-description{margin:18px 0;font-size:14px;color:#4b5563;line-height:1.6;flex:1;background-color:#f9fafb;padding:16px;border-radius:10px;border-left:4px solid #3b82f6}.task-description p{margin:0}.task-card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.task-badge{padding:6px 12px;border-radius:16px;font-size:11px;color:#fff;font-weight:600;box-shadow:0 2px 6px #00000026;text-transform:uppercase;letter-spacing:.5px}.expense-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.images-badge{background:linear-gradient(135deg,#009688,#00695c)}.parts-badge{background:linear-gradient(135deg,#ff9800,#f57400)}.summary-badge{background:linear-gradient(135deg,#2196f3,#1565c0)}.priority-indicator{padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003;display:inline-block;border:2px solid rgba(255,255,255,.3)}.priority-high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5;box-shadow:0 2px 8px #00000026}.priority-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fbbf24;box-shadow:0 2px 8px #00000026}.priority-low{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border:1px solid #86efac;box-shadow:0 2px 8px #00000026}.no-tasks-message{grid-column:1 / -1;color:#64748b;font-style:italic;text-align:center;padding:40px;font-size:1.1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #cbd5e1}@media (max-width: 1024px){.tasks-overview-container{padding:12px}.task-cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;padding:12px}}@media (max-width: 1024px){.tasks-overview-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-container{width:100%;flex-direction:row;justify-content:space-between}.search-box{flex:1;min-width:200px}.task-cards-container{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 768px){.tasks-overview-container{padding:8px}.tasks-overview-header h1{font-size:1.6rem}.filters-container{flex-direction:column;align-items:stretch}.search-box,.priority-filter,.technician-filter,.date-filter-section{min-width:auto;width:100%}.date-range-inputs{flex-direction:column;align-items:stretch}.date-input{width:100%}.task-cards-container{grid-template-columns:1fr;gap:12px;padding:12px}.task-info-row{grid-template-columns:1fr;gap:12px}.task-card-header{flex-direction:column;align-items:flex-start;gap:12px}.task-title{margin-right:0}.section-header{padding:12px}.section-header h2{font-size:1.1rem}.task-card{min-height:180px}}@media (max-width: 480px){.tasks-overview-container{padding:4px}.tasks-overview-header{margin-bottom:20px}.tasks-overview-header h1{font-size:1.4rem}.task-cards-container{padding:8px;gap:8px}.task-card{min-height:160px}.task-card-content{padding:16px}.section-header{padding:10px}.section-header h2{font-size:1rem}.section-icon{font-size:1.4rem;margin-right:8px}}.task-header-actions{display:flex;align-items:center;gap:12px}.delete-task-btn{background:#fff3;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;padding:0;color:#fff}.delete-task-btn:hover{background:#ffffff4d;transform:scale(1.05)}.task-content-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.delete-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirmation-popup{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;animation:popup .3s ease-out}@keyframes popup{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.delete-confirmation-popup h3{margin:0 0 16px;color:#1e293b;font-size:1.5rem;font-weight:700}.delete-confirmation-popup p{margin:8px 0;color:#64748b;font-size:1rem;line-height:1.5}.delete-confirmation-popup .task-name{color:#1e293b;font-weight:600;font-size:1.1rem;margin:12px 0;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.delete-confirmation-popup .warning-text{color:#dc2626;font-weight:600;margin-top:16px}.confirmation-buttons{display:flex;gap:12px;margin-top:24px}.confirmation-buttons button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#e2e8f0;color:#1e293b}.delete-btn{background:#dc2626;border:none;color:#fff}.delete-btn:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width: 480px){.delete-confirmation-popup{padding:20px;width:95%}.delete-confirmation-popup h3{font-size:1.3rem}.confirmation-buttons button{padding:10px;font-size:13px}}.technician-badge{display:flex;align-items:center;gap:6px;background:#fff3;padding:6px 12px;border-radius:20px;font-size:13px;color:#fff;margin-top:8px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);width:fit-content;transition:all .3s ease}.technician-badge:hover{background:#ffffff4d;transform:translate(4px)}.technician-icon{font-size:14px}.task-card-footer{padding:10px 15px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;background-color:#f9f9f9}.print-report-btn{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.print-report-btn:hover{background-color:#3a7bc8}.print-icon{margin-right:6px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-overlay-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;text-align:center}.task-details-page{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.task-details-header{display:flex;align-items:center;margin-bottom:24px;width:100%}.back-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 16px;margin-right:16px;cursor:pointer;font-size:14px;display:flex;align-items:center;transition:background-color .2s;color:#333;font-weight:500}.task-details-header h1{margin:0;font-size:24px;font-weight:600;color:#333}.task-tabs{display:flex;border-bottom:1px solid #e9ecef;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#fff;width:100%;border-radius:12px 12px 0 0;box-shadow:0 1px 3px #0000000f}.tab-button{background:none;border:none;padding:16px 24px;cursor:pointer;font-size:15px;position:relative;white-space:nowrap;color:#6c757d;font-weight:500;transition:all .3s ease;border-radius:8px 8px 0 0;margin:0 2px}.tab-button:hover{background-color:#f8f9fa;color:#007bff}.tab-button.active{font-weight:600;color:#007bff;background-color:#f8f9fa;border-bottom:3px solid #007bff}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#007bff}.task-content{background-color:#f8f9fa;border-radius:12px;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;min-height:500px}.task-details-tab{padding:24px}.task-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;color:#fff;margin:-24px -24px 32px}.task-card-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.task-status{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-complete,.status-inprogress,.status-todo{background-color:#fff3;color:#fff;border-color:#fff6}.task-section{margin-bottom:32px;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.task-section h3{font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f8f9fa;color:#495057;display:flex;align-items:center}.task-section h3:before{content:"";width:4px;height:20px;background-color:#007bff;margin-right:12px;border-radius:2px}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:8px}.info-item{padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:box-shadow .2s ease}.info-item:first-child{background-color:#e3f2fd;border-color:#bbdefb}.info-item:hover{box-shadow:0 2px 8px #00000014}.info-label{font-size:12px;font-weight:600;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;font-weight:500;color:#212529;word-break:break-word;line-height:1.4}.task-description{font-size:16px;line-height:1.6;color:#444}.issues-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.issue-tag{background:#e3f2fd;color:#1565c0;padding:8px 15px;border-radius:20px;font-size:.95rem;font-weight:500;border:1px solid #bbdefb;display:inline-flex;align-items:center;box-shadow:0 1px 3px #0000001a}.task-location{margin-bottom:12px}.map-link{display:inline-block;background-color:#1976d2;color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;font-size:14px;margin-top:8px}.map-link:hover{background-color:#1565c0}.parts-requests-list{display:flex;flex-direction:column;gap:16px}.parts-request-item{background-color:#f9f9f9;border-radius:8px;padding:16px;border-left:4px solid #1976d2}.parts-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.parts-name{font-size:16px;font-weight:600;color:#333}.parts-status{font-size:14px;padding:4px 8px;border-radius:4px;background-color:#fff}.parts-status.pending{color:#f57c00;background-color:#fff8e1}.parts-status.approved{color:#388e3c;background-color:#e8f5e9}.parts-status.rejected{color:#d32f2f;background-color:#ffebee}.parts-request-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.parts-detail{display:flex;flex-direction:column}.detail-label{font-size:14px;color:#666;margin-bottom:4px}.detail-value{font-size:14px;color:#333}.task-images-tab{display:flex;flex-direction:column;gap:32px;width:100%;box-sizing:border-box}.images-section{width:100%}.images-section h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#444}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;width:100%;max-width:100%}.image-container{background-color:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;aspect-ratio:4/3;position:relative;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.image-container:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}.image-container:hover:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:2}.image-container:hover .task-image{opacity:.9}.task-image{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;transition:opacity .3s ease}.task-image.loading{opacity:.5}.image-timestamp{position:absolute;bottom:0;left:0;right:0;background-color:#0009;color:#fff;padding:8px;font-size:12px;text-align:center;z-index:1}.signature-container{max-width:300px;background-color:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;position:relative}.signature-image{width:100%;background-color:#fff;display:block;max-width:100%}.no-images-message{width:100%;text-align:center;padding:32px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:8px;margin:0 auto}.task-expenses-tab,.expense-reports-list{display:flex;flex-direction:column;gap:24px}.expense-report-card{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.expense-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.expense-report-header h4{margin:0;font-size:18px;color:#333}.expense-status{padding:4px 10px;border-radius:16px;font-size:14px;font-weight:500}.expense-status.pending{background-color:#fff8e1;color:#f57c00}.expense-status.approved{background-color:#e8f5e9;color:#388e3c}.expense-status.rejected{background-color:#ffebee;color:#d32f2f}.expense-total{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.expense-total-label{font-size:16px;color:#666;margin-right:8px}.expense-total-value{font-size:18px;font-weight:600;color:#333}.expense-items-list h5{margin:0 0 12px;font-size:16px;color:#444}.expense-items-table{display:flex;flex-direction:column;width:100%;border-radius:8px;overflow:hidden;border:1px solid #eee}.expense-table-header{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;background-color:#f0f0f0;padding:10px;font-weight:600}.expense-table-row{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;padding:10px;border-top:1px solid #eee;background-color:#fff}.expense-table-row:nth-child(2n){background-color:#f9f9f9}.expense-header-cell,.expense-cell{padding:8px;font-size:14px}.expense-attachments{margin-top:20px}.expense-attachments h5{margin:0 0 12px;font-size:16px;color:#444}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.attachment-item{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:#fff;border-radius:8px;border:1px solid #eee;text-decoration:none;color:#333;transition:box-shadow .2s}.attachment-item:hover{box-shadow:0 4px 8px #0000001a}.attachment-name{font-size:12px;text-align:center;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.attachment-icon{font-size:24px;color:#607d8b}.task-history-tab{padding:0 16px}.status-timeline{position:relative;margin-left:20px}.status-timeline:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background-color:#e0e0e0}.status-timeline-item{position:relative;padding-left:30px;margin-bottom:24px}.status-timeline-marker{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background-color:#1976d2;border:2px solid white;z-index:1}.status-timeline-content{background-color:#f9f9f9;border-radius:8px;padding:16px}.status-change{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-from,.status-to{padding:4px 8px;border-radius:4px;font-size:14px}.status-from.todo,.status-to.todo{background-color:#f5f5f5;color:#616161}.status-from.inprogress,.status-to.inprogress{background-color:#e3f2fd;color:#1976d2}.status-from.complete,.status-to.complete{background-color:#e8f5e9;color:#388e3c}.status-arrow{color:#757575}.status-timestamp{font-size:14px;color:#666;margin-bottom:8px}.status-notes{font-size:14px;color:#444;padding:8px;background-color:#fff;border-radius:4px;border-left:3px solid #1976d2}.task-not-found{text-align:center;padding:40px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#1976d2;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.task-details-page{padding:8px;margin:0;max-width:100%;background-color:#f8f9fa;min-height:100vh}.task-details-header{margin-bottom:16px}.task-details-header h1{font-size:20px}.back-button{padding:6px 12px;font-size:13px;margin-right:12px}.task-content{background-color:transparent;padding:0;border-radius:0}.task-details-tab{padding:0}.task-tabs{margin-bottom:16px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;padding:4px}.tab-button{padding:12px 16px;font-size:14px;flex:1;text-align:center;min-width:80px;white-space:nowrap;border-radius:6px;margin:0 2px;transition:all .2s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.tab-button:active{transform:scale(.98)}.task-card-header{margin:0 0 20px;padding:20px 16px;border-radius:12px;background:linear-gradient(135deg,#007bff,#0056b3)}.task-card-header h2{font-size:18px;line-height:1.3;margin-bottom:8px}.task-status{padding:6px 14px;font-size:12px;border-radius:16px}.task-section{margin-bottom:20px;padding:16px;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.task-section h3{font-size:16px;margin-bottom:16px;color:#495057}.task-section h3:before{width:3px;height:16px;margin-right:10px}.task-info-grid{grid-template-columns:1fr;gap:12px;margin-bottom:0}.info-item{padding:14px;border-radius:8px;background-color:#fff;border:1px solid #e9ecef;transition:all .2s ease;position:relative;overflow:hidden}.info-item:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.info-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#007bff,#0056b3);opacity:.7}.info-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:14px;font-weight:500;color:#212529;line-height:1.4}.task-description{font-size:14px;line-height:1.6;color:#495057;margin:0}.task-location{font-size:14px;line-height:1.6;color:#495057;margin-bottom:12px}.map-link{padding:8px 16px;font-size:13px;border-radius:6px}.parts-request-item{padding:16px;border-radius:8px;margin-bottom:12px}.parts-request-details{grid-template-columns:1fr;gap:8px}.parts-detail{margin-bottom:8px}.detail-label{font-size:12px;color:#6c757d;margin-bottom:4px}.detail-value{font-size:14px;color:#212529}.images-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.image-container{border-radius:8px;aspect-ratio:4/3}.expense-table-header,.expense-table-row{grid-template-columns:1fr;gap:8px}.expense-header-cell,.expense-cell{padding:8px 12px;border-radius:4px;background-color:#f8f9fa;margin-bottom:4px}.expense-header-cell{font-weight:600;background-color:#e9ecef}.expense-header-cell:not(:first-child),.expense-cell:not(:first-child){border-top:none}.expense-items-table{font-size:14px;border:none}.expense-report-card{padding:16px;border-radius:12px}.expense-report-header{margin-bottom:12px}.expense-report-header h4{font-size:16px}.task-images-tab{gap:20px}.images-section{margin-bottom:20px}.images-section h3{font-size:16px;margin-bottom:12px}.image-timestamp{padding:6px 8px;font-size:10px}.no-images-message{padding:20px 16px;font-size:14px;border-radius:8px}.task-history-tab{padding:16px}.status-timeline{margin-left:16px}.status-timeline-item{padding-left:24px;margin-bottom:20px}.status-timeline-content{padding:12px;border-radius:8px}}@media (max-width: 480px){.task-details-page{padding:6px}.task-details-header h1{font-size:18px}.back-button{padding:6px 10px;font-size:12px;margin-right:8px}.task-card-header{padding:16px 12px;margin-bottom:16px}.task-card-header h2{font-size:16px;line-height:1.3}.task-status{padding:4px 12px;font-size:11px}.task-section{padding:12px;margin-bottom:16px}.task-section h3{font-size:15px;margin-bottom:12px}.task-section h3:before{width:3px;height:14px;margin-right:8px}.info-item{padding:12px}.info-label{font-size:10px;margin-bottom:4px}.info-value{font-size:13px}.task-description{font-size:13px;line-height:1.5}.task-location{font-size:13px}.map-link{padding:6px 12px;font-size:12px}.tab-button{padding:10px 12px;font-size:13px}.parts-request-item{padding:12px}.parts-name{font-size:14px}.detail-label{font-size:11px}.detail-value{font-size:13px}.expense-report-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.expense-report-header h4{font-size:15px}.expense-header-cell,.expense-cell{padding:6px 10px;font-size:13px}.expense-total-label{font-size:14px}.expense-total-value{font-size:16px}.images-grid{grid-template-columns:1fr;gap:10px}.image-container{aspect-ratio:3/2}.task-images-tab{gap:16px}.images-section{margin-bottom:16px}.images-section h3{font-size:15px;margin-bottom:10px}.no-images-message{padding:16px 12px;font-size:13px}.status-timeline-item{padding-left:20px;margin-bottom:16px}.status-timeline-content{padding:10px}.status-timeline-marker{width:10px;height:10px}.status-timeline:before{left:4px}}.tab-content{width:100%;display:flex;flex-direction:column;align-items:stretch}.tab-content.active{display:flex;width:100%;flex-direction:column;align-items:stretch}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-viewer-container{position:relative;max-width:90%;max-height:90%;background-color:#000;border-radius:4px;overflow:hidden}.image-viewer-image{max-width:100%;max-height:90vh;object-fit:contain;display:block}.image-viewer-timestamp{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;padding:10px;font-size:14px;text-align:center}.image-viewer-close{position:absolute;top:10px;right:10px;background-color:#00000080;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.image-viewer-close:hover{background-color:#000c}@media (max-width: 768px){.image-viewer-container{max-width:95%}.image-viewer-timestamp{padding:8px;font-size:12px}}.section-header-with-edit{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f8f9fa;gap:12px}.section-header-with-edit h3{margin:0;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;flex:1;min-width:0;word-break:break-word}.section-header-with-edit h3:before{content:"";width:4px;height:20px;background-color:#007bff;margin-right:12px;border-radius:2px}.completion-summary-content{margin-top:16px;padding-top:8px;line-height:1.6;font-size:16px;color:#444;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;min-height:24px;display:block}.task-section{overflow:visible}.section-header-with-edit+.completion-summary-content{margin-top:0;padding-top:16px}.edit-completion-btn{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #007bff33;flex-shrink:0;white-space:nowrap}.edit-completion-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.edit-completion-btn:active{transform:translateY(0)}.completion-edit-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:10px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.completion-edit-textarea{width:100%;min-height:120px;padding:14px;border:1px solid #ced4da;border-radius:6px;font-size:15px;font-family:inherit;line-height:1.5;resize:vertical;transition:all .2s ease;background-color:#fff;box-sizing:border-box}.completion-edit-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.completion-edit-textarea::placeholder{color:#6c757d}.completion-edit-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.save-completion-btn,.cancel-completion-btn{padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;border:none;min-width:80px;display:flex;align-items:center;justify-content:center}.save-completion-btn{background-color:#28a745;color:#fff;box-shadow:0 2px 4px #28a74533}.save-completion-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.save-completion-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.cancel-completion-btn{background-color:#6c757d;color:#fff;box-shadow:0 2px 4px #6c757d33}.cancel-completion-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.cancel-completion-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-completion-btn:disabled:after{content:"";width:14px;height:14px;margin-left:8px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.section-header-with-edit{flex-wrap:wrap;gap:8px}.section-header-with-edit h3{flex:1;min-width:0}.edit-completion-btn{padding:6px 12px;font-size:13px;flex-shrink:0}.completion-edit-container{padding:16px}.completion-edit-actions{flex-direction:column-reverse;gap:10px}.save-completion-btn,.cancel-completion-btn{width:100%;padding:12px;font-size:15px}}@media (max-width: 480px){.section-header-with-edit{gap:6px}.section-header-with-edit h3{font-size:16px;flex:1;min-width:0}.section-header-with-edit h3:before{width:3px;height:16px;margin-right:10px}.edit-completion-btn{padding:5px 10px;font-size:12px;gap:4px;flex-shrink:0}.completion-edit-container{padding:12px}.completion-edit-textarea{min-height:100px;padding:12px;font-size:14px}}.top-nav{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:all .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.top-nav.scrolled{box-shadow:0 4px 12px #00000026;height:50px}.app-title-container{flex:0 0 auto}.app-title{margin:0;font-size:18px;color:#333;font-weight:600}.nav-items-container{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 16px;cursor:pointer;color:#555;transition:all .2s;border-radius:8px;position:relative}.nav-item:hover{background-color:#f5f5f5;color:#333}.nav-item.active{color:#007bff;font-weight:500}.nav-item.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);height:3px;width:20px;background-color:#007bff;border-radius:3px}.nav-icon{font-size:22px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-text{font-size:12px;margin-top:4px;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-item.menu-btn{background-color:#f8f9fa}.nav-item.menu-btn:hover{background-color:#e9ecef}.menu-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:flex}.menu-container{background-color:#fff;width:280px;height:100%;overflow-y:auto;animation:slideRight .3s forwards;box-shadow:2px 0 10px #0003}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.menu-header h3{margin:0;font-size:18px;color:#333}.menu-close{background:none;border:none;font-size:24px;color:#777;cursor:pointer}.menu-items{padding:8px 0}.menu-item{display:flex;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#f0f8ff;border-left:3px solid #007bff}.menu-icon{font-size:20px;margin-right:16px;width:24px;text-align:center}.menu-text{font-size:16px;color:#333}@media (max-width: 768px){.top-nav{padding:0 10px;justify-content:space-between;position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1100;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}body{padding-top:60px}.main-content{padding-top:10px}.app-title-container{display:none}.nav-items-container{width:100%;justify-content:space-around;gap:0}.nav-item{padding:8px 0;flex:1}.nav-text{font-size:10px}.menu-container{width:100%}}@media (min-width: 769px){body{padding-top:60px}.main-content{padding-top:10px}.nav-items-container{justify-content:center;max-width:700px;margin:0 auto}.nav-item{padding:8px 20px}}.expense-details-page{max-width:1200px;margin:0 auto;padding:16px}.expense-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.back-button{background-color:#f0f0f0;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.status-badge{padding:8px 16px;border-radius:100px;font-weight:500;font-size:14px;text-transform:uppercase}.status-badge.pending{background-color:#fff8e1;color:#ff8f00;border:1px solid #ffca28}.status-badge.approved{background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.status-badge.rejected{background-color:#ffebee;color:#c62828;border:1px solid #f44336}.expense-details-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px;gap:8px}.tab-button{background:none;border:none;padding:12px 24px;font-size:16px;cursor:pointer;border-bottom:3px solid transparent;color:#555;transition:all .2s}.tab-button:hover{background-color:#f5f5f5}.tab-button.active{border-bottom:3px solid #1976d2;color:#1976d2;font-weight:500}.tab-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:24px}.info-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:24px}.info-section{background-color:#f9f9f9;border-radius:4px;padding:12px;border:1px solid #eee}.info-section h3{margin-top:0;margin-bottom:12px;font-size:16px;color:#333;padding-bottom:8px;border-bottom:1px solid #eee;font-weight:600}.info-grid{display:grid;gap:8px}.info-item{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:baseline}.info-label{font-size:14px;color:#666;font-weight:500}.info-value{font-size:14px;color:#333;word-break:break-word}.expense-items-section{margin-top:24px}.expense-items-section h3{margin-top:0;margin-bottom:12px;font-size:16px;color:#333;padding-bottom:8px;border-bottom:1px solid #eee;font-weight:600}.expense-items-list{display:grid;gap:16px}.expense-item-card{margin-bottom:12px;background-color:#f9f9f9;border-radius:4px;overflow:hidden;border:1px solid #eee}.expense-item-header{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:12px 16px}.expense-date{font-weight:500;color:#333}.expense-amount{font-weight:600;color:#1976d2}.expense-item-details{padding:12px}.expense-detail{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-bottom:8px;align-items:baseline}.expense-detail.description{margin-bottom:8px}.detail-label{font-size:14px;color:#666;font-weight:500}.detail-value{font-size:15px;color:#333;word-break:break-word}.document-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.document-link{text-decoration:none;color:inherit}.document-thumbnail{width:120px;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:transform .2s}.document-thumbnail:hover{transform:scale(1.05)}.thumbnail-image{width:100%;height:100px;object-fit:cover;display:block}.document-name{font-size:12px;padding:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f5f5f5}.expense-total{margin-top:16px;padding:12px;background-color:#1976d2;color:#fff;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.total-label{font-size:16px;font-weight:500}.total-value{font-size:20px;font-weight:600}.details-actions{margin-top:24px;display:flex;justify-content:flex-end}.download-excel-button{background-color:#388e3c;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;float:right;margin-top:16px}.download-excel-button:hover{background-color:#2e7d32}.status-tab{padding:16px;border-radius:8px}.approved-tab{background-color:#4caf500d;border:1px solid rgba(76,175,80,.3)}.rejected-tab{background-color:#f443360d;border:1px solid rgba(244,67,54,.3)}.status-tab h3{margin-top:0;margin-bottom:20px;font-size:20px;color:#333}.status-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.summary,.rejection-reason{white-space:pre-line;line-height:1.6}.payment-proof-section{margin-top:24px}.payment-proof-section h4{margin-top:0;margin-bottom:16px;font-size:18px;color:#333}.proof-document{max-width:300px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.proof-image{width:100%;max-height:300px;object-fit:contain;display:block}.proof-name{padding:12px;font-size:14px;background-color:#f5f5f5;word-break:break-word}.approval-tab,.rejection-tab{padding:16px;background-color:#f9f9f9;border-radius:8px}.approval-tab h3,.rejection-tab h3{margin-top:0;margin-bottom:24px;font-size:20px;color:#333}.approval-form,.rejection-form{display:flex;flex-direction:column;gap:24px}.form-group label{font-size:16px;font-weight:500;color:#333}.file-input{padding:12px;border:2px dashed #ddd;border-radius:8px;background-color:#f5f5f5}.summary-input,.reason-input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;resize:vertical;min-height:120px}.checkbox-group{flex-direction:row;align-items:center;gap:12px}.checkbox-group input[type=checkbox]{width:20px;height:20px}.amount-input{max-width:200px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.upload-progress{margin:10px 0}.progress-bar{width:100%;height:10px;background-color:#eee;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text{margin-top:5px;font-size:14px;color:#555;text-align:center}.form-actions{display:flex;gap:16px;margin-top:8px}.submit-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1}.approve-button{background-color:#4caf50;color:#fff}.approve-button:hover{background-color:#3d8b40}.reject-button{background-color:#f44336;color:#fff}.reject-button:hover{background-color:#d32f2f}.cancel-button{padding:12px 24px;background-color:#9e9e9e;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#757575}@media (max-width: 768px){.expense-details-header{flex-direction:column;align-items:flex-start;gap:16px}.info-sections{grid-template-columns:1fr}.expense-details-tabs{flex-wrap:wrap}.tab-button{flex:1;padding:10px;font-size:14px;text-align:center}.detail-row{grid-template-columns:1fr;gap:4px}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}:root{--primary-color: #3563e9;--primary-light: #ebf0ff;--secondary-color: #6e62e5;--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-color: #1e293b;--text-color: #334155;--light-color: #f8fafc;--border-color: #e2e8f0;--gray-color: #94a3b8;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--main-font: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--main-font);color:var(--text-color);background-color:#f9fafb}.spare-parts-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;gap:12px}.filter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.filter-btn.active{background-color:#e0f2fe;border-color:#7dd3fc;color:#0284c7}.filter-panel{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.filter-options{display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;min-width:200px;flex:1}.filter-group label{font-size:14px;font-weight:500;color:#64748b;margin-bottom:6px}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#334155;background-color:#fff}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.clear-filter-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;margin-top:24px;width:100%}.clear-filter-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.custom-dropdown{position:relative}.search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#334155}.search-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.suggestion-item{padding:8px 12px;font-size:14px;color:#334155;cursor:pointer;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f1f5f9}.suggestion-loading{padding:8px 12px;font-size:14px;color:#64748b;text-align:center}.tasks-table-container{margin-top:20px;display:block}.tasks-table{width:100%;border-collapse:collapse;table-layout:fixed}.tasks-table th,.tasks-table td{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid #e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reason-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-table th{font-weight:600;color:#64748b;background-color:#f8fafc}.tasks-table tbody tr:hover{background-color:#f8fafc}.loading-cell,.empty-cell{padding:32px;text-align:center;color:#64748b;font-style:italic}.status-badge,.priority-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-approved{background-color:#dcfce7;color:#166534}.status-rejected{background-color:#fee2e2;color:#b91c1c}.status-pending{background-color:#fef3c7;color:#92400e}.urgency-high,.urgent{background-color:#fee2e2;color:#b91c1c}.urgency-medium,.medium,.high{background-color:#fef3c7;color:#92400e}.urgency-low,.low{background-color:#dcfce7;color:#166534}.action-buttons{display:flex;flex-direction:column;gap:6px;width:100%}.approve-button,.reject-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.approve-button-labeled,.reject-button-labeled{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:4px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.approve-button,.approve-button-labeled{background-color:#dcfce7;color:#166534}.approve-button:hover,.approve-button-labeled:hover{background-color:#bbf7d0}.reject-button,.reject-button-labeled{background-color:#fee2e2;color:#b91c1c}.reject-button:hover,.reject-button-labeled:hover{background-color:#fecaca}.action-taken{font-size:12px;font-weight:500;color:#64748b}.tasks-card-container{display:none;flex-direction:column;gap:16px;margin-top:20px}.task-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.task-card-title{font-weight:600;font-size:16px;color:#1e293b}.task-card-row{display:flex;margin-bottom:8px}.task-card-label{flex:0 0 100px;font-weight:500;font-size:14px;color:#64748b}.task-card-value{flex:1;font-size:14px;color:#334155}.task-card-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.approve-button-mobile,.reject-button-mobile{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.approve-button-mobile{background-color:#dcfce7;color:#166534}.approve-button-mobile:hover{background-color:#bbf7d0}.reject-button-mobile{background-color:#fee2e2;color:#b91c1c}.reject-button-mobile:hover{background-color:#fecaca}@media screen and (max-width: 1024px){.filter-options{flex-direction:column;gap:12px}.filter-group{min-width:100%}}@media screen and (max-width: 768px){.tasks-table-container{display:none}.tasks-card-container{display:flex}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%}.filter-btn{flex:1;justify-content:center}}.project-history-container{width:100%;padding:24px;background-color:#f8fafc;max-width:100%;box-sizing:border-box;overflow-x:hidden;transition:all .3s ease}.page-title{color:#1e293b;font-size:2rem;margin-bottom:24px;text-align:left;border-bottom:none;padding-bottom:10px;width:100%;position:relative;font-weight:600}.page-title:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:60px;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .4s ease}.page-title:hover:after{width:120px}.search-wrapper{display:flex;align-items:center;margin-bottom:30px;width:100%;position:relative}.search-label{font-size:1.2rem;font-weight:600;color:#334155;margin-right:18px;white-space:nowrap;transform:translateY(0);transition:transform .3s ease,color .3s ease}.search-wrapper:focus-within .search-label{color:#2563eb;transform:translateY(-2px)}.search-container{position:relative;flex:1;width:100%}.search-input{width:100%;padding:14px 18px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;box-shadow:0 2px 6px #0000000d;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.search-container:before{content:"🔍";position:absolute;right:18px;top:50%;transform:translateY(-50%);opacity:.5;transition:opacity .3s ease;z-index:1;pointer-events:none}.search-container:focus-within:before{opacity:.8}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:350px;overflow-y:auto;z-index:10;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;animation:fadeIn .3s forwards}.suggestion-item{padding:14px 18px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s ease;position:relative;overflow:hidden}.suggestion-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:#3b82f6;transform:translate(-4px);transition:transform .2s ease}.suggestion-item:hover{background-color:#f8fafc;padding-left:24px}.suggestion-name{font-weight:600;color:#334155;margin-bottom:6px;transition:color .2s ease}.suggestion-item:hover .suggestion-name{color:#2563eb}.suggestion-location{font-size:.85rem;color:#64748b;transition:color .2s ease}.project-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;width:100%}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #f1f5f9;height:100%;position:relative;transform-style:preserve-3d;perspective:1000px}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.project-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 24px #0000001a;border-color:#e2e8f0}.project-card:hover:before{transform:scaleX(1)}.project-card-content{padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.project-details{flex:1;margin-bottom:20px;transition:transform .3s ease}.project-card:hover .project-details{transform:translateY(-2px)}.project-name{margin:0 0 12px;font-size:1.3rem;color:#1e293b;position:relative;display:inline-block;transition:color .3s ease}.project-card:hover .project-name{color:#2563eb}.project-location{margin:0;color:#64748b;font-size:1rem;display:flex;align-items:center;transition:transform .3s ease,color .3s ease}.project-location:before{content:"📍";margin-right:6px;font-size:.9rem;opacity:.7;transition:opacity .3s ease}.project-card:hover .project-location{transform:translate(4px);color:#475569}.project-card:hover .project-location:before{opacity:1}.view-details-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:center;align-self:flex-end;width:100%;position:relative;overflow:hidden;z-index:1}.view-details-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1}.view-details-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.view-details-btn:hover:before{width:300px;height:300px}.view-details-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #2563eb4d}.loading-message,.empty-message{text-align:center;padding:40px;background-color:#fff;border-radius:12px;color:#64748b;font-style:italic;box-shadow:0 4px 12px #0000000d;grid-column:1 / -1;animation:pulse 2s infinite;border:1px solid #f1f5f9}@keyframes pulse{0%{box-shadow:0 4px 12px #0000000d}50%{box-shadow:0 4px 20px #3b82f626}to{box-shadow:0 4px 12px #0000000d}}.loading-message:before{content:"";display:inline-block;width:20px;height:20px;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}@media (max-width: 768px){.search-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.search-label{margin-right:0;margin-bottom:8px}.project-cards-container{grid-template-columns:1fr}.project-card-content{flex-direction:column}.view-details-btn{align-self:stretch}}@media (min-width: 769px) and (max-width: 1200px){.project-cards-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1201px){.project-cards-container{grid-template-columns:repeat(3,1fr)}}.main-content .project-history-container{width:100%;max-width:100%}.project-history-container{background-image:radial-gradient(circle at 25px 25px,rgba(59,130,246,.05) 2%,transparent 0%),radial-gradient(circle at 75px 75px,rgba(59,130,246,.05) 2%,transparent 0%);background-size:100px 100px}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;z-index:100}.scroll-top-btn.visible{opacity:1;transform:translateY(0)}.scroll-top-btn:hover{background-color:#2563eb;transform:translateY(-5px);box-shadow:0 6px 16px #2563eb66}.loading-card{background:linear-gradient(to right,#f6f7f8 8%,#edeef1 18%,#f6f7f8 33%);background-size:2000px 100%;animation:shimmer 1.5s infinite linear;border-radius:12px;height:200px;width:100%}.project-details-page{width:100%;padding:24px;background-color:#f8fafc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;box-sizing:border-box;max-width:100%;overflow-x:hidden}.page-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.page-title{flex:1}.page-title h1{margin:0;font-size:1.5rem;color:#1e293b;font-weight:600;position:relative;display:inline-block}.page-title h1:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:40px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.page-title h1:hover:after{width:100%}.header-buttons{display:flex;gap:12px}.header-btn{padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.95rem;border:none;box-shadow:0 2px 4px #0000000d}.filter-btn{background-color:#fff;color:#334155;border:1px solid #e2e8f0}.filter-btn:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23475569' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.filter-btn:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.filter-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.filter-btn.active:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z' /%3E%3C/svg%3E");transform:rotate(180deg)}.sort-btn{background-color:#fff;color:#334155;border:1px solid #e2e8f0}.sort-btn:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23475569' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.sort-btn:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.export-btn{background-color:#10b981;color:#fff;border:none}.export-btn:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.export-btn:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #10b98140}.project-name-section{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.project-name-section h2{margin:0;font-size:1.3rem;font-weight:600;color:#1e293b;position:relative;display:inline-block}.project-name-section h2:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:60px;background-color:#3b82f6;transition:width .3s ease}.project-name-section h2:hover:after{width:100%}.filter-panel{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0;transform-origin:top;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.875rem;font-weight:600;color:#475569}.form-control,.search-input{padding:10px 14px;border-radius:8px;border:1px solid #e2e8f0;font-size:.95rem;transition:all .2s ease;background-color:#f8fafc}.form-control:focus,.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.custom-dropdown{position:relative;z-index:10}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-height:220px;overflow-y:auto;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:10px 14px;cursor:pointer;transition:all .2s ease;font-size:.95rem;position:relative;overflow:hidden}.suggestion-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background-color:#3b82f6;transform:translate(-3px);transition:transform .2s ease}.suggestion-item:hover{background-color:#f8fafc}.suggestion-item:hover:before{transform:translate(0)}.clear-filter-btn{padding:10px 16px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#475569;font-weight:500;transition:all .2s ease;margin-top:auto;width:fit-content;display:flex;align-items:center;gap:8px}.clear-filter-btn:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23475569' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.clear-filter-btn:hover{background-color:#e2e8f0;transform:translateY(-2px)}.data-table-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;margin-bottom:24px;border:1px solid #e2e8f0;position:relative}.table-responsive{overflow-x:auto;position:relative}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th{background-color:#f8fafc;padding:16px 20px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1;transition:background-color .2s ease}.data-table th:hover{background-color:#f1f5f9}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:28px}.sort-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.5;transition:opacity .2s ease}.sortable-header:hover .sort-icon{opacity:1}.data-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#334155;transition:background-color .15s ease}.data-table tr{position:relative;transition:all .2s ease}.data-table tr:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color .2s ease}.data-table tr:hover td{background-color:#f8fafc}.data-table tr:hover:after{background-color:#3b82f6}.problem-cell,.location-cell,.work-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.status-complete:after{background-color:#10b981}tr.status-complete:hover:after{background-color:#059669}tr.status-inprogress:after{background-color:#3b82f6}tr.status-inprogress:hover:after{background-color:#2563eb}tr.status-todo:after{background-color:#f59e0b}tr.status-todo:hover:after{background-color:#d97706}tr.status-unknown:after{background-color:#94a3b8}tr.status-unknown:hover:after{background-color:#64748b}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.complete{background-color:#10b9811a;color:#059669}.status-badge.inprogress{background-color:#3b82f61a;color:#2563eb}.status-badge.todo{background-color:#f59e0b1a;color:#d97706}.status-badge.unknown{background-color:#94a3b81a;color:#64748b}.loading-cell,.empty-cell{padding:40px;text-align:center;color:#64748b;font-style:italic;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite}.empty-icon{width:48px;height:48px;color:#94a3b8}.results-summary{color:#64748b;font-size:.95rem;margin-top:16px;text-align:right;padding:0 8px}.mobile-cards-container{display:none;flex-direction:column;gap:16px;margin-bottom:24px}.mobile-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;border:1px solid #e2e8f0;position:relative;transition:all .2s ease}.mobile-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.mobile-card.status-complete{border-left:4px solid #10b981}.mobile-card.status-inprogress{border-left:4px solid #3b82f6}.mobile-card.status-todo{border-left:4px solid #f59e0b}.mobile-card.status-unknown{border-left:4px solid #94a3b8}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #f1f5f9}.chassis-id{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.mobile-card-body{padding:16px 20px}.mobile-card-row{display:flex;margin-bottom:12px;flex-wrap:wrap}.mobile-card-row:last-child{margin-bottom:0}.mobile-card-label{width:40%;font-weight:600;color:#64748b;padding-right:16px}.mobile-card-value{width:60%;color:#1e293b}@media (max-width: 1200px){.filter-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 992px){.page-header-container{flex-direction:column;align-items:flex-start}.header-buttons{width:100%;justify-content:flex-start;margin-top:12px}}@media (max-width: 768px){.project-details-page{padding:16px}.data-table-container{display:none}.mobile-cards-container{display:flex}.filter-options{display:flex;flex-direction:column}.filter-group{width:100%}.clear-filter-btn{width:100%;text-align:center;justify-content:center}.page-title h1,.project-name-section h2{font-size:1.2rem}.mobile-card-row{flex-direction:column}.mobile-card-label,.mobile-card-value{width:100%}.mobile-card-label{margin-bottom:4px}.header-buttons{flex-wrap:wrap;gap:8px}.header-btn{flex:1;justify-content:center;font-size:.9rem;padding:8px 12px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(to right,#f6f7f8 8%,#edeef1 18%,#f6f7f8 33%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px}.loading-card{height:110px;margin-bottom:16px;border-radius:12px}.project-details-page{max-width:100%;overflow-x:hidden}.project-details-page{background-image:radial-gradient(circle at 25px 25px,rgba(59,130,246,.03) 2%,transparent 0%),radial-gradient(circle at 75px 75px,rgba(59,130,246,.03) 2%,transparent 0%);background-size:100px 100px}.technicians-overview-container{width:100%;min-height:calc(100vh - 60px);padding:16px 8px;box-sizing:border-box;max-width:100%;flex:1;background-color:#f8fafc;margin:0 auto;position:relative}.technicians-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px;width:100%;padding:0 8px 16px;border-bottom:2px solid #e2e8f0}.technicians-overview-header h1{margin:0;font-size:2rem;color:#1e293b;font-weight:700}.filter-container{min-width:300px}.technician-dropdown{padding:12px 40px 12px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;width:100%;outline:none;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.technician-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.technician-dropdown:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #00000012}.technician-dropdown option{padding:12px;font-size:15px;color:#374151;background-color:#fff}.technician-dropdown option:hover,.technician-dropdown option:focus{background-color:#f3f4f6}.technicians-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:0 8px 24px}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.summary-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:2rem;font-weight:700;color:#1e293b}.technicians-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:none;margin:0 8px}.technician-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease;border:1px solid #e2e8f0;width:100%;min-height:420px}.technician-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.technician-card-header{display:flex;align-items:center;padding:28px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff!important;gap:24px;min-height:140px;position:relative;overflow:hidden}.technician-card-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 100%);pointer-events:none}.technician-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid rgba(255,255,255,.25);box-shadow:0 4px 15px #00000026;position:relative;z-index:1}.avatar-text{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.technician-card-header .technician-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;background:transparent;padding:4px 0}.technician-card-header .technician-name{margin:0;font-size:1.6rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.technician-card-header .technician-email,.technician-card-header .technician-phone,.technician-card-header .technician-address{margin:0;font-size:15px;color:#fff!important;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.15);padding:2px 0}.technician-card-header .technician-email:before{content:"📧";font-size:14px;opacity:.95}.technician-card-header .technician-phone:before{content:"📱";font-size:14px;opacity:.95}.technician-card-header .technician-address:before{content:"📍";font-size:14px;opacity:.95}.technician-card-link{text-decoration:none;color:inherit!important;display:flex;flex-direction:column;height:100%}.technician-card-link:hover,.technician-card-link:visited,.technician-card-link:active{color:inherit!important}.technician-stats{padding:24px;background:#fff;flex:1}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;gap:8px;background-color:#f8fafc;padding:18px 16px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:center}.stat-label{font-size:11px;color:#6b7280;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:#111827}.expense-stats{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.expense-stats .stat-item{margin-bottom:12px}.expense-status{display:flex;gap:12px;margin-top:12px;justify-content:space-between}.expense-item{padding:10px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex:1;text-align:center}.expense-item.paid{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border:1px solid #86efac}.expense-item.pending{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5}.no-technicians-message{grid-column:1 / -1;color:#64748b;font-style:italic;text-align:center;padding:40px;font-size:1.1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #cbd5e1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d}@media (max-width: 1200px){.technicians-overview-container{padding:16px 6px}.technicians-grid{margin:0 6px;gap:14px}}@media (max-width: 1024px){.technicians-overview-container{padding:16px 4px}.technicians-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 4px}.technician-card{min-height:380px}.technician-card-header{min-height:130px;padding:24px}.technician-avatar{width:56px;height:56px}.avatar-text{font-size:20px}.technician-name{font-size:1.4rem}.technician-email,.technician-phone,.technician-address{font-size:14px}.technician-email:before,.technician-phone:before,.technician-address:before{font-size:13px}}@media (max-width: 768px){.technicians-overview-container{padding:12px 2px}.technicians-overview-header{flex-direction:column;align-items:flex-start;gap:16px;padding:0 4px 16px}.technicians-overview-header h1{font-size:1.6rem}.filter-container{width:100%;min-width:auto}.technician-dropdown{font-size:14px;padding:10px 36px 10px 16px;background-size:14px}.technicians-stats-summary{grid-template-columns:1fr;gap:12px;margin:0 4px 20px}.technicians-grid{grid-template-columns:1fr;gap:16px;margin:0 2px}.technician-card{min-height:350px}.technician-card-header{min-height:120px;padding:20px}.technician-avatar{width:52px;height:52px}.avatar-text{font-size:18px}.technician-name{font-size:1.3rem}.technician-email,.technician-phone,.technician-address{font-size:13.5px;gap:6px}.technician-email:before,.technician-phone:before,.technician-address:before{font-size:12px}}@media (max-width: 480px){.technicians-overview-container{padding:10px 1px}.technicians-overview-header{padding:0 2px 12px}.technicians-overview-header h1{font-size:1.4rem}.technicians-stats-summary{margin:0 2px 16px}.technicians-grid{margin:0 1px;gap:12px}.technician-card{min-height:320px}.technician-card-header{padding:16px;min-height:110px}.technician-avatar{width:48px;height:48px}.avatar-text{font-size:16px}.technician-name{font-size:1.2rem}.technician-email,.technician-phone,.technician-address{font-size:13px;gap:5px}.technician-email:before,.technician-phone:before,.technician-address:before{font-size:11px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.technician-details-container{width:100%;min-height:calc(100vh - 60px);padding:16px 4px;box-sizing:border-box;max-width:100%;flex:1;background-color:#f8fafc;margin:0 auto}.technician-details-header{margin-bottom:24px}.back-link{color:#3b82f6;text-decoration:none;font-weight:600;margin-bottom:20px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;transition:all .3s ease;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.back-link:hover{background-color:#eff6ff;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.technician-profile{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#4f46e5,#3b82f6);padding:28px;border-radius:16px;color:#fff;box-shadow:0 8px 25px #4f46e533;position:relative;overflow:hidden;margin:0 4px}.technician-profile:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 100%);pointer-events:none}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid rgba(255,255,255,.25);box-shadow:0 4px 15px #00000026;position:relative;z-index:1}.avatar-text{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-info{flex:1;position:relative;z-index:1}.profile-info h1{margin:0 0 12px;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;letter-spacing:.5px}.profile-email,.profile-phone,.profile-address{margin:6px 0;font-size:16px;color:#fff;font-weight:500;display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.profile-email:before{content:"📧";font-size:14px;opacity:.95}.profile-phone:before{content:"📱";font-size:14px;opacity:.95}.profile-address:before{content:"📍";font-size:14px;opacity:.95}.technician-tabs{display:flex;gap:6px;margin:24px 4px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;overflow-x:auto}.tab-button{padding:12px 20px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:14px;flex-shrink:0}.tab-button:hover{background-color:#f1f5f9;color:#334155;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 4px 12px #4f46e54d}.tab-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:24px;border:1px solid #e2e8f0;margin:0 4px}.overview-content{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;width:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card h3{margin:0 0 20px;font-size:1.3rem;color:#1e293b;font-weight:700;text-align:center;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.stat-details{display:flex;flex-direction:column;gap:12px;width:100%}.stat-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;width:100%}.stat-item:hover{background-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.stat-label{font-size:14px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin:0}.stat-value.completed{color:#10b981}.stat-value.in-progress{color:#3b82f6}.stat-value.todo{color:#f59e0b}.stat-value.attendance{color:#8b5cf6}.stat-value.paid{color:#10b981}.stat-value.pending{color:#dc2626}.tasks-content,.attendance-content,.expenses-content{width:100%}.tasks-list,.attendance-list,.expenses-list{display:flex;flex-direction:column;gap:16px}.task-item,.attendance-item,.expense-item{background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.task-item:hover,.attendance-item:hover,.expense-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.task-link,.expense-link{display:block;text-decoration:none;color:inherit;padding:20px}.task-header,.attendance-header,.expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.task-header h4,.attendance-header h4,.expense-header h4{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.task-status,.attendance-status,.expense-status{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-status.complete,.attendance-status.checked-out,.expense-status.approved,.expense-status.paid{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.task-status.inprogress,.attendance-status.checked-in{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.task-status.created,.task-status.assign,.attendance-status.auto-checked-out,.expense-status.pending,.expense-status.submitted{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.task-details,.attendance-details,.expense-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.task-details p,.attendance-details p,.expense-details p{margin:4px 0;font-size:14px;color:#4b5563}.attendance-details{display:flex;flex-direction:column;gap:16px}.attendance-time,.attendance-location{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.attendance-item{padding:20px}.expense-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.expense-summary-item{display:flex;flex-direction:column;gap:8px;text-align:center}.expense-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expense-value{font-size:1.8rem;font-weight:700;color:#1e293b}.expense-value.paid{color:#10b981}.expense-value.pending{color:#dc2626}.expense-item{background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;margin-bottom:20px}.expense-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.expense-header{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.expense-header-content{flex:1;min-width:0}.expense-header-content h4{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#fff}.expense-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.expense-amount-preview{font-size:1.1rem;font-weight:700;color:#ffffffe6;background:#ffffff1a;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.expense-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;min-width:120px;justify-content:center}.expense-toggle-btn:hover{background:#fff3;transform:translateY(-1px)}.toggle-icon{font-size:12px;transition:transform .3s ease;font-weight:700}.toggle-icon.expanded{transform:rotate(0)}.toggle-text{white-space:nowrap}.expense-quick-info{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.quick-info-item{display:flex;align-items:center;gap:8px}.quick-info-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-info-value{font-size:14px;color:#1e293b;font-weight:600}.expense-main-details{padding:24px;background:#fff;animation:slideDown .3s ease-out;border-top:1px solid #e2e8f0}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:24px;padding-bottom:24px}}.expense-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.expense-info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s ease}.expense-info-item:hover{background-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.expense-info-label{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.expense-info-value{font-size:15px;color:#1e293b;font-weight:600;text-align:right;margin:0}.expense-info-value.amount{font-size:18px;color:#3b82f6;font-weight:700}.expense-items{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.expense-items h5{margin:0 0 16px;font-size:1.1rem;color:#1e293b;font-weight:700}.expense-items-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.expense-item-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.expense-item-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.expense-item-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.expense-category{font-size:14px;font-weight:600;color:#4f46e5;background:#4f46e51a;padding:4px 8px;border-radius:6px}.expense-amount{font-size:16px;font-weight:700;color:#10b981}.expense-item-details{padding:16px}.expense-item-details p{margin:8px 0;font-size:13px;color:#4b5563;line-height:1.4}.expense-item-details p strong{color:#374151;font-weight:600}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d}.loading-spinner{border:4px solid #f1f5f9;width:48px;height:48px;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:20px}.no-data-message{text-align:center;padding:40px 20px;color:#64748b;font-size:1.1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #cbd5e1;font-style:italic}@media (max-width: 1024px){.technician-profile{margin:0 2px;padding:24px}.tab-content{padding:20px;margin:0 2px}.technician-tabs{margin:20px 2px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.expense-info-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 768px){.technician-details-container{padding:12px 2px}.technician-profile{flex-direction:column;text-align:center;gap:20px;margin:0 1px;padding:20px}.profile-info h1{font-size:1.8rem}.profile-email,.profile-phone,.profile-address{justify-content:center;font-size:15px}.technician-tabs{margin:16px 1px;flex-wrap:wrap;gap:4px}.tab-button{padding:10px 16px;font-size:13px}.tab-content{padding:16px;margin:0 1px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-item{padding:14px 16px}.stat-label{font-size:13px}.stat-value{font-size:20px}.task-header{flex-direction:column;align-items:flex-start;gap:8px}.task-details{grid-template-columns:1fr;gap:8px}.back-link{padding:8px 12px;font-size:14px}.expense-summary{grid-template-columns:1fr;gap:16px;padding:16px}.expense-info-grid{grid-template-columns:1fr;gap:12px}.expense-info-item{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.expense-info-value{text-align:left;font-size:16px}.expense-items-list{grid-template-columns:1fr;gap:12px}.expense-header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.expense-header-content{width:100%}.expense-header-meta{justify-content:space-between;width:100%}.expense-toggle-btn{width:100%;min-width:auto;padding:12px 16px}.expense-quick-info{padding:12px 16px;gap:16px;flex-direction:column;align-items:flex-start}.quick-info-item{width:100%;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.quick-info-item:last-child{border-bottom:none}.expense-header h4{font-size:1.1rem}.expense-main-details{padding:16px}}@media (max-width: 480px){.technician-details-container{padding:8px 1px}.technician-profile{padding:16px;margin:0}.profile-avatar{width:60px;height:60px}.avatar-text{font-size:20px}.profile-info h1{font-size:1.5rem}.profile-email,.profile-phone,.profile-address{font-size:14px}.profile-email:before,.profile-phone:before,.profile-address:before{font-size:12px}.tab-content{padding:12px;margin:0}.technician-tabs{margin:12px 0;padding:4px}.tab-button{padding:8px 12px;font-size:12px}.stat-card{padding:16px}.stat-card h3{font-size:1.1rem}.stat-item{padding:12px 14px}.stat-label{font-size:12px}.stat-value{font-size:18px}.task-header h4{font-size:1rem}.back-link{padding:6px 10px;font-size:13px}}.expense-status{padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.expense-status.approved,.expense-status.paid{background:#10b981e6;color:#fff;border-color:#10b981e6}.expense-status.pending,.expense-status.submitted{background:#f59e0be6;color:#fff;border-color:#f59e0be6}.expense-summary{grid-template-columns:1fr;gap:16px;padding:16px}.expense-info-grid,.expense-items-list{grid-template-columns:1fr;gap:12px}.expense-header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.expense-header-content{width:100%}.expense-header-meta{justify-content:space-between;width:100%}.expense-toggle-btn{width:100%;min-width:auto;padding:12px 16px}.expense-quick-info{padding:12px 16px;gap:16px;flex-direction:column;align-items:flex-start}.quick-info-item{width:100%;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.quick-info-item:last-child{border-bottom:none}.expense-header h4{font-size:1.1rem}.expense-main-details{padding:16px}.date-filter-section{background:#fff;border-radius:16px;padding:24px;margin:24px 4px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.date-filter-header{margin-bottom:16px}.date-filter-header h3{margin:0 0 16px;font-size:1.2rem;color:#1e293b;font-weight:700;display:flex;align-items:center;gap:8px}.date-filter-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.date-inputs{display:flex;gap:16px;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.date-input-group input[type=date]{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .3s ease;min-width:150px}.date-input-group input[type=date]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.date-input-group input[type=date]:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.date-filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-toggle-btn,.current-month-btn,.clear-filter-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-toggle-btn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 2px 4px #4f46e533}.filter-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4f46e54d}.current-month-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98133}.current-month-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.current-month-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.clear-filter-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.clear-filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.date-filter-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;margin-top:16px;font-size:14px;color:#1e40af;font-weight:500;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.date-filter-section{margin:20px 2px;padding:20px}.date-filter-controls{flex-direction:column;gap:16px;align-items:stretch}.date-inputs{flex-direction:column;gap:12px}.date-input-group input[type=date]{min-width:auto;width:100%}.date-filter-buttons{justify-content:space-between;gap:8px}.filter-toggle-btn,.current-month-btn,.clear-filter-btn{flex:1;min-width:0;padding:12px 8px;font-size:13px}}@media (max-width: 480px){.date-filter-section{margin:16px 1px;padding:16px}.date-filter-header h3{font-size:1.1rem}.date-filter-buttons{flex-direction:column;gap:12px}.filter-toggle-btn,.current-month-btn,.clear-filter-btn{width:100%;padding:12px 16px}.date-filter-info{padding:10px 12px;font-size:13px}}.date-picker-input{padding:10px 12px!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;color:#1e293b!important;background:#fff!important;transition:all .3s ease!important;min-width:150px!important;width:100%!important;cursor:pointer!important;font-family:inherit!important}.date-picker-input:focus{outline:none!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.date-picker-input:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important}.date-picker-input::placeholder{color:#9ca3af!important;font-style:italic!important}.custom-calendar{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;font-family:inherit!important;overflow:hidden!important}.custom-calendar .react-datepicker__header{background:linear-gradient(135deg,#4f46e5,#3b82f6)!important;border-bottom:none!important;padding:16px!important;border-radius:0!important}.custom-calendar .react-datepicker__current-month{color:#fff!important;font-weight:700!important;font-size:16px!important;margin-bottom:8px!important}.custom-calendar .react-datepicker__navigation{top:20px!important}.custom-calendar .react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important;width:8px!important;height:8px!important}.custom-calendar .react-datepicker__day-names{background:#f8fafc!important;padding:8px 0!important;border-bottom:1px solid #e2e8f0!important}.custom-calendar .react-datepicker__day-name{color:#6b7280!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.custom-calendar .react-datepicker__month{padding:8px!important;background:#fff!important}.custom-calendar .react-datepicker__day{color:#374151!important;border-radius:6px!important;width:36px!important;height:36px!important;line-height:36px!important;margin:2px!important;transition:all .2s ease!important;font-weight:500!important}.custom-calendar .react-datepicker__day:hover{background:#f3f4f6!important;color:#1f2937!important;transform:scale(1.05)!important}.custom-calendar .react-datepicker__day--selected{background:linear-gradient(135deg,#4f46e5,#3b82f6)!important;color:#fff!important;font-weight:700!important;transform:scale(1.05)!important}.custom-calendar .react-datepicker__day--selected:hover{background:linear-gradient(135deg,#3730a3,#1e40af)!important}.custom-calendar .react-datepicker__day--keyboard-selected{background:linear-gradient(135deg,#6366f1,#3b82f6)!important;color:#fff!important}.custom-calendar .react-datepicker__day--today{background:#fef3c7!important;color:#92400e!important;font-weight:700!important}.custom-calendar .react-datepicker__day--disabled{color:#d1d5db!important;cursor:not-allowed!important}.custom-calendar .react-datepicker__day--outside-month{color:#d1d5db!important}@media (max-width: 768px){.date-picker-input{min-width:auto!important;width:100%!important;font-size:16px!important}.custom-calendar{transform:scale(.9)!important;transform-origin:top left!important}}@media (max-width: 480px){.date-picker-input{padding:8px 12px;font-size:14px}.custom-calendar{font-size:12px}.custom-calendar .react-datepicker__day{width:28px;height:28px;line-height:28px}}.document-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.document-link{text-decoration:none;color:inherit;transition:all .3s ease}.document-link:hover{transform:translateY(-2px)}.document-thumbnail{display:flex;flex-direction:column;align-items:center;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .3s ease;min-width:80px;max-width:120px}.document-thumbnail:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.thumbnail-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #e2e8f0;margin-bottom:4px}.document-name{font-size:11px;text-align:center;color:#64748b;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.no-document-url{color:#10b981;font-weight:500;font-size:12px}.no-documents{color:#ef4444;font-weight:500;font-size:12px}@media (max-width: 768px){.document-links{gap:6px}.document-thumbnail{min-width:70px;max-width:100px;padding:6px}.thumbnail-image{width:50px;height:50px}.document-name{font-size:10px}}@media (max-width: 480px){.document-thumbnail{min-width:60px;max-width:80px;padding:4px}.thumbnail-image{width:40px;height:40px}.document-name{font-size:9px}}.certificate-page{width:100%;min-height:100vh;background:#f5f5f5}.edit-form-container{max-width:800px;margin:20px auto 0;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #2c5aa0}.form-header h2{color:#2c5aa0;font-size:24px;margin:0}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:700;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:12px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2c5aa0}.form-group input[type=date]{cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .3s;position:absolute;right:0;top:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group input[type=date]:focus{border-color:#2c5aa0;box-shadow:0 0 0 2px #2c5aa033}.form-group input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .3s}.form-group input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1}.model-input-group,.machine-input-group{display:flex;gap:10px;align-items:center;margin-bottom:10px}.model-select{flex:1;cursor:pointer;background-color:#fff}.machine-input-group input{flex:1}.autocomplete-container{position:relative;flex:1}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-item:last-child{border-bottom:none}.machines-list{display:flex;flex-direction:column;gap:10px}.add-btn,.remove-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;transition:background-color .3s}.add-btn{background-color:#4caf50;color:#fff;align-self:flex-start}.add-btn:hover{background-color:#45a049}.remove-btn{background-color:#f44336;color:#fff;white-space:nowrap}.remove-btn:hover{background-color:#d32f2f}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.submit-btn,.print-btn,.generate-btn{padding:12px 30px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s}.submit-btn{background-color:#2c5aa0;color:#fff}.submit-btn:hover{background-color:#1e3f73}.generate-btn{background-color:#ff9800;color:#fff}.generate-btn:hover{background-color:#f57c00}.print-btn{background-color:#4caf50;color:#fff}.print-btn:hover{background-color:#45a049}.print-btn:disabled{background-color:#9e9e9e;cursor:not-allowed;opacity:.7}.save-success-message{text-align:center;padding:12px 20px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:14px;margin-top:15px}.view-saved-btn{padding:12px 30px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s;background-color:#2196f3;color:#fff}.view-saved-btn:hover{background-color:#1976d2}.saved-certs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.saved-certs-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.saved-certs-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #2c5aa0;background:linear-gradient(135deg,#2c5aa0,#1e3f73);border-radius:12px 12px 0 0}.saved-certs-header h2{margin:0;color:#fff;font-size:20px}.close-modal-btn{background:#fff3;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .2s}.close-modal-btn:hover{background:#ffffff4d}.saved-certs-content{padding:20px;overflow-y:auto;flex:1}.loading-certs,.no-certs{text-align:center;padding:40px 20px;color:#666;font-size:16px}.certs-list{display:flex;flex-direction:column;gap:15px}.cert-card{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.cert-card:hover{box-shadow:0 4px 15px #0000001a}.cert-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.cert-id{font-weight:700;color:#2c5aa0;font-size:13px;font-family:monospace}.cert-date{color:#666;font-size:12px}.cert-card-body{padding:15px}.cert-detail{margin-bottom:8px;font-size:14px;color:#333}.cert-detail strong{color:#555;margin-right:5px}.serial-numbers-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.serial-tag{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1565c0;border-radius:15px;font-size:12px;font-family:monospace}.cert-card-actions{padding:12px 15px;background:#fafafa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.print-duplicate-btn{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.print-certificate,.certificates-container{display:none}.certificate-wrapper{page-break-after:always;margin-bottom:20px}.certificate-wrapper:last-child{page-break-after:auto}.technician-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .3s}.technician-input:focus{border-color:#2c5aa0}.address-input-container{position:relative;width:100%}.address-input-container textarea{width:100%;padding:12px 50px 12px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .3s;resize:vertical}.address-input-container textarea:focus{border-color:#2c5aa0}.location-btn{position:absolute;right:8px;top:8px;background:#2c5aa0;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:16px;transition:background-color .3s;z-index:10}.location-btn:hover{background:#1e3f6b}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.address-suggestions .suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px;line-height:1.4}.address-suggestions .suggestion-item:hover{background-color:#f5f5f5}.address-suggestions .suggestion-item:last-child{border-bottom:none}@media print{.edit-form-container,.saved-certs-modal-overlay{display:none!important}.print-certificate,.certificates-container{display:block!important}nav,header,.top-nav,.mobile-top-nav,.mobile-bottom-nav,.sidebar,.app-title-container,.main-content>*:not(.certificate-page):not(.saved-certs-page){display:none!important}html,body,#root,.app-container,.app-body,.main-content{height:auto!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background-color:#fff!important}.certificate-page{background:#fff!important;margin:0!important;padding:0!important}.print-certificate{width:100%!important;margin:0!important;padding:15mm!important;font-family:Times New Roman,serif!important;font-size:11pt!important;line-height:1.3!important;color:#000!important}.cert-header{text-align:center;margin-bottom:15mm;border-bottom:1px solid #000;padding-bottom:8mm}.cert-company-info{display:flex;align-items:center;justify-content:center;gap:20mm}.cert-logo-section{display:flex;flex-direction:column;align-items:center}.cert-logo{width:100px!important;height:auto!important}.cert-logo-text{font-size:8pt!important;color:#2c5aa0!important;margin-top:3mm!important;font-weight:700!important}.cert-company-name{font-size:14pt!important;font-weight:700!important;color:#2c5aa0!important;margin:0!important}.cert-cin{font-size:9pt!important;margin-top:2mm!important}.cert-title{text-align:center!important;margin:10mm 0!important}.cert-title h1{font-size:12pt!important;font-weight:700!important;text-decoration:underline!important;margin:0!important;letter-spacing:.5pt!important}.cert-content{margin-bottom:10mm!important}.cert-field{display:flex!important;margin-bottom:6mm!important;align-items:flex-start!important;gap:3mm!important}.cert-label{font-weight:700!important;width:40%!important;flex-shrink:0!important;font-size:10pt!important;min-width:25mm!important}.cert-value{flex:1!important;border-bottom:1px solid #000!important;padding-bottom:1mm!important;font-size:10pt!important;min-height:4mm!important;margin-left:3mm!important}.cert-multiline{white-space:pre-wrap!important}.cert-table{margin:10mm 0!important;display:flex!important;justify-content:center!important;width:100%!important}.table-container{width:80%!important;min-width:120mm!important;max-width:150mm!important;border:2px solid #000!important}.header-cell,.table-cell{padding:6mm!important;font-size:10pt!important}.cert-agreement{margin:10mm 0!important;text-align:left!important}.cert-agreement p{font-size:10pt!important;line-height:1.4!important;margin:0!important}.cert-signatures{margin:15mm 0!important}.cert-accepted,.cert-representative{margin-bottom:15mm!important}.cert-sig-title{font-weight:700!important;font-size:10pt!important;margin-bottom:8mm!important}.cert-sig-lines{display:flex!important;flex-direction:column!important;gap:12mm!important}.cert-sig-line{display:flex!important;flex-direction:column!important;align-items:center!important}.cert-line{width:150px!important;border-bottom:1px solid #000!important;margin-bottom:3mm!important;text-align:center!important}.cert-sig-label{font-size:9pt!important;font-weight:700!important;text-align:center!important}.cert-footer{margin-top:20mm!important}.cert-footer hr{border:none!important;border-top:1px solid #000!important;margin:15mm 0 8mm!important}.cert-office{text-align:center!important;font-size:9pt!important}.cert-office div{margin:1mm 0!important}@page{margin:10mm!important;size:A4 portrait!important}}@media (max-width: 768px){.edit-form-container{margin:10px;padding:20px}.machine-input-group{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column;align-items:center}}.print-certificate{width:100%;font-family:Times New Roman,serif;color:#000;line-height:1.2;margin:0;padding:5px;margin-top:-60px!important;max-width:210mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{margin:0!important;padding:0!important}}.new-cert-header{margin-bottom:8px;margin-top:0;padding-top:0;display:flex;flex-direction:column;align-items:center}.new-cert-logo-header{text-align:center;margin-bottom:8px}.header-logo{width:180px;height:auto}.new-cert-title{font-size:20px;font-weight:700;color:#000;margin-bottom:8px;text-align:center}.new-cert-details{font-size:12px;line-height:1.2;text-align:center}.new-cert-divider{border:none;border-top:1px solid #000;margin:10px 0}.new-cert-title-section{margin:10px 0}.new-cert-title-section h1{font-size:18px;font-weight:700;text-align:center;margin:0 0 8px}.new-cert-subtitle{font-size:11px;font-style:italic;text-align:center;margin:0}.new-cert-section{margin:10px 0}.new-cert-section h2{font-size:16px;font-weight:700;margin:0 0 10px;color:#000}.new-cert-field{display:flex;margin-bottom:8px;align-items:flex-start}.new-cert-label{font-weight:700;width:30%;flex-shrink:0;font-size:14px;color:#000}.new-cert-value{flex:1;border-bottom:1px solid #000;padding-bottom:2px;font-size:14px;min-height:16px}.new-cert-value.serial-number{font-style:italic}.new-cert-additional-machines{margin:20px 0}.new-cert-additional-machines h3{font-size:13px;margin:0 0 10px}.new-cert-table{width:100%;border-collapse:collapse}.new-cert-table th,.new-cert-table td{border:1px solid #000;padding:6px;text-align:left;font-size:12px}.new-cert-table th{background-color:#f0f0f0;font-weight:700}.new-cert-acceptance{font-size:14px;line-height:1.4;margin:10px 0 20px}.new-cert-signatures{margin:10px 0}.new-cert-signature-block{margin-bottom:20px}.new-cert-signature-title{font-weight:700;font-size:14px;margin-bottom:10px}.new-cert-signature-row{display:flex;gap:20px}.new-cert-signature-field{flex:1}.new-cert-date{flex:.5}.new-cert-signature-line{border-bottom:1px solid #000;height:25px}.new-cert-signature-label{font-size:12px;margin-top:5px;text-align:center}.manager-digital-signature{border:1px solid #000;padding:8px 12px;display:inline-flex;flex-direction:column;gap:2px;max-width:70%}.manager-digital-signature .signature-name{font-weight:700;font-size:14px}.manager-digital-signature .signature-note{font-size:12px;font-style:italic}.manager-digital-signature .signature-date{font-size:12px}.generated-by-wrapper{display:flex;justify-content:flex-end;margin-top:10px}.generated-by{font-size:12px;color:#000;border:1px dashed #555;padding:6px 10px;background:#f9f9f9}.generated-by .generated-by-prefix{font-weight:700;margin-right:6px}.generated-by .generated-by-name{font-weight:600;margin-left:2px}.generated-by .generated-by-sep{margin:0 6px}.generated-by .generated-by-date{font-style:italic}.warranty-page{page-break-before:always;padding:30px 20px 0;font-family:Times New Roman,serif}.warranty-section h2{font-size:20px;font-weight:700;color:#000;margin-bottom:15px;text-align:left}.warranty-intro{font-size:15px;margin-bottom:8px;line-height:1.3}.warranty-subheading{font-size:18px;font-weight:700;color:#000;margin:15px 0 8px}.warranty-period,.warranty-coverage,.warranty-exclusions,.safety-notes{margin:8px 0 12px 20px;padding-left:0}.additional-terms{margin:5px 0 10px 20px;padding-left:0}.warranty-period li,.warranty-coverage li,.warranty-exclusions li,.safety-notes li{font-size:15px;line-height:1.3;margin-bottom:6px;list-style-type:disc}.additional-terms li{font-size:14px;line-height:1.2;margin-bottom:4px;list-style-type:disc}.warranty-service{font-size:15px;margin:10px 0;line-height:1.3}.manufacturer-stamp{font-size:15px;margin:10px 0 8px;line-height:1.8}@media print{.print-certificate{padding:5px;font-size:11pt;margin:-60px 0 0}@page :first{margin:0!important}@page :left{margin:0!important}@page :right{margin:0!important}@page{margin:0!important;size:A4 portrait}body:before,body:after{display:none!important}@page{margin:0;size:A4 portrait}html,body{margin:0!important;padding:0!important;height:100vh;overflow:hidden}.warranty-page{page-break-before:always;padding:25px 15px 0}.new-cert-title{font-size:18pt}.new-cert-details{font-size:10pt}.new-cert-title-section{margin:3mm 0}.new-cert-title-section h1{font-size:16pt}.new-cert-subtitle{font-size:9pt}.new-cert-section{margin:3mm 0}.new-cert-section h2{font-size:14pt}.new-cert-field{margin-bottom:3mm}.new-cert-label{font-size:11pt}.new-cert-value{font-size:11pt;min-height:3mm}.new-cert-additional-machines h3{font-size:10pt}.new-cert-table th,.new-cert-table td{padding:2mm;font-size:9pt}.new-cert-acceptance{font-size:11pt}.new-cert-signatures{margin:3mm 0}.new-cert-signature-title{font-size:11pt}.new-cert-signature-label{font-size:9pt}.warranty-section h2{font-size:16pt;margin-bottom:3mm}.warranty-subheading{font-size:12pt;margin:3mm 0 2mm}.warranty-intro,.warranty-service,.manufacturer-stamp{font-size:11pt;margin:2mm 0}.warranty-period li,.warranty-coverage li,.warranty-exclusions li,.safety-notes li{font-size:11pt;margin-bottom:2mm}.additional-terms li{font-size:10pt;margin-bottom:1mm}}.data-analysis{padding:30px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:100vh}.data-analysis h1{text-align:center;color:#2c3e50;margin-bottom:40px;font-size:2.5rem;font-weight:600;position:relative;padding-bottom:15px}.data-analysis h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#4a90e2,#67b26f);border-radius:2px}.filters{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;border:1px solid rgba(0,0,0,.05)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.9rem;color:#2c3e50;margin-bottom:8px;font-weight:500}.filter-group input,.filter-group select{padding:10px 15px;border:1px solid #e1e8ed;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#f8f9fa;color:#2c3e50}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.autocomplete-wrapper{position:relative}.autocomplete-input{width:100%;padding-right:35px;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='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:text}.autocomplete-input:focus{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='%234a90e2' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e8ed;border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin-top:-1px}.autocomplete-item{padding:10px 15px;cursor:pointer;transition:background-color .2s ease;color:#2c3e50;font-size:.95rem;border-bottom:1px solid #f0f0f0}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f8f9fa}.autocomplete-item.selected,.autocomplete-item:active{background-color:#e3f2fd}.autocomplete-no-results{padding:10px 15px;color:#6c757d;font-size:.9rem;text-align:center;font-style:italic}.autocomplete-item .highlight{background-color:#fff3cd;color:#856404;font-weight:600;padding:2px 4px;border-radius:3px}.clear-btn{align-self:flex-end;padding:10px 20px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;margin-top:20px}.clear-btn:hover{background:#ff5252;transform:translateY(-1px);box-shadow:0 4px 8px #ff6b6b33}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px #0000000d;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.stat-card h3{color:#2c3e50;font-size:1.1rem;margin:0 0 15px;font-weight:500}.stat-value{font-size:2.8rem;font-weight:600;background:linear-gradient(45deg,#4a90e2,#67b26f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.issue-breakdown{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;border:1px solid rgba(0,0,0,.05)}.issue-breakdown h2{color:#2c3e50;margin:0 0 25px;font-size:1.5rem;font-weight:600;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.issue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.issue-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.issue-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.issue-name{font-size:.95rem;color:#2c3e50;font-weight:500}.issue-count{background:#4a90e2;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600;min-width:30px;text-align:center}.issue-timeline{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;border:1px solid rgba(0,0,0,.05)}.issue-timeline h2{color:#2c3e50;margin:0 0 25px;font-size:1.5rem;font-weight:600;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.graph-container{height:400px;position:relative;padding:10px}.tasks-table{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px #0000000d;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.tasks-table h2{color:#2c3e50;margin:0 0 25px;font-size:1.5rem;font-weight:600;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.tasks-table table{width:100%;border-collapse:separate;border-spacing:0}.tasks-table th{text-align:left;padding:15px;background:#f8f9fa;color:#2c3e50;font-weight:600;font-size:.95rem;border-bottom:2px solid #e1e8ed;position:sticky;top:0;z-index:10}.tasks-table td{padding:15px;border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.95rem;vertical-align:top}.tasks-table th:nth-child(1),.tasks-table td:nth-child(1){width:12%;min-width:120px}.tasks-table th:nth-child(2),.tasks-table td:nth-child(2){width:25%;min-width:200px;word-wrap:break-word;white-space:normal;line-height:1.4}.tasks-table th:nth-child(3),.tasks-table td:nth-child(3){width:15%;min-width:150px}.tasks-table th:nth-child(4),.tasks-table td:nth-child(4){width:15%;min-width:140px}.tasks-table th:nth-child(5),.tasks-table td:nth-child(5){width:10%;min-width:100px}.tasks-table th:nth-child(6),.tasks-table td:nth-child(6){width:23%;min-width:300px}.tasks-table .date-cell{white-space:nowrap;min-width:180px;font-family:monospace;color:#1a73e8}.tasks-table tr:hover{background:#f8f9fa}.status{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize;display:inline-block}.status.todo{background:#fff3cd;color:#856404}.status.inprogress{background:#cce5ff;color:#004085}.status.complete{background:#d4edda;color:#155724}.task-issues{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.issue-tag{background:#e3f2fd;color:#1565c0;padding:4px 10px;border-radius:16px;font-size:.8rem;font-weight:500;transition:all .3s ease;white-space:nowrap;border:1px solid #bbdefb;display:inline-flex;align-items:center;margin:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.issue-tag:hover{background:#bbdefb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.loading,.error{text-align:center;padding:50px;font-size:1.2rem;color:#2c3e50;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin:30px 0}.error{color:#dc3545;background:#fff5f5}@media (max-width: 768px){.data-analysis{padding:20px}.data-analysis h1{font-size:2rem}.filter-row{grid-template-columns:1fr}.clear-btn{width:100%;margin-top:15px}.stat-card{padding:20px}.stat-value{font-size:2.2rem}.issue-list{grid-template-columns:1fr}.graph-container{height:300px}.tasks-table{padding:15px;overflow-x:auto}.tasks-table table{min-width:800px}.tasks-table th,.tasks-table td{padding:10px;font-size:.85rem}.tasks-table th:nth-child(1),.tasks-table td:nth-child(1){width:15%;min-width:100px}.tasks-table th:nth-child(2),.tasks-table td:nth-child(2){width:30%;min-width:180px}.tasks-table th:nth-child(3),.tasks-table td:nth-child(3){width:20%;min-width:120px}.tasks-table th:nth-child(4),.tasks-table td:nth-child(4){width:20%;min-width:120px}.tasks-table th:nth-child(5),.tasks-table td:nth-child(5){width:10%;min-width:80px}.tasks-table th:nth-child(6),.tasks-table td:nth-child(6){width:25%;min-width:200px}.issue-tag{font-size:.75rem;padding:3px 8px}.autocomplete-dropdown{max-height:200px}.autocomplete-item{padding:8px 12px;font-size:.9rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.issue-timeline canvas{margin-top:20px}@media print{.data-analysis{padding:0;background:#fff}.filters,.clear-btn{display:none}.stat-card,.issue-breakdown,.issue-timeline,.tasks-table{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.performance-tracker-container{padding:20px;max-width:1400px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.performance-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#2954a0,#1e3a8a);color:#fff;border-radius:12px;box-shadow:0 4px 15px #2954a033}.performance-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.performance-header p{margin:0;font-size:1.1rem;opacity:.9}.date-selector{display:flex;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.selector-group{display:flex;flex-direction:column;align-items:center;gap:8px}.selector-group label{font-weight:600;color:#333;font-size:.9rem}.selector-group select{padding:10px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;min-width:150px}.selector-group select:focus{outline:none;border-color:#2954a0;box-shadow:0 0 0 3px #2954a01a}.best-performer-card{background:linear-gradient(135deg,gold,#ffed4e);border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 8px 25px #ffd7004d;border:3px solid #ffd700}.best-performer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.best-performer-header h2{margin:0;color:#1a1a1a;font-size:1.8rem;font-weight:700}.generate-certificate-btn{background:linear-gradient(135deg,#2954a0,#1e3a8a);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2954a04d}.generate-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2954a066}.best-performer-details{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.performer-info h3{margin:0 0 8px;font-size:1.5rem;color:#1a1a1a;font-weight:700}.performer-info p{margin:0 0 15px;color:#555;font-size:1rem}.star-rating{display:flex;align-items:center;gap:5px}.star{font-size:1.5rem;transition:all .3s ease}.star.filled{color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.star.empty{color:#ddd}.rating-text{margin-left:10px;font-weight:600;color:#1a1a1a;font-size:1.1rem}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fffc;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.metric-label{font-weight:600;color:#333;font-size:.9rem}.metric-value{font-weight:700;color:#2954a0;font-size:1.1rem}.performance-table-container{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.table-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:700}.generate-report-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.table-responsive{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;margin-top:10px}.performance-table th{background:linear-gradient(135deg,#2954a0,#1e3a8a);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.9rem;border:none}.performance-table td{padding:10px 8px;border-bottom:1px solid #e1e5e9;font-size:.85rem}.performance-table tr:hover{background-color:#f8f9fa}.best-performer-row{background:linear-gradient(135deg,#ffd7001a,#ffed4e1a);border:2px solid #ffd700}.technician-info{display:flex;flex-direction:column;gap:4px}.technician-info strong{color:#333;font-weight:600}.technician-info small{color:#666;font-size:.8rem}.completion-rate,.attendance-rate,.performance-score{padding:4px 8px;border-radius:4px;font-weight:600;font-size:.8rem}.completion-rate.excellent,.attendance-rate.excellent,.performance-score.excellent{background-color:#d4edda;color:#155724}.completion-rate.good,.attendance-rate.good,.performance-score.good{background-color:#fff3cd;color:#856404}.completion-rate.needs-improvement,.attendance-rate.needs-improvement,.performance-score.needs-improvement{background-color:#f8d7da;color:#721c24}.star-rating-small{display:flex;gap:2px}.star-rating-small .star{font-size:1rem}.performance-criteria{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.performance-criteria h3{margin:0 0 20px;color:#333;font-size:1.5rem;font-weight:700;text-align:center}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.criteria-item{padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #2954a0}.criteria-item h4{margin:0 0 10px;color:#2954a0;font-size:1.1rem;font-weight:600}.criteria-item p{margin:0 0 15px;color:#666;font-size:.9rem;line-height:1.4}.criteria-item ul{margin:0;padding-left:20px;color:#555;font-size:.85rem}.criteria-item li{margin-bottom:5px;line-height:1.3}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e1e5e9;border-top:4px solid #2954a0;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:#666;font-size:1.1rem;margin:0}@media (max-width: 768px){.performance-tracker-container{padding:15px}.performance-header h1{font-size:2rem}.date-selector{flex-direction:column;align-items:center}.best-performer-details{grid-template-columns:1fr;gap:20px}.best-performer-header{flex-direction:column;text-align:center}.performance-metrics{grid-template-columns:1fr}.table-header{flex-direction:column;text-align:center}.performance-table{font-size:.8rem}.performance-table th,.performance-table td{padding:6px 4px;font-size:.75rem}.criteria-grid{grid-template-columns:1fr}}@media (max-width: 480px){.performance-header h1{font-size:1.5rem}.performance-header p{font-size:1rem}.best-performer-header h2{font-size:1.4rem}.performance-table{font-size:.7rem}.performance-table th,.performance-table td{padding:4px 2px;font-size:.7rem}.metric{flex-direction:column;align-items:flex-start;gap:5px}}.task-reports-page{padding:20px;background-color:#f5f7fa;min-height:100vh}.task-reports-header{text-align:center;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#2954a0,#1e3a8a);color:#fff;border-radius:12px;box-shadow:0 4px 15px #2954a033}.task-reports-header h1{margin:0 0 8px;font-size:2rem;font-weight:700}.task-reports-header p{margin:0;font-size:1rem;opacity:.9}.task-reports-filters{display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;align-items:flex-end}.task-reports-filters .filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.task-reports-filters .filter-group label{font-size:.85rem;font-weight:600;color:#555}.task-reports-filters .filter-group select,.task-reports-filters .filter-group input[type=date],.task-reports-filters .filter-group input[type=month],.task-reports-filters .filter-group input[type=text]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#333;min-width:150px}.task-reports-filters .filter-group input[type=date],.task-reports-filters .filter-group input[type=month]{cursor:pointer}.task-reports-filters .filter-group input[type=date]::-webkit-calendar-picker-indicator,.task-reports-filters .filter-group input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.task-reports-filters .filter-group input[type=date]::-webkit-calendar-picker-indicator:hover,.task-reports-filters .filter-group input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}.task-reports-filters .filter-group select:focus,.task-reports-filters .filter-group input:focus{outline:none;border-color:#2954a0;box-shadow:0 0 0 3px #2954a01a}.task-reports-filters .clear-btn{padding:10px 20px;background:#6c757d;color:#fff;border:1px solid #5a6268;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.task-reports-filters .clear-btn:hover{background:#5a6268;border-color:#4e555b}.task-reports-filters .download-btn{padding:10px 18px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 6px 18px #20c99740;white-space:nowrap}.task-reports-filters .download-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #20c99747}.task-reports-filters .download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.task-reports-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.task-reports-table-card .table-header{padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.task-reports-table-card .table-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.task-reports-scroll{overflow-x:auto;overflow-y:visible;max-width:100%}.task-reports-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.task-reports-table th,.task-reports-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e9ecef;vertical-align:top}.task-reports-table th{background:linear-gradient(135deg,#2954a0,#1e3a8a);color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;position:sticky;top:0;z-index:10}.task-reports-table tbody tr:hover{background-color:#f0f4ff}.tr-clickable{cursor:pointer;transition:background-color .15s ease}.tr-clickable:focus{outline:2px solid rgba(41,84,160,.35);outline-offset:-2px}.task-reports-table th:nth-child(1),.task-reports-table td:nth-child(1){width:90px}.task-reports-table th:nth-child(2),.task-reports-table td:nth-child(2){width:180px}.task-reports-table th:nth-child(3),.task-reports-table td:nth-child(3){width:130px}.task-reports-table th:nth-child(4),.task-reports-table td:nth-child(4){width:100px}.task-reports-table th:nth-child(5),.task-reports-table td:nth-child(5){width:140px}.task-reports-table th:nth-child(6),.task-reports-table td:nth-child(6){width:180px}.task-reports-table th:nth-child(7),.task-reports-table td:nth-child(7){width:200px}.task-reports-table th:nth-child(8),.task-reports-table td:nth-child(8){width:220px}.task-reports-table th:nth-child(9),.task-reports-table td:nth-child(9){width:100px}.task-reports-table th:nth-child(10),.task-reports-table td:nth-child(10){width:100px}.task-reports-table td{font-size:.85rem;color:#333}.tr-task-id{font-weight:600;color:#2954a0;font-family:monospace;font-size:.8rem}.tr-project-cell{line-height:1.4}.tr-project-name{font-weight:600;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-customer-name{color:#666;font-size:.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-tech-cell{line-height:1.4}.tr-tech-name{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-tech-id{color:#888;font-size:.7rem;font-family:monospace}.tr-tech-other-label{color:#64748b;font-style:italic}.tr-tech-email{display:block;font-size:.7rem;color:#64748b;margin-top:1px}.tr-tech-cell-editable{cursor:default}.tr-tech-select{width:100%;max-width:100%;padding:6px 8px;font-size:.8rem;border:1px solid #cbd5e0;border-radius:6px;background:#fff;color:#333;cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tr-tech-select:hover{border-color:#2954a0}.tr-tech-select:focus{border-color:#2954a0;box-shadow:0 0 0 2px #2954a033}.tr-tech-select:disabled{opacity:.8;cursor:not-allowed}.tr-tech-other-fields{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tr-tech-other-label-inline{font-size:.75rem;font-weight:500;color:#475569}.tr-tech-required{color:#dc2626}.tr-tech-optional{font-weight:400;color:#94a3b8;font-size:.7rem}.tr-tech-other-input{width:100%;padding:6px 8px;font-size:.8rem;border:1px solid #cbd5e0;border-radius:6px;outline:none;box-sizing:border-box}.tr-tech-other-input:focus{border-color:#2954a0;box-shadow:0 0 0 2px #2954a033}.tr-tech-other-input::placeholder{color:#94a3b8}.tr-tech-saving{display:block;font-size:.7rem;color:#2954a0;margin-top:2px}.tr-tech-edit-btn{display:block;margin-top:6px;padding:4px 10px;font-size:.75rem;font-weight:500;color:#2954a0;background:#e8f0fe;border:1px solid #2954a0;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.tr-tech-edit-btn:hover{background:#2954a0;color:#fff}.tr-tech-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.tr-tech-save-btn{padding:5px 12px;font-size:.75rem;font-weight:600;color:#fff;background:#16a34a;border:none;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s}.tr-tech-save-btn:hover:not(:disabled){background:#15803d}.tr-tech-save-btn:disabled{opacity:.7;cursor:not-allowed}.tr-tech-cancel-btn{padding:5px 12px;font-size:.75rem;font-weight:500;color:#555;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.tr-tech-cancel-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.tr-tech-cancel-btn:disabled{opacity:.7;cursor:not-allowed}.tr-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.tr-status-badge.complete{background:#d4edda;color:#155724}.tr-status-badge.inprogress,.tr-status-badge.in-progress{background:#cce5ff;color:#004085}.tr-status-badge.todo,.tr-status-badge.to-do{background:#e2e3e5;color:#383d41}.tr-status-badge.pending{background:#fff3cd;color:#856404}.tr-text-cell{white-space:normal;word-break:break-word;line-height:1.4;max-height:60px;overflow:hidden}.tr-date-cell{white-space:nowrap;font-size:.8rem;color:#555}.tr-issues-container{display:flex;flex-wrap:wrap;gap:4px}.tr-issue-pill{display:inline-block;padding:3px 8px;background:#e8f4fd;color:#0277bd;border-radius:12px;font-size:.7rem;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tr-issue-pill.none{background:#f0f0f0;color:#888}.tr-description{white-space:normal;word-break:break-word;line-height:1.4;color:#555;font-size:.8rem;max-height:80px;overflow:hidden}.tr-loading-cell,.tr-empty-cell{text-align:center;padding:40px 20px!important;color:#666;font-size:1rem}@media (max-width: 768px){.task-reports-page{padding:12px}.task-reports-header{padding:16px}.task-reports-header h1{font-size:1.5rem}.task-reports-filters{padding:12px;gap:12px}.task-reports-filters .filter-group{min-width:100%}.task-reports-table{min-width:1100px}}.saved-certs-page{padding:20px;background-color:#f5f7fa;min-height:100vh}.saved-certs-page-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;background:linear-gradient(135deg,#2c5aa0,#1e3f73);color:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 15px #2c5aa040}.header-content h1{margin:0 0 8px;font-size:1.8rem;font-weight:700}.header-content p{margin:0;opacity:.9;font-size:1rem}.create-new-btn{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-new-btn:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.filters-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-size:.85rem;font-weight:600;color:#555}.filter-group input,.filter-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#333;cursor:pointer}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a}.search-group{flex:1;min-width:200px}.clear-filters-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#5a6268}.results-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.results-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.results-header h3{margin:0;color:#333;font-size:1.1rem}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.cert-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s;background:#fff}.cert-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.cert-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0}.cert-id{font-weight:700;color:#2c5aa0;font-size:.8rem;font-family:monospace;background:#e3f2fd;padding:4px 10px;border-radius:4px}.cert-date{color:#666;font-size:.75rem}.cert-card-body{padding:16px}.cert-row{display:flex;margin-bottom:10px;font-size:.9rem;align-items:flex-start}.cert-row:last-child{margin-bottom:0}.cert-label{color:#666;min-width:110px;flex-shrink:0;font-weight:500}.cert-value{color:#333;flex:1}.model-badge{display:inline-block;background:#fff3e0;color:#e65100;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.address-text{font-size:.85rem;color:#555;line-height:1.4}.serials-row{flex-direction:column;gap:8px}.serial-tags{display:flex;flex-wrap:wrap;gap:6px}.serial-tag{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1565c0;border-radius:15px;font-size:.75rem;font-family:monospace}.serial-tag.more{background:#f5f5f5;color:#666}.cert-card-footer{padding:14px 16px;background:#fafafa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.print-duplicate-btn{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.print-duplicate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.saved-certs-page{padding:12px}.saved-certs-page-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.header-content h1{font-size:1.4rem}.filters-row{flex-direction:column}.filter-group{width:100%}.certificates-grid{grid-template-columns:1fr}.cert-row{flex-direction:column;gap:4px}.cert-label{min-width:auto}}.no-screen-display{display:none}@media print{.saved-certs-page-header,.filters-section,.results-section{display:none!important}nav,header,.top-nav,.mobile-top-nav,.mobile-bottom-nav,.sidebar,.app-title-container{display:none!important}.no-screen-display{display:block!important}.print-certificates-container,.print-certificates-container .certificate-wrapper,.print-certificates-container .print-certificate{display:block!important;visibility:visible!important}.saved-certs-page{padding:0;background:#fff}html,body,#root,.app-container,.app-body,.main-content{height:auto!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background-color:#fff!important}.certificate-wrapper{page-break-after:always}.certificate-wrapper:last-child{page-break-after:auto}}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px #0003;background-color:#fff;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width: 500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.iti__country{padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:#0000000d}.iti__flag-box,.iti__country-name,.iti__dial-code{vertical-align:middle}.iti__flag-box,.iti__country-name{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:#0000000d}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:#0000000d}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0 0 1px #888;background-image:url(/assets/flags-41zgeiS_.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-image:url(/assets/flags@2x-hM8LloC1.png)}}.iti__flag.iti__np{background-color:transparent}.register-technician-page{width:100%;max-width:1000px;margin:20px auto;padding:25px;box-sizing:border-box}.register-card{background:#fff;border-radius:12px;box-shadow:0 1px 12px #00000014;max-width:560px;margin:0 auto;overflow:hidden}.register-header{background:linear-gradient(135deg,#4680ff,#3a6fd3);padding:32px 36px 28px;text-align:center;color:#fff}.register-icon{width:56px;height:56px;background:#ffffff2e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.register-header h2{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.3px}.register-subtitle{margin:0;font-size:14px;opacity:.85;font-weight:400}.register-form{padding:32px 36px 36px;display:flex;flex-direction:column;gap:20px}.register-form .form-group{display:flex;flex-direction:column;gap:6px}.register-form .form-group label{font-size:13px;font-weight:600;color:#555;letter-spacing:.2px}.register-form .form-group input[type=text],.register-form .form-group input[type=email]{width:100%;padding:11px 14px;border:1.5px solid #e0e3e8;border-radius:8px;font-size:14px;color:#333;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.register-form .form-group input[type=text]:focus,.register-form .form-group input[type=email]:focus{border-color:#4680ff;box-shadow:0 0 0 3px #4680ff1a;background:#fff}.register-form .form-group input::placeholder{color:#aab0b8}.phone-input-wrapper,.phone-input-wrapper .iti{width:100%}.phone-input-wrapper input[type=tel]{width:100%;padding:11px 14px;border:1.5px solid #e0e3e8;border-radius:8px;font-size:14px;color:#333;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.phone-input-wrapper input[type=tel]:focus{border-color:#4680ff;box-shadow:0 0 0 3px #4680ff1a;background:#fff}.phone-input-wrapper input[type=tel]::placeholder{color:#aab0b8}.register-message{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;animation:slideDown .3s ease}.register-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.register-message.error{background:#ffeef0;color:#c62828;border:1px solid #ffcdd2}.register-message-icon{font-size:18px;font-weight:700;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.register-btn{background:linear-gradient(135deg,#4680ff,#3a6fd3);font-size:15px;font-weight:600;color:#fff;border:none;padding:13px 24px;width:100%;border-radius:8px;cursor:pointer;margin-top:6px;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px}.register-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.register-btn:active:not(:disabled){transform:translateY(0)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{padding:0 36px 28px;text-align:center}.manage-tech-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#f5f7fa;color:#4680ff;border:1.5px solid #dce5ff;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.manage-tech-nav-btn:hover{background:#eef2ff;border-color:#4680ff}@media (max-width: 640px){.register-technician-page{padding:16px;margin:10px auto}.register-header{padding:24px 20px 22px}.register-form{padding:24px 20px 28px}}.manage-tech-page{width:100%;max-width:1000px;margin:20px auto;padding:25px;box-sizing:border-box}.manage-tech-header{background:#fff;border-radius:12px;box-shadow:0 1px 10px #00000012;padding:24px 28px;margin-bottom:20px}.manage-tech-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.manage-tech-title-row h2{margin:0;font-size:22px;font-weight:700;color:#333}.manage-tech-count{margin:4px 0 0;font-size:13px;color:#888}.manage-tech-add-btn{background:linear-gradient(135deg,#4680ff,#3a6fd3);color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.manage-tech-add-btn:hover{opacity:.9}.manage-tech-search{display:flex;align-items:center;gap:10px;background:#f5f7fa;border:1.5px solid #e0e3e8;border-radius:8px;padding:10px 14px;transition:border-color .2s}.manage-tech-search:focus-within{border-color:#4680ff;background:#fff}.manage-tech-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.manage-tech-search input::placeholder{color:#aab0b8}.manage-tech-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#888}.manage-tech-spinner{width:36px;height:36px;border:3.5px solid #e0e3e8;border-top-color:#4680ff;border-radius:50%;animation:mtSpin .7s linear infinite;margin-bottom:14px}@keyframes mtSpin{to{transform:rotate(360deg)}}.manage-tech-empty{text-align:center;padding:60px 20px;color:#999;font-size:15px}.manage-tech-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.manage-tech-card{background:#fff;border-radius:12px;box-shadow:0 1px 8px #0000000f;padding:22px 24px;transition:box-shadow .2s;border:1.5px solid transparent}.manage-tech-card:hover{box-shadow:0 3px 16px #0000001a}.manage-tech-card.editing{border-color:#4680ff}.tech-card-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tech-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4680ff,#3a6fd3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.tech-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.tech-id-badge{display:inline-block;background:#eef2ff;color:#4680ff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.3px}.tech-details{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.tech-detail-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.tech-detail-row svg{flex-shrink:0;color:#aaa}.tech-detail-row span{word-break:break-word}.tech-card-actions{display:flex;gap:10px}.tech-edit-btn,.tech-delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .2s,color .2s}.tech-edit-btn{background:#eef2ff;color:#4680ff}.tech-edit-btn:hover{background:#dce5ff}.tech-delete-btn{background:#ffeef0;color:#dc3545}.tech-delete-btn:hover{background:#ffd6da}.manage-tech-edit-form{display:flex;flex-direction:column;gap:16px}.edit-form-header{display:flex;align-items:center;gap:10px}.edit-badge{background:#4680ff;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.edit-fields{display:flex;flex-direction:column;gap:12px}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field label{font-size:12px;font-weight:600;color:#777}.edit-field input{padding:10px 12px;border:1.5px solid #e0e3e8;border-radius:7px;font-size:14px;color:#333;outline:none;background:#fafbfc;transition:border-color .2s,box-shadow .2s}.edit-field input:focus{border-color:#4680ff;box-shadow:0 0 0 3px #4680ff1a;background:#fff}.edit-actions{display:flex;gap:10px}.edit-save-btn{flex:1;padding:10px;background:linear-gradient(135deg,#4680ff,#3a6fd3);color:#fff;border:none;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.edit-save-btn:hover{opacity:.9}.edit-cancel-btn{flex:1;padding:10px;background:#f5f5f5;color:#666;border:1.5px solid #e0e3e8;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.edit-cancel-btn:hover{background:#eee}.delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.delete-modal{background:#fff;border-radius:14px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0000002e;animation:scaleIn .25s ease}.delete-modal-icon{margin-bottom:16px}.delete-modal h3{margin:0 0 10px;font-size:20px;color:#333}.delete-modal p{margin:0 0 24px;font-size:14px;color:#666;line-height:1.5}.delete-modal-actions{display:flex;gap:12px}.delete-confirm-btn{flex:1;padding:11px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.delete-confirm-btn:hover{background:#c82333}.delete-cancel-btn{flex:1;padding:11px;background:#f5f5f5;color:#555;border:1.5px solid #e0e3e8;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.delete-cancel-btn:hover{background:#eee}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.manage-tech-page{padding:16px;margin:10px auto}.manage-tech-header{padding:18px 16px}.manage-tech-title-row{flex-direction:column;align-items:flex-start;gap:12px}.manage-tech-list{grid-template-columns:1fr}.manage-tech-card{padding:18px 16px}}body{margin:0;padding:60px 0 0;font-family:Arial,sans-serif;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px;position:sticky;top:0;z-index:100;width:100%}.app-header h1{margin:0;font-size:20px;color:#333}.header-actions{display:flex;align-items:center}.logout-btn{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px}.logout-btn:hover{background-color:#d32f2f}.dashboard-container{display:flex;height:calc(100vh - 60px);width:100%}.left-sidebar{width:250px;background-color:#f5f5f5;border-right:1px solid #ddd;padding:20px 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;transition:all .3s ease;flex-shrink:0}.sidebar-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;margin-bottom:16px;padding:8px 16px;width:100%;text-align:left}.sidebar-menu{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;padding:12px 16px;color:#555;text-decoration:none;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#e0e0e0}.menu-item.active{background-color:#e3f2fd;color:#1976d2;font-weight:500;border-left:3px solid #1976d2}.menu-icon{margin-right:12px;font-size:18px}.main-content{flex:1;padding:0;overflow-y:auto;background-color:#f9f9f9;width:100%}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9}.loading-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #1976d2;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.left-sidebar{position:fixed;left:-250px;top:60px;z-index:99;box-shadow:2px 0 5px #0000001a}.left-sidebar.expanded{left:0}.sidebar-toggle{display:block}.main-content{width:100%}.app-body{flex-direction:column}.main-content{padding-top:10px;padding-bottom:0}}.task-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:20px;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:22px}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#777}.task-detail-row{display:flex;margin-bottom:15px}.detail-label{width:200px;font-weight:600;color:#555}.detail-value{flex:1}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start;padding:10px}.header-search{width:100%;max-width:none;margin:10px 0}.form-container{padding:10px}.task-detail-row{flex-direction:column}.detail-label{width:100%;margin-bottom:5px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-body{margin-top:60px;padding:20px;flex:1}.tasks-dashboard-section,.tasks-overview-section,.create-task-section,.todo-task-section,.in-progress-task-section,.completed-task-section,.expense-reports-section,.leave-management-section{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.app-body{padding:12px}.main-content{min-height:calc(100vh - 60px)}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 16px}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:60px}.header-left{display:flex;align-items:center;gap:16px}.app-header h1{margin:0;font-size:1.25rem;color:#333}.desktop-logout-btn{padding:6px 12px;background-color:transparent;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;transition:all .2s}.desktop-logout-btn:hover{background-color:#f5f5f5}.app-body{display:flex;flex:1}.sidebar{width:250px;background-color:#f8f9fa;border-right:1px solid #e0e0e0;flex-shrink:0}.sidebar-nav{padding:16px 0}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{padding:0}.nav-list li a{display:block;padding:12px 16px;color:#333;text-decoration:none;transition:background-color .2s}.nav-list li a:hover,.nav-list li a.active{background-color:#e9ecef}@media (max-width: 768px){.mobile-hidden{display:none!important}.main-content{width:100%;padding:10px 12px 12px;margin-top:0}body{padding-top:60px!important}.expense-reports-section,.tasks-dashboard-section,.task-overview-section,.create-task-section,.todo-task-section,.in-progress-task-section,.completed-task-section,.leave-management-section{padding-top:10px}.mobile-header{display:flex;justify-content:center;align-items:center;height:50px;border-bottom:1px solid #e0e0e0;background-color:#fff}.mobile-header h1{margin:0;font-size:18px;text-align:center}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.navbar-toggle,.navbar-toggler,button[data-toggle=collapse],button[aria-expanded=false],button[aria-label="Toggle navigation"]{display:block!important;visibility:visible!important;opacity:1!important;z-index:9999!important;position:relative!important}header,nav,.navbar,.navbar-header{position:relative!important;z-index:9999!important}body>*:not(header):not(nav):not(.navbar){z-index:auto!important}body,html,#root,.app,.container,.main-content{overflow-x:hidden;width:100%;max-width:100%}table{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}}