*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f5f9;color:#1e293b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}:root{--primary:#1e40af;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--light:#f8fafc;--dark:#0f172a;--border:#e2e8f0;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container{max-width:420px;width:100%}.login-header{color:#fff;margin-bottom:2rem;text-align:center}.login-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.login-logo .logo-icon{font-size:2.5rem}.login-logo h1{font-size:2rem;font-weight:700;margin:0}.login-subtitle{font-size:1rem;margin:0;opacity:.9}.login-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem}.login-form h2{color:var(--dark);font-size:1.5rem;margin:0 0 .25rem}.form-subtitle{color:var(--secondary);font-size:.875rem;margin:0 0 1.5rem}.error-alert{background-color:#fee2e2;border-radius:.5rem;color:#991b1b;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.error-alert,.input-wrapper{align-items:center;display:flex}.input-wrapper{position:relative}.input-icon{color:var(--secondary);left:.875rem;pointer-events:none;position:absolute}.input-wrapper .form-input{padding-left:2.75rem;padding-right:2.75rem}.password-toggle{align-items:center;background:none;border:none;color:var(--secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem}.password-toggle:hover{color:var(--dark)}.login-btn{margin-top:.5rem;width:100%}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.demo-credentials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.demo-credentials h4{color:#fff;font-size:.875rem;margin:0 0 .75rem;text-align:center}.credential-list{display:flex;flex-direction:column;gap:.5rem}.credential-item{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem .75rem}.role-badge{border-radius:.25rem;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.role-badge.admin{background-color:#fee2e2;color:#991b1b}.role-badge.reception{background-color:#dbeafe;color:#1e40af}.credential-item code{color:#fff;font-family:Consolas,monospace;font-size:.75rem}.form-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;text-align:center}.form-footer p{color:#6b7280;font-size:.875rem;margin:0}.form-link{color:var(--primary);font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}@media (max-width:480px){.login-form{padding:1.5rem}}.ticket-modal{max-height:90vh;max-width:600px;overflow-y:auto}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:2px solid var(--border);color:var(--primary);font-size:.875rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger)}.source-options{display:flex;gap:.75rem}.source-option{align-items:center;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;justify-content:center;padding:.625rem;transition:all .2s}.source-option input{display:none}.source-option:hover{background-color:#f8fafc;border-color:var(--primary-light)}.source-option.active{background-color:#dbeafe;border-color:var(--primary);color:var(--primary)}@media (max-width:576px){.form-grid{grid-template-columns:1fr}.ticket-modal{margin:.5rem}}.ticket-details-modal{max-height:90vh;max-width:640px;overflow-y:auto}.ticket-header-info{align-items:center;display:flex;gap:.75rem}.details-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{align-items:center;color:var(--primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.detail-value{font-weight:500}.detail-value,.issue-description{color:var(--dark);font-size:.875rem}.issue-description{background-color:#f8fafc;border-radius:.5rem;line-height:1.6;padding:1rem}.timeline{border-left:2px solid var(--border);display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.timeline-item{align-items:center;margin-left:-1.35rem}.timeline-dot{border:2px solid #fff;box-shadow:0 0 0 2px var(--border)}.timeline-dot.received{background-color:var(--info);box-shadow:0 0 0 2px var(--info)}.timeline-dot.delivered{background-color:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-dot.pending{background-color:#cbd5e1;box-shadow:0 0 0 2px #cbd5e1}.timeline-dot.in_progress{background-color:var(--warning);box-shadow:0 0 0 2px var(--warning)}.timeline-dot.resolved{background-color:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-dot.closed{background-color:var(--secondary);box-shadow:0 0 0 2px var(--secondary)}.timeline-content{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.timeline-header{justify-content:space-between;width:100%}.timeline-label{color:var(--dark);font-size:.875rem;font-weight:500}.timeline-date{color:var(--secondary);font-size:.75rem}.timeline-remarks{background-color:#f1f5f9;border-radius:.25rem;color:var(--dark);font-size:.8rem;margin:0;padding:.25rem .5rem}.timeline-user{color:var(--secondary);font-size:.7rem}.status-update-form{display:flex;flex-direction:column;gap:.75rem}.status-update-form .form-select{width:100%}.status-update-form .form-textarea{min-height:50px}.notes-list{display:flex;flex-direction:column;gap:.75rem}.note-item{background-color:#f8fafc;border-left:3px solid var(--primary-light);border-radius:.5rem;padding:.75rem}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.note-author{color:var(--primary);font-size:.75rem;font-weight:600}.note-date{color:var(--secondary);font-size:.7rem}.note-text{color:var(--dark);font-size:.875rem;margin:0}.no-notes{color:var(--secondary);font-size:.875rem;font-style:italic}.add-note-form .form-textarea{min-height:60px}@media (max-width:576px){.details-grid{grid-template-columns:1fr}.timeline-content{align-items:flex-start;flex-direction:column;gap:.25rem}}.dashboard{margin:0 auto;max-width:1400px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-actions{align-items:center;display:flex;gap:.75rem}.settings-menu{position:relative}.settings-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;color:#6b7280;color:var(--secondary,#6b7280);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.settings-btn:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#1a1a1a;color:var(--dark,#1a1a1a)}.settings-dropdown{animation:dropdownFade .15s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;box-shadow:0 4px 16px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-dropdown-item{align-items:center;background:none;border:none;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;display:flex;font-size:.9rem;gap:.625rem;padding:.75rem 1rem;text-align:left;transition:background-color .15s;width:100%}.settings-dropdown-item:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.settings-dropdown-item svg{color:#6b7280;color:var(--secondary,#6b7280);flex-shrink:0}.page-title{color:var(--dark);font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.page-subtitle{color:var(--secondary);font-size:.875rem;margin:0}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--dark);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.recent-tickets{min-height:400px}.view-all-link{color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.tickets-list{display:flex;flex-direction:column}.ticket-item{border-bottom:1px solid var(--border);border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:background-color .2s}.ticket-item:last-child{border-bottom:none}.ticket-item:hover{background-color:#f8fafc}.dashboard-status-wrapper{display:inline-block;flex-shrink:0}.dashboard-status-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .3rem center;background-repeat:no-repeat;border:none;border-radius:9999px;cursor:pointer;font-size:.7rem;font-weight:600;outline:none;padding:.2rem 1.1rem .2rem .4rem;transition:all .2s}.dashboard-status-select:hover{box-shadow:0 1px 3px #0000001f;filter:brightness(.95)}.dashboard-status-select.badge-info{background-color:#dbeafe;color:#1e40af}.dashboard-status-select.badge-warning{background-color:#fef3c7;color:#92400e}.dashboard-status-select.badge-success{background-color:#d1fae5;color:#065f46}.dashboard-status-select.badge-primary{background-color:#e0e7ff;color:#3730a3}.dashboard-status-select.badge-secondary{background-color:#f1f5f9;color:#475569}.ticket-icon{background-color:#f1f5f9;border-radius:.5rem;font-size:1.25rem;height:40px;width:40px}.ticket-icon,.ticket-icon-text{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ticket-icon-text{background:linear-gradient(180deg,#1e3a8a,#1e40af);border-radius:.375rem;box-shadow:0 2px 4px #1e3a8a26;color:#fff;font-size:.625rem;font-weight:700;height:36px;letter-spacing:.025em;line-height:1;padding:0 .25rem;text-align:center;text-transform:uppercase;width:52px}.ticket-info{flex:1 1;min-width:0}.ticket-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.25rem}.ticket-id{color:var(--primary);font-size:.875rem;font-weight:600}.ticket-customer{color:var(--dark);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.ticket-issue{color:var(--secondary);font-size:.8125rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{align-items:center;color:var(--secondary);display:flex;font-size:.75rem;gap:.5rem}.side-panels{display:flex;flex-direction:column;gap:1rem}.quick-actions .card-body{display:flex;flex-direction:column;gap:.5rem}.action-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:.5rem;color:inherit;cursor:pointer;display:flex;gap:1rem;padding:.875rem;text-decoration:none;transition:all .2s}.action-btn:hover{background-color:#f8fafc;border-color:var(--primary-light)}.action-icon{align-items:center;background-color:#dbeafe;border-radius:.5rem;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.action-text{display:flex;flex-direction:column;text-align:left}.action-title{color:var(--dark);font-size:.875rem;font-weight:600}.action-desc{color:var(--secondary);font-size:.75rem}.dept-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 0}.dept-item:last-child{border-bottom:none}.dept-name{color:var(--dark);font-size:.875rem}.dept-count{background-color:#f1f5f9;border-radius:.25rem;color:var(--secondary);font-size:.75rem;padding:.25rem .5rem}.product-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.product-item{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex;flex-direction:column;padding:.75rem;text-align:center}.product-icon{font-size:1.5rem;margin-bottom:.25rem}.product-name{color:var(--secondary);font-size:.75rem}.product-count{color:var(--dark);font-size:1.125rem;font-weight:700}.empty-state{justify-content:center;padding:3rem;text-align:center}.empty-state p{color:var(--secondary)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.side-panels{flex-direction:row;flex-wrap:wrap}.side-panels>.card{flex:1 1;min-width:280px}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{height:40px;width:40px}.stat-icon,.stat-value{font-size:1.25rem}}.tickets-page{margin:0 auto;max-width:1400px}.filters-card{margin-bottom:1.5rem;padding:1rem 1.5rem}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.search-input-wrapper{flex:1 1;min-width:250px}.filter-select{min-width:150px}.filters-summary{color:var(--secondary);font-size:.75rem;margin-top:.75rem}.tickets-table{font-size:.875rem}.tickets-table tbody tr{cursor:pointer}.ticket-id-cell{color:var(--primary);font-weight:600}.customer-name{color:var(--dark)}.customer-phone{color:var(--secondary)}.product-cell{align-items:center;display:flex;gap:.5rem}.product-icon{font-size:1.125rem}.priority-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.priority-low{background-color:#f1f5f9;color:#64748b}.priority-medium{background-color:#fef3c7;color:#92400e}.priority-high{background-color:#fee2e2;color:#991b1b}.date-cell{color:var(--secondary);font-size:.8125rem;white-space:nowrap}.status-select-wrapper{display:inline-block}.status-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;border:none;border-radius:9999px;cursor:pointer;font-size:.75rem;font-weight:600;outline:none;padding:.25rem 1.25rem .25rem .5rem;transition:all .2s}.status-select:hover{box-shadow:0 1px 3px #0000001f;filter:brightness(.95)}.status-select.badge-info{background-color:#dbeafe;color:#1e40af}.status-select.badge-warning{background-color:#fef3c7;color:#92400e}.status-select.badge-success{background-color:#d1fae5;color:#065f46}.status-select.badge-primary{background-color:#e0e7ff;color:#3730a3}.status-select.badge-secondary{background-color:#f1f5f9;color:#475569}.actions-cell{display:flex;gap:.25rem}.action-icon-btn{background:none;border:none;border-radius:.375rem;color:var(--secondary);cursor:pointer;padding:.375rem;transition:all .2s}.action-icon-btn:hover{background-color:#f1f5f9;color:var(--dark)}.action-icon-btn.delete:hover{background-color:#fee2e2;color:#dc2626}.empty-table{padding:3rem!important}.empty-state{align-items:center;color:var(--secondary);display:flex;flex-direction:column;gap:.75rem}.empty-state svg{opacity:.5}@media (max-width:1024px){.filters-row{flex-direction:column}.filter-select,.search-input-wrapper{width:100%}}@media (max-width:768px){.tickets-table td:nth-child(4),.tickets-table td:nth-child(6),.tickets-table td:nth-child(7),.tickets-table th:nth-child(4),.tickets-table th:nth-child(6),.tickets-table th:nth-child(7){display:none}}.archived-section{margin-top:1.5rem}.archived-header{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;color:#6b7280;color:var(--secondary,#6b7280);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.875rem 1.25rem;transition:all .2s;width:100%}.archived-header:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1a1a1a;color:var(--dark,#1a1a1a)}.archived-header-left{align-items:center;display:flex;gap:.625rem}.archived-chevron{flex-shrink:0;transition:transform .2s ease}.archived-chevron.open{transform:rotate(180deg)}.archived-count{background:#6b7280;background:var(--secondary,#6b7280);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;min-width:1.5rem;padding:.125rem .5rem;text-align:center}.archived-card{border-top-left-radius:0;border-top-right-radius:0;margin-top:.5rem}.archived-table tbody tr{opacity:.7}.archived-table tbody tr:hover{opacity:1}.user-modal{max-width:480px}.user-modal .form-group{margin-bottom:1.25rem}.user-modal .form-input.error,.user-modal .form-select.error{border-color:var(--danger)}.error-text{color:var(--danger);display:block;font-size:.75rem;margin-top:.25rem}.users-page{margin:0 auto;max-width:1200px}.user-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.stat-item{align-items:baseline;background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);display:flex;gap:.5rem;padding:1rem 1.5rem}.stat-item .stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:var(--secondary);font-size:.875rem}.search-card{margin-bottom:1.5rem;padding:1rem}.search-input-wrapper{max-width:400px;position:relative}.search-icon{color:var(--secondary);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:2.75rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{overflow:hidden;padding:0}.user-card-header{align-items:flex-start;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;justify-content:space-between;padding:1.5rem}.user-avatar-large{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;width:60px}.user-card-actions{display:flex;gap:.25rem}.user-card-actions .action-icon-btn{color:#fffc}.user-card-actions .action-icon-btn:hover{background:#fff3;color:#fff}.user-card-actions .action-icon-btn.delete:hover{background:#ef44444d;color:#fca5a5}.user-card-body{padding:1.5rem}.user-card-body .user-name{color:var(--dark);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.user-card-body .badge{margin-bottom:1rem}.user-details{gap:.5rem}.detail-row{align-items:center;color:var(--secondary);display:flex;font-size:.875rem;gap:.5rem}.detail-row svg{color:var(--secondary);flex-shrink:0}.users-grid .empty-state{grid-column:1/-1;padding:3rem;text-align:center}@media (max-width:640px){.user-stats{flex-wrap:wrap}.stat-item{flex:1 1;min-width:100px}.users-grid{grid-template-columns:1fr}}.engineer-modal{max-width:480px}.engineer-modal .form-group{margin-bottom:1.25rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);cursor:pointer;height:18px;width:18px}.engineers-page{margin:0 auto;max-width:1200px}.engineer-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.engineers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.engineer-card{overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.engineer-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.engineer-card.inactive{opacity:.6}.engineer-card-header{align-items:flex-start;background:linear-gradient(135deg,#065f46,#10b981);display:flex;justify-content:space-between;padding:1.5rem}.engineer-avatar{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.4rem;font-weight:600;height:56px;justify-content:center;width:56px}.engineer-card-actions{display:flex;gap:.25rem}.engineer-card-actions .action-icon-btn{background:none;border:none;border-radius:.375rem;color:#fffc;cursor:pointer;padding:.375rem;transition:background-color .2s}.engineer-card-actions .action-icon-btn:hover{background:#ffffff26;color:#fff}.engineer-card-actions .action-icon-btn.delete:hover{background:#ef44444d}.engineer-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.engineer-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.1rem;font-weight:600;margin:0}.inactive-badge{margin-left:.25rem}.engineers-page .empty-state{color:#6b7280;color:var(--secondary,#6b7280);grid-column:1/-1;padding:3rem;text-align:center}.engineers-page .empty-state svg{color:#6b7280;color:var(--secondary,#6b7280);margin-bottom:1rem}.engineers-page .empty-state p{font-size:1rem;margin-bottom:1rem}.engineer-multi-select{position:relative}.engineer-select-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;cursor:pointer;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between;min-height:42px;padding:.5rem .75rem;transition:border-color .2s}.engineer-select-trigger.open,.engineer-select-trigger:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.engineer-select-trigger.open{box-shadow:0 0 0 3px #3b82f61a}.selected-engineers-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem}.engineer-tag{align-items:center;background:#dbeafe;background:var(--primary-light,#dbeafe);border-radius:.375rem;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.2rem .5rem}.engineer-tag,.engineer-tag .remove-tag{color:#3b82f6;color:var(--primary,#3b82f6)}.engineer-tag .remove-tag{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;opacity:.7;padding:0}.engineer-tag .remove-tag:hover{opacity:1}.select-placeholder{color:#6b7280;color:var(--secondary,#6b7280);font-size:.9rem}.engineer-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.engineer-option{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.625rem .75rem;transition:background-color .15s}.engineer-option:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.engineer-option.selected{background:#dbeafe;background:var(--primary-light,#dbeafe)}.engineer-option input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6)}.engineer-option-info{display:flex;flex-direction:column}.engineer-option-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:500}.engineer-option-dept{font-size:.75rem}.engineer-option-dept,.no-engineers-option{color:#6b7280;color:var(--secondary,#6b7280)}.no-engineers-option{font-size:.875rem;padding:.75rem;text-align:center}.assigned-engineers-list{display:flex;flex-wrap:wrap;gap:.5rem}.assigned-engineer-chip{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#065f46;display:inline-flex;font-size:.85rem;gap:.375rem;padding:.375rem .75rem}.assigned-engineer-chip .chip-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:22px;justify-content:center;width:22px}.settings-page{margin:0 auto;max-width:900px}.settings-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.settings-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;color:#6b7280;color:var(--secondary,#6b7280);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.settings-tab:hover{color:#3b82f6;color:var(--primary,#3b82f6)}.settings-tab.active,.settings-tab:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.settings-tab.active{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.tab-icon{font-size:1.1rem}.tab-count{background:#0000001a;border-radius:999px;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.settings-tab.active .tab-count{background:#ffffff40}.settings-content{padding:1.5rem}.settings-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.settings-content-header h2{font-size:1.2rem;font-weight:600;margin:0}.config-form{animation:slideDown .15s ease;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;margin-bottom:1.25rem;padding:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.config-form-fields{display:flex;gap:1rem;margin-bottom:.75rem}.config-form-fields .form-group{flex:1 1;margin-bottom:0}.icon-input{max-width:120px}.config-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.config-items-list{display:flex;flex-direction:column}.config-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border,#f3f4f6);display:flex;justify-content:space-between;padding:.875rem 1rem;transition:background-color .15s}.config-item:last-child{border-bottom:none}.config-item:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.config-item.inactive{opacity:.55}.config-item-info{align-items:center;display:flex;gap:.625rem}.config-item-icon{font-size:1.25rem;text-align:center;width:28px}.config-item-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:500}.config-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.config-item:hover .config-item-actions{opacity:1}.config-item-actions .action-icon-btn{background:none;border:none;border-radius:.375rem;color:#6b7280;color:var(--secondary,#6b7280);cursor:pointer;padding:.375rem;transition:all .15s}.config-item-actions .action-icon-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#3b82f6;color:var(--primary,#3b82f6)}.config-item-actions .action-icon-btn.delete:hover{background:#fef2f2;color:#ef4444}.config-empty{color:#6b7280;color:var(--secondary,#6b7280);padding:2rem;text-align:center}.config-empty p{margin-bottom:.75rem}.config-inactive-section{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border,#e5e7eb);margin-top:1.5rem;padding-top:1rem}.config-inactive-title{color:#6b7280;color:var(--secondary,#6b7280);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.btn-xs{border-radius:.375rem;font-size:.75rem;padding:.25rem .625rem}.reports-page{margin:0 auto;max-width:1200px;padding:1.5rem}.date-selector{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px #0000000a;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.date-nav-btn,.date-selector{align-items:center;background:#fff;display:flex}.date-nav-btn{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;color:#6b7280;color:var(--secondary,#6b7280);cursor:pointer;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.date-nav-btn:hover:not(:disabled){background:#3b82f6;background:var(--primary,#3b82f6);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#fff}.date-nav-btn:disabled{cursor:not-allowed;opacity:.4}.date-display{align-items:center;display:flex;flex:1 1;gap:.75rem}.date-input{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;color:#1a1a1a;color:var(--dark,#1a1a1a);cursor:pointer;font-size:.9rem;padding:.4rem .6rem}.date-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-label{color:#1a1a1a;color:var(--dark,#1a1a1a);font-size:1rem;font-weight:600}.today-btn{font-size:.8rem;margin-left:auto;padding:.35rem .75rem}.report-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem}.report-stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px #0000000a;padding:1.25rem 1rem;text-align:center;transition:transform .2s,box-shadow .2s}.report-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.report-stat-icon{font-size:1.5rem;margin-bottom:.5rem}.report-stat-value{display:block;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.35rem}.report-stat-label{color:#6b7280;color:var(--secondary,#6b7280);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.stat-created .report-stat-value{color:#06b6d4}.stat-progress .report-stat-value{color:#f59e0b}.stat-resolved .report-stat-value{color:#10b981}.stat-delivered .report-stat-value{color:#8b5cf6}.stat-closed .report-stat-value{color:#64748b}.stat-pending .report-stat-value{color:#3b82f6}.report-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px #0000000a;margin-bottom:1.5rem;overflow:hidden}.report-section-title{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#1a1a1a;color:var(--dark,#1a1a1a);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0;padding:1rem 1.25rem}.section-icon{font-size:1.1rem}.report-table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;font-size:.875rem;width:100%}.report-table th{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.report-table td{border-bottom:1px solid #f1f5f9;color:#1a1a1a;color:var(--dark,#1a1a1a);padding:.75rem 1rem;vertical-align:middle}.report-table tbody tr:last-child td{border-bottom:none}.report-table.compact td,.report-table.compact th{padding:.6rem 1rem}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#f8fafc!important}.ticket-num-cell{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600;white-space:nowrap}.customer-cell{display:flex;flex-direction:column}.customer-name{font-weight:500}.customer-phone{color:#6b7280;color:var(--secondary,#6b7280);font-size:.75rem}.issue-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-cell{color:#6b7280;color:var(--secondary,#6b7280);font-size:.8rem;white-space:nowrap}.dept-name-cell{font-weight:500}.center{text-align:center}.status-badge{border-radius:9999px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.25rem .6rem;text-transform:uppercase;white-space:nowrap}.status-badge.sm{font-size:.65rem;padding:.15rem .5rem}.badge-info{background:#dbeafe;color:#1e40af}.badge-warning{background:#fef3c7}.badge-success{background:#d1fae5;color:#065f46}.badge-primary{background:#e0e7ff;color:#3730a3}.badge-secondary{background:#f1f5f9}.timeline{padding:1rem 1.25rem}.timeline-item{border-radius:.5rem;display:flex;gap:1rem;padding:.75rem .5rem;transition:background .15s}.timeline-item:hover{background:#f8fafc}.timeline-dot-wrapper{align-items:center;display:flex;flex-direction:column;min-width:20px;padding-top:4px}.timeline-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.timeline-dot.badge-info{background:#3b82f6}.timeline-dot.badge-warning{background:#f59e0b}.timeline-dot.badge-success{background:#10b981}.timeline-dot.badge-primary{background:#8b5cf6}.timeline-dot.badge-secondary{background:#64748b}.timeline-line{background:#e5e7eb;flex:1 1;margin-top:4px;min-height:20px;width:2px}.timeline-content{flex:1 1;min-width:0}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.timeline-ticket{color:#3b82f6;color:var(--primary,#3b82f6);font-size:.85rem;font-weight:600}.timeline-time{color:#6b7280;color:var(--secondary,#6b7280);font-size:.75rem;margin-left:auto}.timeline-details{color:#1a1a1a;color:var(--dark,#1a1a1a);font-size:.85rem;margin-top:.25rem}.timeline-customer{font-weight:500}.timeline-remarks{font-style:italic}.timeline-remarks,.timeline-user{color:#6b7280;color:var(--secondary,#6b7280)}.timeline-user{font-size:.75rem;margin-top:.15rem}.no-activity{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.75rem;margin-bottom:1.5rem;padding:3rem 1rem;text-align:center}.no-activity-icon{font-size:3rem;margin-bottom:.75rem}.no-activity h3{color:#1a1a1a;color:var(--dark,#1a1a1a);margin:0 0 .25rem}.no-activity p{margin:0}.empty-state-report,.no-activity p{color:#6b7280;color:var(--secondary,#6b7280)}.empty-state-report{padding:2rem 1rem;text-align:center}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block!important}.reports-page{max-width:100%;padding:0}.date-selector{display:none}.print-header{border-bottom:2px solid #333;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.print-header h1{font-size:1.5rem;margin:0}.print-header h2{color:#666;font-size:1.1rem;font-weight:400;margin:.25rem 0}.print-date{font-weight:600;margin:.5rem 0 0}.print-footer{border-top:1px solid #ccc;color:#666;font-size:.8rem;margin-top:2rem;padding-top:1rem;text-align:center}.print-footer p{margin:.15rem 0}.report-stat-card{border:1px solid #ddd;box-shadow:none}.report-stat-card:hover{box-shadow:none;transform:none}.report-section{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.clickable-row:hover{background:#0000!important}.timeline-item:hover{background:#0000}}@media (max-width:1024px){.report-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.reports-page{padding:1rem}.report-summary-grid{grid-template-columns:repeat(2,1fr)}.date-label{font-size:.85rem}.report-table{font-size:.8rem}.report-table td,.report-table th{padding:.5rem .6rem}}.btn-outline{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;color:#1a1a1a;color:var(--dark,#1a1a1a);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-outline:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6)}.btn-sm{font-size:.8rem;padding:.3rem .65rem}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;z-index:40}.sidebar.open{width:260px}.sidebar.closed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;white-space:nowrap}.sidebar-toggle{background:#ffffff1a;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem;transition:background-color .2s}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem .75rem}.nav-item{align-items:center;border-radius:.5rem;color:#fffc;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-label{white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.user-info{background:#ffffff1a;border-radius:.5rem;gap:.75rem;margin-bottom:.75rem;padding:.5rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;flex-shrink:0;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffffb3;font-size:.75rem}.logout-btn{align-items:center;background:#ef444433;border:none;border-radius:.5rem;color:#fca5a5;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.625rem;transition:background-color .2s;width:100%}.logout-btn:hover{background:#ef44444d}.main-content{background-color:#f1f5f9;flex:1 1;margin-left:260px;min-height:100vh;padding:1.5rem;transition:margin-left .3s ease}.sidebar.closed+.main-content,.sidebar.closed~.main-content{margin-left:70px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important}}.app-container{display:flex;flex-direction:column;min-height:100vh}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-outline{background-color:initial;border:1px solid var(--border);color:var(--secondary)}.btn-outline:hover:not(:disabled){background-color:var(--light);border-color:var(--secondary)}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-lg{font-size:1rem;padding:.875rem 1.75rem}.card{background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-body{padding:1.5rem}.card-title{color:var(--dark);font-size:1.125rem;font-weight:600}.form-group{margin-bottom:1rem}.form-label{color:var(--dark);display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#cffafe;color:#0e7490}.badge-primary{background-color:#dbeafe;color:#1e40af}.badge-secondary{background-color:#f1f5f9;color:#475569}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:.875rem 1rem;text-align:left}.table th{color:var(--secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover,.table th{background-color:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal{background:#fff;border-radius:.75rem;box-shadow:var(--shadow-lg);max-height:90vh;max-width:32rem;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-title{color:var(--dark);font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;border-radius:.375rem;color:var(--secondary);cursor:pointer;padding:.25rem;transition:background-color .2s}.modal-close:hover{background-color:var(--light);color:var(--dark)}.modal-body{padding:1.5rem}.modal-footer{align-items:center;background-color:#f8fafc;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.status-new{color:#2563eb}.status-in-progress{color:#d97706}.status-resolved{color:#16a34a}.status-closed{color:#64748b}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}
/*# sourceMappingURL=main.10122f0f.css.map*/