@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f57c00;--primary-light:#ffb74d;--primary-dark:#e65100;--secondary:#ff8f00;--accent:#ff6f00;--success:#4caf50;--warning:#ffc107;--error:#f44336;--info:#2196f3;--admin:#d32f2f;--engineer:#00897b;--white:#fff;--background:#f5f5f5;--surface:#fff;--outline:#e0e0e0;--divider:#eee;--text-primary:#212121;--text-secondary:#666;--text-tertiary:#999;--text-dark:#212121;--text-on-primary:#fff;--primary-orange:var(--primary);--dark-gray:var(--text-primary);--medium-gray:var(--text-secondary);--text-light:var(--text-secondary);--border-color:var(--divider);--light-gray:var(--background)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--background);color:#212121;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.App{text-align:center}.header{background:var(--primary);border-radius:0 0 24px 24px;box-shadow:0 2px 8px #00000026;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1100}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-menu-btn{background:#fff3;border:none;border-radius:8px;color:var(--text-on-primary);cursor:pointer;display:none;padding:10px}@media (max-width:1023px){.header-menu-btn{align-items:center;display:flex;justify-content:center}}.menu-icon{font-size:24px}.header-brand{display:flex;flex-direction:column}.greeting{color:var(--text-on-primary);font-size:20px;font-weight:700;letter-spacing:-.3px}.sub-greeting{color:#ffffffe6;font-size:13px;font-weight:500;margin-top:3px}.header-right{align-items:center;display:flex;gap:12px}.user-name{color:var(--text-on-primary);font-size:14px;font-weight:500}@media (max-width:480px){.user-name{display:none}}.logout-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:var(--text-on-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:background .2s}.logout-btn:hover{background:#ffffff4d}.logout-icon{font-size:20px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:800}@media (max-width:1023px){.sidebar-overlay{display:block}}.sidebar{background:linear-gradient(180deg,#fff,#fafafa);border-right:1px solid var(--border-color);box-shadow:2px 0 12px #00000014;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:900}@media (max-width:1023px){.sidebar{max-width:75vw;width:200px;z-index:900}.sidebar-header{padding:.875rem 1rem}.sidebar-header h2{font-size:1rem}.nav-item{gap:.625rem;margin:.15rem .5rem;padding:.625rem 1rem}.nav-icon{font-size:1rem}.nav-label{font-size:.8125rem}.sidebar-nav{padding:.5rem 0}.close-btn{font-size:1.25rem;padding:.375rem}}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;position:relative}.sidebar-header h2{color:var(--dark-gray);font-size:1.25rem;font-weight:600;transition:opacity .3s}.sidebar-header-actions{align-items:center;display:flex;gap:.5rem}.close-btn,.collapse-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--dark-gray);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s}.close-btn:hover,.collapse-btn:hover{background:var(--light-gray);color:var(--primary-orange)}.collapse-btn{display:none}@media (min-width:1024px){.collapse-btn{display:flex}.close-btn{display:none}}@media (max-width:1023px){.close-btn{display:flex}.collapse-btn{display:none}}.sidebar-nav{padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:8px;color:var(--text-light);display:flex;font-weight:500;gap:1rem;margin:.25rem 1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s}.nav-item:hover{background:#ec691f14;color:var(--primary-orange);transform:translateX(4px)}.nav-item.active{background:linear-gradient(90deg,#ec691f26,#ec691f0d);border-left-color:var(--primary-orange);box-shadow:0 2px 8px #ec691f26;color:var(--primary-orange);font-weight:600}.nav-icon{font-size:1.25rem}.nav-label{font-size:.95rem}@media (min-width:1024px){.sidebar{height:calc(100vh - 64px);position:fixed;top:64px;transform:translateX(0)!important;transition:width .3s ease;z-index:100}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-header h2{opacity:0;overflow:hidden;width:0}.sidebar.collapsed .nav-item{justify-content:center;margin:.25rem .5rem;padding:.875rem}.sidebar.collapsed .nav-icon{margin:0}}.bottom-tab-wrapper{position:relative}.bottom-tab{align-items:center;background:var(--surface);border-top:1px solid var(--divider);bottom:0;box-shadow:0 -2px 8px #00000014;display:flex;height:76px;justify-content:space-between;left:0;padding:8px 16px;position:fixed;right:0;z-index:1000}.admin-tab .tab-item,.bottom-tab .tab-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:9px;font-weight:400;gap:2px;justify-content:center;padding:8px;transition:color .2s}.tab-item.active,.tab-item:hover{color:var(--primary)}.tab-item.active{font-weight:500}.tab-icon{font-size:28px}.tab-spacer{flex:0.3 1}.tab-fab{align-items:center;background:var(--surface);border:none;border-radius:32px;bottom:24px;box-shadow:0 8px 12px #0000001f;cursor:pointer;display:flex;height:64px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:64px;z-index:1001}.tab-fab:hover{background:var(--background)}.fab-icon{color:var(--primary);font-size:56px}@media (min-width:1024px){.bottom-tab,.bottom-tab-wrapper{display:none!important}}@media (min-width:769px) and (max-width:1023px){.bottom-tab{border-radius:16px 16px 0 0;left:50%;margin:0 auto;max-width:600px;transform:translateX(-50%)}}.layout{background:var(--background);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;overflow-y:auto;padding:16px 16px 100px;transition:margin-left .3s ease}.layout-mobile .main-content{padding-bottom:100px}.layout-desktop .main-content{padding-bottom:24px}.main-content.main-with-sidebar{height:calc(100vh - 64px);margin-left:280px;margin-top:64px}.main-content.main-with-sidebar.sidebar-collapsed{margin-left:80px}@media (min-width:1024px){.main-content{padding:24px}.main-content.main-with-sidebar{margin-left:280px;max-width:none}}@media (max-width:1023px){.main-content.main-with-sidebar{margin-left:0}}.account-screen{padding:16px 16px 100px}.account-title{color:var(--primary);font-size:22px;font-weight:700;margin-bottom:24px}.account-detail-box{background:var(--surface);border:1px solid var(--divider);border-radius:12px;padding:16px}.account-row{border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:12px 0}.account-row:last-child{border-bottom:none}.account-label{color:var(--text-secondary);font-weight:600}.account-value{color:var(--text-primary)}.ticket-card{background:var(--white);border:1px solid #0000000d;border-radius:14px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.ticket-card:before{background:var(--primary-orange);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.ticket-card:hover{border-color:#f57c0059;box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.ticket-card:hover:before{opacity:1}.ticket-header{margin-bottom:1rem}.ticket-id{color:var(--medium-gray);font-size:.875rem;font-weight:600}.status-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem}.status-open{background:#2196f31a;color:var(--info)}.status-progress{background:#ff98001a;color:var(--warning)}.status-resolved{background:#4caf501a;color:var(--success)}.status-closed{background:#9e9e9e1a;color:var(--medium-gray)}.ticket-title{color:var(--dark-gray);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.ticket-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical;color:var(--text-light);display:-webkit-box;font-size:.9rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.ticket-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.ticket-meta{flex-wrap:wrap;gap:1.5rem}.meta-item{align-items:center;color:var(--text-light);display:flex;font-size:.875rem;gap:.5rem}.meta-icon{color:var(--primary-orange);font-size:1rem}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.375rem .75rem;text-transform:uppercase}.priority-high{background:#f443361a;color:var(--error)}.priority-medium{background:#ff98001a;color:var(--warning)}.priority-low{background:#4caf501a;color:var(--success)}.assigned-engineer{background:linear-gradient(135deg,#45b7d11a,#45b7d10d);border:1px solid #45b7d14d;border-radius:8px;padding:.5rem .75rem;position:relative;transition:all .3s ease}.assigned-engineer:hover{background:linear-gradient(135deg,#45b7d126,#45b7d114);border-color:#45b7d180;transform:translateY(-1px)}.assigned-icon{color:var(--primary);font-size:1.1rem}.assigned-info{display:flex;flex-direction:column;gap:.25rem}.assigned-label{color:var(--text-light);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.assigned-name{color:var(--dark-gray);font-size:.9rem;font-weight:600}.edit-assignment-btn{display:flex}.assignment-actions{display:inline-block;position:relative}.quick-assignment-dropdown{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;min-width:200px;padding:.5rem;position:absolute;top:100%;z-index:1000}.engineer-select{background:#fff;font-size:.875rem;margin-bottom:.5rem;padding:.5rem}.cancel-assignment-btn,.engineer-select{border:1px solid var(--border-color);border-radius:4px;width:100%}.cancel-assignment-btn{background:var(--background);color:var(--text-light);cursor:pointer;font-size:.75rem;padding:.375rem;transition:background-color .2s}.cancel-assignment-btn:hover{background:var(--border-color)}.dashboard{background:var(--background);margin:0;max-width:100%;min-height:100%;padding:0;width:100%}.dashboard-header-enhanced{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.dashboard-header-title{display:flex;flex-direction:column;gap:2px}.dashboard-header-enhanced h1{color:#fff;font-size:18px;font-weight:700;margin:0}.dashboard-header-enhanced p{color:#ffffffe6;font-size:12px;font-weight:400;margin:0}.dashboard-refresh-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.dashboard-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.dashboard-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-refresh-btn .spin{animation:spin 1s linear infinite}.quick-actions-bar{background:var(--surface);border-bottom:1px solid var(--outline);display:flex;flex-wrap:wrap;gap:16px;padding:20px 32px}.quick-action-btn{align-items:center;background:var(--background);border:2px solid var(--outline);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .2s ease}.quick-action-btn:hover{border-color:var(--action-color,var(--primary));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.quick-action-btn span{color:var(--text-primary);font-size:14px;font-weight:600}.dashboard-stats-grid{grid-gap:12px;background:var(--surface);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.stat-card-large{align-items:center;background:var(--background);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;display:flex;gap:10px;padding:12px;transition:transform .2s,box-shadow .2s}.stat-card-large:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.stat-card-large.tickets-total .stat-card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card-large.pending .stat-card-icon{background:linear-gradient(135deg,#ff9800,#ffc107)}.stat-card-large.in-progress .stat-card-icon{background:linear-gradient(135deg,#2196f3,#03a9f4)}.stat-card-large.resolved .stat-card-icon{background:linear-gradient(135deg,#4caf50,#8bc34a)}.stat-card-large.high-priority .stat-card-icon{background:linear-gradient(135deg,#f44336,#ff5722)}.stat-card-large.users-total .stat-card-icon{background:linear-gradient(135deg,#9c27b0,#e91e63)}.stat-card-content{display:flex;flex-direction:column;gap:2px}.stat-value-large{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.stat-label-large{color:var(--text-secondary);font-size:11px;font-weight:500}.stat-sublabel{color:var(--success);font-size:10px;font-weight:500}.dashboard-section-enhanced{background:var(--background);border-radius:0;margin:0;padding:16px 20px}.section-header-enhanced{align-items:center;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-title{gap:12px}.section-title .section-icon{color:var(--primary);font-size:24px}.section-title h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.view-all-btn-enhanced{background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.view-all-btn-enhanced:hover{background:var(--primary-dark);transform:translateY(-2px)}.tickets-grid-enhanced{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.dashboard-loading{color:var(--text-secondary);gap:16px;padding:60px}.dashboard-empty,.dashboard-loading{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center}.dashboard-empty{padding:80px;text-align:center}.empty-icon-large{color:var(--outline);font-size:72px;margin-bottom:20px}.dashboard-empty h3{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 8px}.dashboard-empty p{color:var(--text-secondary);font-size:15px;margin:0}.dashboard-header{border-bottom:2px solid var(--divider);margin-bottom:1.5rem;padding-bottom:1rem}.dashboard-header h1{color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1.05rem;font-weight:400}.quick-nav-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.quick-nav-item{align-items:center;background:var(--surface);border:1px solid var(--divider);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.5rem;min-width:80px;padding:1rem 1.25rem;transition:all .2s}.quick-nav-item:hover{background:#f57c000f}.quick-nav-item.active,.quick-nav-item:hover{border-color:var(--primary);color:var(--primary)}.quick-nav-item.active{background:#f57c0014}.quick-nav-icon{font-size:1.75rem}.quick-actions{margin-bottom:2rem}.action-btn{border-radius:8px;display:inline-flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s}.action-btn.primary{background:var(--primary);color:var(--surface)}.action-btn.primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #f57c0059;transform:translateY(-2px)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 12px #00000014;gap:1.5rem;min-height:120px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.stat-content{flex:1 1;min-width:0;overflow:hidden}.stat-card:before{background:var(--primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.stat-card:hover{border-color:#f57c0040;box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:14px;font-size:1.875rem;height:64px;width:64px}.stat-content h3{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:.25rem}.stat-content p{color:var(--text-secondary);font-size:.9rem}.dashboard-section{background:var(--surface);border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:2.5rem;padding:2rem}.section-header{justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.3px}.view-all-btn{background:#0000;border:2px solid var(--primary);border-radius:6px;font-family:Poppins,sans-serif;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.view-all-btn:hover{color:var(--surface)}.tickets-grid{grid-gap:1rem;gap:1rem;width:100%}@media (max-width:1200px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard{padding:0}.dashboard-header-enhanced{flex-direction:column;gap:16px;padding:20px 24px;text-align:center}.dashboard-header-enhanced h1{font-size:24px}.quick-actions-bar{justify-content:center;padding:16px 24px}.quick-action-btn{flex:1 1;min-width:140px}.dashboard-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px 24px}.stat-card-large{padding:16px}.stat-card-icon{font-size:22px;height:48px;width:48px}.stat-value-large{font-size:24px}.dashboard-section-enhanced{margin:16px 24px 24px;padding:16px}.section-header-enhanced{align-items:flex-start;flex-direction:column;gap:12px}.stats-grid,.tickets-grid,.tickets-grid-enhanced{grid-template-columns:1fr}.tickets-grid{gap:.75rem}.dashboard-header h1{font-size:1.5rem}}@media (max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr}.quick-actions-bar{flex-direction:column}.quick-action-btn{width:100%}}.admin-visits{margin:0;max-width:100%;padding:0}.visits-header{align-items:center;background:linear-gradient(135deg,#f57c00,#e65100);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.visits-header h1{font-size:18px;font-weight:700;margin:0 0 2px}.visits-header p{font-size:12px;margin:0;opacity:.9}.header-title{flex:1 1}.add-btn{align-items:center;background:#ffffffe6;border:none;border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.add-btn:hover{background:#fff}.add-btn span{font-size:16px;line-height:1}.filter-row{background:var(--background);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--outline,#0000000f);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.filter-btn{background:var(--surface);border:1px solid #0000001a;border:1px solid var(--outline,#0000001a);border-radius:6px;flex:1 1;font-size:12px;font-weight:500;min-width:60px;padding:8px 12px;text-transform:capitalize}.filter-btn:hover{border-color:#f57c00;color:#f57c00}.filter-btn.active{background:#f57c00;border-color:#f57c00}.loading-wrap{padding:60px 20px}.spinner{border-top-color:#f57c00}.empty-wrap{color:#999;padding:60px 20px;text-align:center}.empty-wrap h3{color:#666;font-size:18px;margin:0 0 8px}.empty-wrap p{font-size:14px;margin:0 0 16px}.retry-btn{align-items:center;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.retry-btn:hover{background:#f57c00;border-color:#f57c00;color:#fff}.visits-list{grid-gap:16px;display:grid;gap:16px}.visit-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:20px;transition:all .2s}.visit-card:hover{border-color:#f57c00;box-shadow:0 4px 16px #f57c0026;transform:translateY(-2px)}.visit-header{margin-bottom:16px}.status-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.delete-btn{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:4px;transition:opacity .2s}.delete-btn:hover{opacity:1}.visit-info h4{color:#212121;font-size:16px;margin:0 0 8px}.site-info{color:#666;font-size:14px;margin:0 0 4px}.site-address{color:#999;font-size:13px;margin:0}.visit-footer{border-top:1px solid #eee;display:flex;gap:24px;margin-top:16px;padding-top:16px}.footer-item{color:#999;font-size:12px}.footer-item,.visit-creator{align-items:center;display:flex;gap:8px}.visit-creator{border-top:1px dashed #eee;color:#888;font-size:11px;margin-top:8px;padding-top:8px}.modal-overlay{align-items:flex-end;bottom:0;left:0;right:0;top:0}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-width:600px;overflow:hidden}.modal-header{border-bottom:1px solid #eee}.modal-header h2{color:#212121}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f5f5f5;color:#666}.modal-body{overflow-y:auto;padding:24px}.form-section{margin-bottom:24px}.form-section label{color:#212121;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.dropdown-trigger{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.dropdown-trigger:hover{border-color:#f57c00}.dropdown-trigger .placeholder{color:#999}.dropdown-trigger .selected{color:#212121;font-weight:500}.dropdown-trigger .chevron{color:#999;font-size:20px}.amc-badge{background:#e8f5e9;border-radius:4px;color:#4caf50;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.dropdown-subtext{color:#999;font-size:13px;margin:8px 0 0}.date-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;color:#212121;cursor:pointer;font-size:14px;padding:14px 16px;width:100%}.date-input:focus{border-color:#f57c00;outline:none}.notes-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;color:#212121;font-family:inherit;font-size:14px;padding:14px 16px;resize:vertical;width:100%}.notes-input:focus{border-color:#f57c00;outline:none}.schedule-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.schedule-btn:hover:not(.disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.schedule-btn.disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;background:#fff;border-radius:50%;color:#10b981;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.btn-text{display:flex;flex-direction:column;text-align:left}.btn-text strong{font-size:16px}.btn-text small{font-size:12px;font-weight:400;opacity:.8}.search-container{align-items:center;background:#f5f5f5;border-radius:10px;display:flex;gap:10px;margin:0 24px;padding:12px 16px}.search-icon{color:#999;font-size:18px}.search-container input{background:none;border:none;color:#212121;flex:1 1;font-size:14px;outline:none}.search-container input::placeholder{color:#999}.clear-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.user-list{padding-top:16px}.user-item{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.user-item.active,.user-item:hover{border-color:#f57c00}.user-item.active{background:#fff3e0}.user-item-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.user-name{color:#212121;font-size:15px;font-weight:600}.user-item.active .user-name{color:#f57c00}.amc-badge-small{background:#e8f5e9;border-radius:4px;color:#4caf50;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.user-phone,.user-site{color:#999;font-size:13px}.no-data{color:#999;padding:40px}.detail-section{margin-bottom:24px}.detail-section label{color:#999;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-value{color:#212121;font-size:15px;font-weight:600;line-height:1.5;margin:0}.detail-subvalue{color:#666;font-size:14px;margin:4px 0 0}@media (max-width:768px){.admin-visits{padding:12px}.visits-header{flex-direction:column;gap:16px;text-align:center}.filter-btn{font-size:12px;min-width:70px;padding:8px 12px}.modal-content{max-height:95vh}}.analytics-page{background:var(--background);margin:0;max-width:100%;min-height:100vh;padding:0;width:100%}.page-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.page-header h1{color:#fff;font-size:18px;font-weight:700;margin:0 0 2px}.page-header p{color:#ffffffe6;font-size:12px;font-weight:400;margin:0}.header-actions{align-items:center;display:flex;gap:8px}.time-range-select{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;outline:none;padding:8px 12px;transition:all .3s}.time-range-select option{background:var(--surface);color:var(--text-primary)}.time-range-select:focus{background:#ffffff4d;border-color:#fff}.export-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.export-btn:hover{background:#ffffff40}.overview-cards{grid-gap:12px;background:var(--surface);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:grid;gap:12px;grid-template-columns:repeat(5,1fr);padding:16px 20px}.overview-card{background:var(--background);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;display:flex;flex-direction:column;padding:12px;transition:all .2s}.overview-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.overview-card.urgent{border-left:4px solid #f44336}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-header h3{color:var(--text-secondary);font-size:11px;font-weight:500;margin:0}.card-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.overview-card:first-child .card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.overview-card:nth-child(2) .card-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.overview-card:nth-child(3) .card-icon{background:linear-gradient(135deg,#ff9800,#ffc107)}.overview-card:nth-child(4) .card-icon{background:linear-gradient(135deg,#2196f3,#03a9f4)}.overview-card:nth-child(5) .card-icon{background:linear-gradient(135deg,#9c27b0,#e91e63)}.card-value{font-size:20px;font-weight:700;line-height:1;margin:0 0 4px}.card-insight{color:var(--text-secondary)}.card-insight,.card-trend{align-items:center;display:flex;font-size:11px;gap:4px}.engineer-performance-list{display:flex;flex-direction:column;gap:1rem}.engineer-performance-item{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s ease}.engineer-performance-item:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.engineer-info{flex:1 1}.engineer-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.engineer-phone{color:var(--text-tertiary);font-size:.8rem;margin-top:.25rem}.rate-badge{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:600;min-width:50px;padding:.25rem .5rem;text-align:center}.legend-label{color:var(--text-primary);font-weight:500;text-transform:capitalize}.category-stats,.priority-stats{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.category-trend,.priority-trend{color:var(--text-secondary);font-size:.8rem;font-weight:500}.category-icon{font-size:1rem;margin-right:.5rem}.no-data{background:var(--background);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-tertiary);font-style:italic;padding:2rem;text-align:center}.engineer-stats{align-items:center;display:flex;gap:2rem}.stat-item{min-width:60px}.stat-label{font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{font-size:1.1rem}.export-section{margin-top:2rem;text-align:center}.card-trend.positive{color:var(--success)}.card-trend.negative{color:var(--error)}.charts-section{grid-gap:20px;background:var(--background);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 32px 24px}.chart-card{background:var(--surface);border:1px solid var(--outline);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.chart-header{border-bottom:1px solid var(--outline);margin-bottom:20px;padding-bottom:16px}.chart-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.analytics-loading{align-items:center;background:var(--background);color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px}.chart-header p{color:var(--text-light);font-size:.9rem}.chart-container{margin-top:1.5rem}.bar-chart{align-items:flex-end;height:250px;justify-content:space-around;margin-bottom:1rem}.bar-chart,.bar-group{display:flex;gap:.5rem}.bar-group{align-items:center;flex:1 1;flex-direction:column}.bar-wrapper{align-items:flex-end;display:flex;gap:.25rem;height:100%;width:100%}.bar{border-radius:4px 4px 0 0;cursor:pointer;flex:1 1;min-height:10px;transition:all .3s}.bar:hover{opacity:.8}.tickets-bar{background:var(--primary-orange)}.resolved-bar{background:var(--success)}.bar-label{color:var(--text-light);font-size:.75rem;font-weight:500}.chart-legend{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;color:var(--text-dark);display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:3px;height:12px;width:12px}.tickets-color{background:var(--primary-orange)}.resolved-color{background:var(--success)}.pie-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.pie-chart{border-radius:50%;flex-shrink:0;height:200px;position:relative;width:200px}.pie-chart-empty,.pie-chart-single{border-radius:50%;height:100%;width:100%}.pie-chart-empty{align-items:center;background:var(--background);color:var(--text-tertiary);display:flex;font-size:14px;justify-content:center}.pie-legend{flex:1 1;min-width:200px}.legend-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.875rem 0;transition:background-color .2s ease}.legend-row:hover{background-color:var(--background);border-radius:8px;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.legend-row:last-child{border-bottom:none}.legend-info{align-items:center;display:flex;gap:.75rem}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-values{align-items:center;display:flex;gap:.5rem}.legend-count{color:var(--text-primary);font-size:1rem;font-weight:700}.legend-percentage{background:var(--background);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.125rem .5rem}.details-section{grid-gap:20px;background:var(--background);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 32px 32px}.detail-card{background:var(--surface);border:1px solid var(--outline);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .3s ease}.detail-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.detail-header{border-bottom:1px solid var(--outline);margin-bottom:20px;padding-bottom:16px}.detail-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.category-list,.priority-list{display:flex;flex-direction:column;gap:1.5rem}.category-item,.priority-item{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.category-item:hover,.priority-item:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.category-header,.priority-header{align-items:center;display:flex;justify-content:space-between}.category-label,.priority-label{color:var(--text-primary);font-size:1rem;font-weight:600;text-transform:capitalize}.category-count,.priority-count{background:var(--primary-light);border-radius:20px;color:var(--primary);font-size:1.1rem;font-weight:700;min-width:40px;padding:.25rem .75rem;text-align:center}.category-bar,.priority-bar{background:var(--background);border-radius:6px;height:12px;overflow:hidden;position:relative}.category-fill,.priority-fill{border-radius:6px;height:100%;overflow:hidden;position:relative;transition:width .4s ease}.category-fill:after,.priority-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.category-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.category-percentage,.priority-percentage{align-self:flex-end;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-top:.25rem}@media (max-width:1200px){.overview-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.overview-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{align-items:center;flex-direction:column;gap:16px;padding:20px 24px;text-align:center}.page-header h1{font-size:24px}.header-actions{flex-direction:column;gap:12px;width:100%}.export-btn,.time-range-select{width:100%}.overview-cards{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px 24px}.overview-card{padding:16px}.card-icon{font-size:18px;height:36px;width:36px}.card-value{font-size:24px}.charts-section,.details-section{gap:16px;grid-template-columns:1fr;padding:0 24px 24px}.chart-card,.detail-card{padding:16px}.pie-chart-container{align-items:center;flex-direction:column;gap:20px}.pie-chart{height:160px;width:160px}.engineer-performance-item{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.engineer-stats{gap:8px;justify-content:space-between;width:100%}.stat-item{flex:1 1;min-width:0}}@media (max-width:480px){.overview-cards{grid-template-columns:1fr}.card-header,.category-header,.priority-header{align-items:flex-start;flex-direction:column;gap:8px}.category-count,.priority-count{align-self:flex-start}}.engineer-dashboard{max-width:100%;padding:1rem;width:100%}.engineer-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.engineer-update-location-btn{align-items:center;background:#0000;border:1px solid #45b7d1;border:1px solid var(--primary,#45b7d1);border-radius:8px;color:#45b7d1;color:var(--primary,#45b7d1);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;white-space:nowrap}.engineer-update-location-btn:hover:not(:disabled){background:#45b7d11a}.engineer-update-location-btn:disabled{cursor:not-allowed;opacity:.6}.engineer-header h1{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 8px}.engineer-header p{color:var(--text-secondary);font-size:14px;margin:0}.engineer-empty,.engineer-loading{color:var(--text-secondary);padding:24px}.engineer-tickets{display:flex;flex-direction:column;gap:12px}.engineer-ticket-card{background:var(--surface);border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;padding:16px}.engineer-ticket-card:hover{box-shadow:0 2px 8px #0000001f}.engineer-ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.engineer-ticket-header h3{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0}.engineer-priority{border-radius:6px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px}.engineer-ticket-desc{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.engineer-ticket-footer{align-items:center;display:flex;gap:12px}.engineer-status{border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.engineer-date{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.engineer-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.engineer-modal{background:var(--surface);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:20px;width:100%}.engineer-modal h3{font-size:18px;margin:0 0 8px}.engineer-modal-title{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.engineer-form-group{margin-bottom:16px}.engineer-form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.engineer-form-group select,.engineer-form-group textarea{border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.engineer-modal-actions{display:flex;gap:12px;margin-top:20px}.engineer-ticket-actions{align-items:center;display:flex;gap:12px}.engineer-view-details-btn{align-items:center;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:background-color .2s}.engineer-view-details-btn:hover{background:#3a9bc0}.engineer-modal-actions button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px}.engineer-modal-actions button:first-child{background:#0000;border:1px solid var(--outline);color:var(--text-secondary)}.engineer-modal-actions button:last-child{background:var(--primary);border:none;color:#fff}.engineer-visits{max-width:100%;padding:0}.engineer-visits .visits-header{align-items:center;background:linear-gradient(135deg,#00897b,#00695c);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.engineer-visits .visits-header h1{font-size:18px;font-weight:700;margin:0 0 2px}.engineer-visits .visits-header p{font-size:12px;margin:0;opacity:.9}.refresh-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.refresh-btn:hover{background:#ffffff4d;transform:rotate(180deg)}.stats-container{grid-gap:12px;background:var(--surface);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.stat-item{background:var(--background);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;padding:12px;text-align:center}.stat-label,.stat-value{display:block}.days-badge{border-radius:6px;font-size:11px;font-weight:700;padding:6px 12px}.days-badge,.location-row{align-items:center;display:flex;gap:6px}.location-row{color:#999;font-size:13px;margin-top:8px}.complete-btn{background:#e8f5e9;border:none;border-radius:6px;color:#4caf50;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s}.complete-btn:hover{background:#4caf50;color:#fff}.complete-visit-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-top:24px;padding:16px 24px;transition:all .2s;width:100%}.complete-visit-btn:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.complete-desc{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px;text-align:center}.submit-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.submit-btn:hover:not(.disabled){box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.submit-btn.disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;margin-top:12px;padding:14px;transition:color .2s;width:100%}.cancel-btn:hover{color:#212121}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.engineer-visits .filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.engineer-visits .filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;min-width:80px;padding:10px 16px;text-transform:capitalize;transition:all .2s}.engineer-visits .filter-btn:hover{border-color:#00897b;color:#00897b}.engineer-visits .filter-btn.active{background:#00897b;border-color:#00897b;color:#fff}.engineer-visits .empty-wrap,.engineer-visits .loading-wrap{padding:60px 20px;text-align:center}.engineer-visits .empty-wrap{color:#999}.engineer-visits .empty-icon{font-size:64px;margin-bottom:16px}.engineer-visits .empty-wrap h3{color:#666;font-size:18px;margin:0 0 8px}.engineer-visits .empty-wrap p{font-size:14px;margin:0 0 16px}.engineer-visits .retry-btn{align-items:center;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.engineer-visits .retry-btn:hover{background:#00897b;border-color:#00897b;color:#fff}.engineer-visits .visits-list{grid-gap:16px;display:grid;gap:16px}.engineer-visits .visit-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:20px;transition:all .2s}.engineer-visits .visit-card:hover{border-color:#00897b;box-shadow:0 4px 16px #00897b26;transform:translateY(-2px)}.engineer-visits .visit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.engineer-visits .status-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.engineer-visits .visit-info h4{color:#212121;font-size:16px;margin:0 0 8px}.engineer-visits .site-info{color:#666;font-size:14px;margin:0 0 4px}.engineer-visits .site-address{color:#999;font-size:13px;margin:0}.engineer-visits .visit-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.engineer-visits .footer-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.engineer-visits .modal-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.engineer-visits .modal-content{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.engineer-visits .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.engineer-visits .modal-header h2{color:#212121;font-size:18px;margin:0}.engineer-visits .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.engineer-visits .close-btn:hover{background:#f5f5f5;color:#666}.engineer-visits .modal-body{overflow-y:auto;padding:24px}.engineer-visits .detail-section{margin-bottom:24px}.engineer-visits .detail-section label{color:#999;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.engineer-visits .detail-value{color:#212121;font-size:15px;font-weight:600;line-height:1.5;margin:0}.engineer-visits .detail-subvalue{color:#666;font-size:14px;margin:4px 0 0}.engineer-visits .form-section{margin-bottom:24px}.engineer-visits .form-section label{color:#212121;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.engineer-visits .notes-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;color:#212121;font-family:inherit;font-size:14px;padding:14px 16px;resize:vertical;width:100%}.engineer-visits .notes-input:focus{border-color:#00897b;outline:none}.spinner{border:3px solid #f5f5f5;border-top-color:#00897b;height:40px;margin:0 auto 16px;width:40px}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@media (max-width:768px){.engineer-visits{padding:12px}.engineer-visits .visits-header{flex-direction:column;gap:16px;text-align:center}.stats-container{padding:16px}.stat-value{font-size:24px}.engineer-visits .filter-btn{font-size:12px;min-width:70px;padding:8px 12px}}.history-screen{padding:16px 16px 100px}.history-title{color:var(--primary);font-size:22px;font-weight:700;margin-bottom:24px}.history-empty{color:var(--text-secondary);padding:24px}.login-container{background:var(--background);display:flex;flex-direction:column;min-height:100vh}.login-header{background:var(--primary);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 12px #00000026;padding:24px 24px 28px}.login-header-center{text-align:center}.login-header h1{color:var(--text-on-primary);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.login-header p{color:var(--text-on-primary);font-size:13px;margin-top:4px;opacity:.9}.login-content{flex:1 1;margin:0 auto;max-width:420px;padding:32px 24px 48px;width:100%}.login-branding{margin-bottom:40px;text-align:center}.login-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.login-subtitle{font-weight:500;line-height:1.5;margin:0 0 8px}.login-hint,.login-subtitle{color:var(--text-secondary);font-size:14px}.login-hint{margin:0}.login-form{align-items:center;display:flex;flex-direction:column}.login-error{background:#f443361a;border-left:4px solid var(--error);border-radius:12px;color:var(--error);font-size:14px;margin-bottom:20px;padding:12px 16px;width:100%}.login-input-container{margin-bottom:24px;width:100%}.login-label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.login-input-wrapper{align-items:center;background:var(--surface);border:1px solid var(--outline);border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.login-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f57c0026}.login-input-icon{color:var(--text-tertiary);flex-shrink:0;font-size:20px;margin-right:12px}.login-input-wrapper input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:14px;padding:0}.login-input-wrapper input::placeholder{color:var(--text-tertiary)}.login-input-wrapper input:focus{outline:none}.login-toggle-password{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;padding:0 0 0 8px}.login-toggle-password:hover{color:var(--text-secondary)}.login-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 2px 8px #f57c0059;color:var(--text-on-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;gap:10px;height:56px;justify-content:center;padding:0 24px;transition:opacity .2s,transform .2s;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 4px 12px #f57c0066;opacity:.95;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn-icon{font-size:20px}.login-spinner{animation:login-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes login-spin{to{transform:rotate(1turn)}}.login-support-link{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:8px;margin-top:24px;padding:8px 16px;transition:opacity .2s}.login-support-link:hover{opacity:.85}.login-support-link svg{flex-shrink:0}.login-back-btn{align-items:center;align-self:flex-start;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 0;transition:color .2s}.login-back-btn:hover{color:var(--primary)}.login-otp-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffb74d;border-radius:16px;margin-bottom:28px;padding:28px 24px;text-align:center;width:100%}.otp-phone-icon{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px #f57c004d;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.otp-sent-text{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:14px;margin:0 0 8px}.otp-phone-number{color:var(--text-primary);display:block;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.otp-hint,.otp-phone-number{font-family:Poppins,sans-serif}.otp-hint{color:var(--text-secondary);font-size:13px;margin:0}.otp-input-container{margin-bottom:28px}.otp-wrapper{background:var(--surface);border:2px solid var(--outline);border-radius:12px;padding:16px}.otp-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #f57c0026}.otp-input{font-family:Poppins,sans-serif!important;font-size:24px!important;font-weight:700;letter-spacing:8px;text-align:center}.otp-dots{display:flex;gap:12px;justify-content:center;margin-top:16px}.otp-dot{background:#e0e0e0;border-radius:50%;height:12px;transition:all .2s;width:12px}.otp-dot.filled{background:var(--primary);transform:scale(1.1)}.verify-btn{background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);font-size:17px;height:56px}.resend-otp-btn,.verify-btn{font-family:Poppins,sans-serif}.resend-otp-btn{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:12px 24px;transition:all .2s}.resend-otp-btn:hover:not(:disabled){background:#f57c001a;border-radius:8px}.resend-otp-btn:disabled{color:var(--text-tertiary);cursor:not-allowed}.spin-icon{animation:spin 1s linear infinite}.login-mode-toggle{align-items:center;background:#f57c001a;border:1px solid #f57c0033;border-radius:10px;color:var(--primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 20px;transition:all .2s}.login-mode-toggle:hover{background:#f57c0026;border-color:var(--primary)}.admin-btn{background:linear-gradient(135deg,#00897b,#00695c);box-shadow:0 2px 8px #00897b59}.admin-btn:hover:not(:disabled){box-shadow:0 4px 12px #00897b66}.login-options{display:flex;gap:12px;justify-content:center;margin-top:24px}.new-ticket{max-width:100%;padding:0}.ticket-header-enhanced{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.ticket-header-title h1{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 2px}.ticket-header-title p{font-size:12px;margin:0;opacity:.9}.gps-status{align-items:center;background:#ffffff26;border-radius:12px;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 12px}.gps-status.captured{background:#4caf5040}.gps-status.pending{animation:pulse 2s infinite;background:#ff980040}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ticket-form-enhanced{background:var(--background);padding:16px 20px}.form-section{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);margin-bottom:20px;padding-bottom:16px}.form-section:last-of-type{border-bottom:none}.section-heading{align-items:center;border-bottom:2px solid #f57c0033;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px;padding-bottom:8px}.section-heading svg{color:var(--primary);font-size:16px}.error-banner{align-items:center;background:#f443361a;border-radius:8px;color:#f44336;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 14px}.form-group{margin-bottom:14px}.form-row{display:flex;gap:16px}.form-group.half{flex:1 1;min-width:0}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:6px}.label-icon{color:var(--primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid #0000001a;border:1px solid var(--outline,#0000001a);border-radius:8px;font-size:13px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #f57c001a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.form-group textarea{min-height:80px;resize:vertical}.field-error{color:#f44336;font-weight:500}.field-error,.field-hint{display:block;font-size:11px;margin-top:4px}.field-hint{color:var(--text-secondary)}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;padding-right:32px}.select-arrow{color:var(--text-secondary);font-size:14px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.user-systems-section{margin-bottom:14px}.user-systems-section label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:8px}.system-chips{display:flex;flex-wrap:wrap;gap:8px}.system-chip{background:var(--surface);border:1px solid #0000001a;border:1px solid var(--outline,#0000001a);border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.system-chip.active,.system-chip:hover{border-color:var(--primary)}.system-chip.active{background:var(--primary);color:#fff}.photo-upload-section{margin-top:10px}.photo-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:12px}.photo-preview-item{aspect-ratio:1;border:1px solid #0000001a;border:1px solid var(--outline,#0000001a);border-radius:8px;overflow:hidden;position:relative}.photo-preview-item img{height:100%;object-fit:cover;width:100%}.photo-number{background:var(--primary);font-size:10px;font-weight:700;height:20px;left:4px;width:20px}.photo-number,.remove-photo-btn{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute;top:4px}.remove-photo-btn{background:#f44336e6;border:none;cursor:pointer;height:22px;right:4px;transition:transform .2s;width:22px}.remove-photo-btn:hover{transform:scale(1.1)}.upload-buttons{display:flex;gap:10px}.upload-btn{align-items:center;background:var(--surface);border:1px dashed #00000026;border:1px dashed var(--outline,#00000026);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-width:100px;padding:14px 16px;transition:all .2s}.upload-btn:hover{background:#f57c000d;border-color:var(--primary)}.upload-btn svg{color:var(--primary);font-size:20px}.upload-btn span{color:var(--text-secondary);font-size:11px;font-weight:500}.video-preview{background:#2196f314;border:1px solid #2196f333;border-radius:10px;padding:12px}.video-info{align-items:center;display:flex;gap:10px}.video-icon{color:#2196f3;font-size:20px}.video-name{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-video-btn{align-items:center;background:#f443361a;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;width:26px}.form-actions-enhanced{border-top:1px solid #0000000f;border-top:1px solid var(--divider,#0000000f);display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.cancel-btn{border:1px solid #0000001a;border:1px solid var(--outline,#0000001a);color:var(--text-secondary)}.cancel-btn,.cancel-btn:hover{background:var(--surface)}.submit-btn{background:var(--primary);color:#fff}.submit-btn:hover:not(:disabled){background:#e65100;background:var(--primary-dark,#e65100);box-shadow:0 4px 16px #f57c004d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.success-acknowledgment{background:var(--surface);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:48px 32px;text-align:center}.ack-icon{align-items:center;background:#4caf5026;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.ack-icon svg{color:#4caf50;font-size:40px}.success-acknowledgment h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.ack-ticket-number{color:var(--text-secondary);font-size:16px;margin:0 0 16px}.ack-ticket-number strong{color:var(--primary);font-size:18px}.ack-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 32px}.ack-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.ack-btn{border:none;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s}.ack-btn.primary{background:var(--primary);color:#fff}.ack-btn.primary:hover{background:#e65100;background:var(--primary-dark,#e65100)}.ack-btn.secondary{background:var(--background);border:1.5px solid #0000001a;border:1.5px solid var(--outline,#0000001a);color:var(--text-secondary)}.ack-btn.secondary:hover{background:var(--surface)}@media (max-width:768px){.new-ticket{padding:16px}.ticket-header-enhanced{flex-direction:column;padding:20px;text-align:center}.ticket-form-enhanced{padding:20px}.form-row{gap:0}.form-actions-enhanced,.form-row{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}.ack-actions{flex-direction:column}.ack-btn{width:100%}}.notifications-screen{max-width:100%;padding:0}.notifications-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.notifications-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 2px}.unread-badge{background:#fff3;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px}.notifications-actions{display:flex;gap:6px}.action-btn{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;color:#fff;font-size:12px;padding:6px 12px}.action-btn:hover{background:#ffffff40}.action-btn.danger{color:#f44336}.action-btn.danger:hover{background:#ffebee}.notifications-content{padding:16px 20px}.loading-wrap{padding:40px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-top:2px solid var(--outline,#0000001a);border:2px solid var(--outline,#0000001a);border-radius:50%;border-top-color:var(--primary);height:24px;margin:0 auto 12px;width:24px}.notifications-empty{color:var(--text-secondary);padding:50px 20px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.notifications-empty h3{color:var(--text-primary);font-size:14px;margin:0 0 4px}.notifications-empty p{font-size:12px;margin:0}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-card{background:var(--surface);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;position:relative;transition:all .2s}.notification-card:hover{border-color:var(--primary);transform:translateX(4px)}.notification-card.unread{background:#f57c000d;border-color:#f57c0033}.notification-icon{flex-shrink:0;font-size:18px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.notification-title{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.notification-time{color:var(--text-secondary);flex-shrink:0;font-size:11px}.notification-message{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.unread-dot{background:var(--primary);border-radius:50%;height:6px;position:absolute;right:12px;top:12px;width:6px}@media (max-width:768px){.notifications-header{align-items:flex-start;flex-direction:column}.notifications-actions{width:100%}.action-btn{flex:1 1}}.profile-screen{background:var(--background);margin:0;max-width:100%;min-height:100vh;padding:0;width:100%}.profile-loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:50vh}.loading-spinner{border:2px solid var(--outline);height:24px;width:24px}.profile-header{background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;padding:20px;text-align:center}.profile-header .profile-avatar{align-items:center;background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.profile-header .profile-avatar-text{color:#fff;font-size:24px;font-weight:800}.profile-header .profile-name{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px}.profile-header .profile-role-badge{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;margin-bottom:8px;padding:4px 10px}.profile-header .profile-email{color:#ffffffe6;font-size:12px}.profile-status-badge{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin:0 20px 16px;padding:8px 14px}.profile-status-badge.active{background:#4caf5026;color:#4caf50}.profile-status-badge svg{font-size:14px}.profile-content{padding:16px 20px}.profile-section{margin-bottom:16px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.3px;margin:0;text-transform:uppercase}.section-title svg{color:var(--primary);font-size:14px}.device-count-badge{background:#f57c0026;color:var(--primary)}.device-count-badge,.systems-total-badge{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.systems-total-badge{background:#2196f326;color:#2196f3}.profile-avatar{align-items:center;background:#f57c0026;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:8px;width:48px}.profile-avatar-text{color:var(--primary);font-size:20px;font-weight:700}.profile-name{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:4px}.profile-role-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:24px;padding:6px 16px}.profile-detail-box{background:var(--surface);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:block!important;padding:16px}.profile-detail-box,.profile-detail-box *,.profile-field-card{visibility:visible!important}.profile-field-card{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:flex!important;gap:14px;min-height:60px;opacity:1!important;padding:14px 0}.profile-field-card:last-child{border-bottom:none}.profile-field-icon-wrap{align-items:center;background:#f57c001a;border-radius:10px;color:var(--primary);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.profile-field-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.profile-field-label{color:var(--text-secondary);font-size:12px;font-weight:500}.profile-field-value{color:var(--text-primary);font-size:15px;font-weight:600}.profile-field-value.site-type.amc{background:#4caf5026;border-radius:6px;color:#4caf50;display:inline-block;font-size:13px;padding:2px 10px}.profile-field-value.site-type.non-amc,.profile-field-value.site-type.non_amc{background:#ff980026;border-radius:6px;color:#ff9800;display:inline-block;font-size:13px;padding:2px 10px}.system-types-chips{gap:10px;margin-bottom:8px}.system-type-chip{background:#f57c001a;color:var(--primary);display:inline-flex;font-size:14px;font-weight:600;padding:8px 14px}.quantity-badge{background:var(--primary);border-radius:10px;color:#fff;font-size:12px}.devices-box{padding:0}.devices-loading,.empty-devices{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:32px;text-align:center}.empty-devices svg{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e)}.device-row{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:flex;gap:14px;padding:16px}.device-row:last-child{border-bottom:none}.device-row.current{background:#f57c000d}.device-icon-wrap{align-items:center;background:var(--background);border-radius:12px;color:var(--text-tertiary);display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.device-row.current .device-icon-wrap{background:#f57c0026;color:var(--primary)}.device-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.device-name{color:var(--text-primary);font-size:15px;font-weight:600}.device-date{color:var(--text-secondary);font-size:13px}.current-device-badge{align-items:center;background:#4caf5026;border-radius:20px;color:#4caf50;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.device-limit-note{border-top:1px solid #0000000f;border-top:1px solid var(--divider,#0000000f);color:var(--text-secondary);font-size:12px;margin:0;padding:12px;text-align:center}.profile-btn{align-items:center;border:none;border-radius:12px;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-size:15px;font-weight:600;gap:8px;gap:14px;justify-content:center;margin-bottom:12px;padding:14px 16px;padding:16px 20px;text-align:left;transition:opacity .2s;transition:all .2s ease;width:100%}.profile-btn.primary{background:var(--primary);color:#fff}.profile-btn.visits{background:#2196f31a;border:1px solid #2196f333;color:#2196f3}.profile-btn.visits:hover{background:#2196f333}.profile-btn.security{background:var(--surface);border:1px solid #00000014;border:1px solid var(--outline,#00000014);color:var(--text-primary)}.profile-btn.security:hover{background:var(--background);border-color:var(--primary)}.profile-btn.logout{background:#f4433614;border:1px solid #f4433633;color:#f44336}.profile-btn.logout:hover{background:#f4433626}.btn-arrow{font-size:20px;margin-left:auto;opacity:.5}.security-icon-wrap{align-items:center;background:#f57c001a;border-radius:12px;color:var(--primary);display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.security-text{display:flex;flex-direction:column;gap:2px}.security-title{color:var(--text-primary);font-size:15px;font-weight:600}.security-subtitle{color:var(--text-secondary);font-size:13px;font-weight:400}.logout-icon-wrap{align-items:center;background:#f4433626;border-radius:12px;color:#f44336;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.logout-text{font-size:15px;font-weight:600}.profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal{background:var(--surface);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:28px;width:100%}.profile-modal h3{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 20px}.profile-modal input{border:1.5px solid #0000001a;border:1.5px solid var(--outline,#0000001a);border-radius:12px;font-family:inherit;font-size:15px;margin-bottom:14px;padding:14px 18px;transition:border-color .2s;width:100%}.profile-modal input:focus{border-color:var(--primary);outline:none}.profile-modal-actions{display:flex;gap:12px;margin-top:24px}.profile-modal-actions button{background:var(--background);border:1.5px solid #0000001a;border:1.5px solid var(--outline,#0000001a);border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.profile-modal-actions button:hover:not(:disabled){background:var(--surface)}.profile-modal-actions button:last-child{background:var(--primary);border-color:var(--primary);color:#fff}.profile-modal-actions button:last-child:hover:not(:disabled){opacity:.9}.profile-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.profile-modal-actions button.logout-confirm{background:#f44336;border-color:#f44336;color:#fff}.profile-confirm p{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 20px}@media (max-width:480px){.profile-screen{padding:16px}.profile-header{padding:24px 16px}.profile-header .profile-avatar{height:80px;width:80px}.profile-header .profile-name{font-size:22px}}.ticket-details{background:var(--surface);border-radius:10px;box-shadow:0 2px 8px #00000012;margin:1rem;max-width:100%;padding:1.5rem;width:calc(100% - 2rem)}.ticket-header{align-items:center;display:flex;justify-content:space-between}.status-badge{border-radius:20px;font-size:.95em;font-weight:600;padding:.3em 1em;text-transform:capitalize}.status-open{background:#f57c001f;color:var(--primary)}.status-in-progress{background:#fff3e0;color:#ff9800}.status-resolved{background:#e8f5e9;color:#388e3c}.status-closed{background:#fbe9e7;color:#d84315}.ticket-meta{color:var(--text-secondary);display:flex;font-size:1em;gap:2rem;margin:1rem 0}.ticket-comments,.ticket-description{margin-bottom:2rem}.ticket-resolution{background:#4caf501f;border-radius:8px;color:var(--success);margin-bottom:2rem;padding:1rem}.back-btn{font-size:1em;gap:.5em;margin-bottom:1rem}.not-found{color:var(--error);font-weight:700;margin:2rem 0}.comment-time{color:var(--text-tertiary);font-size:.9em}.ticket-image-section{margin-bottom:2rem}.ticket-image-section h3{align-items:center;display:flex;gap:.5em;margin-bottom:.5rem}.ticket-attachment-image{border:1px solid #0000001a;border-radius:8px;max-height:400px;max-width:100%;object-fit:contain}.ticket-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.ticket-images-grid .ticket-attachment-image{cursor:pointer;height:250px;transition:transform .2s ease;width:100%}.ticket-images-grid .ticket-attachment-image:hover{transform:scale(1.02)}.ticket-feedback-section{background:#4caf5014;border-radius:8px;margin-top:2rem;padding:1rem}.feedback-form h3,.feedback-stars{margin-bottom:.75rem}.feedback-stars{display:flex;gap:.5rem}.feedback-star{background:none;border:none;color:#ddd;cursor:pointer;font-size:1.5rem;padding:0}.feedback-star.active,.feedback-star:hover{color:#ffc107}.feedback-form textarea{border:1px solid #ddd;border-radius:6px;margin-bottom:.75rem;padding:.5rem;resize:vertical;width:100%}.feedback-form button[type=submit]{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.feedback-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.edit-assignment-btn{align-items:center;background:#45b7d133;border:1px solid #45b7d166;border-radius:6px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;margin-left:.5rem;padding:.25rem .5rem;transition:all .2s ease}.edit-assignment-btn:hover{background:#45b7d14d;border-color:var(--primary);transform:scale(1.05)}.nearest-engineer-btn{align-items:center;background:#00897b;background:var(--engineer,#00897b);border:1px solid #00897b;border:1px solid var(--engineer,#00897b);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-left:.5rem;padding:.5rem 1rem;transition:all .2s ease}.nearest-engineer-btn:hover:not(:disabled){background:#00695c;background:var(--engineer-dark,#00695c);transform:scale(1.05)}.nearest-engineer-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tickets-list{margin:0;max-width:100%;padding:0;width:100%}.tickets-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.tickets-header-title{display:flex;flex-direction:column;gap:2px}.tickets-header h1{color:#fff;font-size:18px;font-weight:700;margin:0}.tickets-subtitle{color:#ffffffe6;font-size:12px;font-weight:400}.tickets-refresh-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.tickets-refresh-btn:hover:not(:disabled){background:#ffffff40}.tickets-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.tickets-refresh-btn .spin{animation:spin 1s linear infinite}.tickets-stats{grid-gap:16px;background:var(--background);display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:20px 24px}.tickets-stats .stat-card{align-items:center;background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;padding:12px 16px;transition:transform .2s,box-shadow .2s}.tickets-stats .stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.tickets-stats .stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.tickets-stats .stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.tickets-stats .stat-card.open .stat-icon{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.tickets-stats .stat-card.progress .stat-icon{background:linear-gradient(135deg,#ff9800,#ffc107)}.tickets-stats .stat-card.resolved .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.tickets-stats .stat-info{display:flex;flex-direction:column}.tickets-stats .stat-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1}.tickets-stats .stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.tickets-filter-bar{background:var(--surface);border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:16px;padding:20px 24px}.tickets-filter-bar .search-box{align-items:center;display:flex;position:relative}.tickets-filter-bar .search-icon{color:var(--text-tertiary);font-size:20px;left:16px;position:absolute}.tickets-filter-bar .search-box input{background:var(--background);border:2px solid var(--outline);border-radius:12px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;padding:14px 48px;transition:border-color .2s;width:100%}.tickets-filter-bar .search-box input:focus{border-color:var(--primary);outline:none}.tickets-filter-bar .clear-search{align-items:center;background:var(--outline);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;width:28px}.tickets-filter-bar .clear-search:hover{background:var(--primary);color:#fff}.status-filters{display:flex;flex-wrap:wrap;gap:10px}.status-btn{align-items:center;background:var(--background);border:2px solid var(--outline);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.status-btn:hover{border-color:var(--primary);color:var(--primary)}.status-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.status-count{background:#ffffff4d;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.additional-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:var(--background);border:2px solid var(--outline);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:10px 16px;transition:border-color .2s}.filter-select:focus{border-color:var(--primary);outline:none}.date-range{align-items:center;background:var(--background);border:2px solid var(--outline);border-radius:10px;display:flex;gap:10px;padding:8px 12px}.date-range .calendar-icon{color:var(--text-tertiary);font-size:18px}.date-range input{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;padding:6px 10px}.date-range span{color:var(--text-secondary);font-size:13px}.tickets-results-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--outline);display:flex;font-size:14px;justify-content:space-between;padding:12px 24px}.results-text{color:var(--text-secondary);font-weight:500}.results-page{color:var(--primary);font-weight:600}.tickets-grid{grid-gap:16px;background:var(--background);display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));min-height:200px;padding:20px 24px}.tickets-loading{color:var(--text-secondary);gap:16px;padding:60px}.tickets-empty,.tickets-loading{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center}.tickets-empty{padding:80px 24px;text-align:center}.tickets-empty .empty-icon{color:var(--outline);font-size:64px;margin-bottom:16px}.tickets-empty h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.tickets-empty p{color:var(--text-secondary);font-size:14px;margin:0}.pagination{align-items:center;background:var(--background);display:flex;gap:1rem;justify-content:center;padding:20px 24px}.pagination-btn{border-radius:10px;font-size:14px;font-weight:600;padding:10px 20px}.pagination-btn:hover:not(:disabled){background:var(--primary-dark)}.pagination-btn:disabled{background:var(--outline)}.pagination-info{color:var(--text-secondary);font-size:14px}@media (max-width:1024px){.tickets-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tickets-header{flex-direction:column;gap:16px;text-align:center}.tickets-stats{grid-template-columns:repeat(2,1fr);padding:16px}.tickets-stats .stat-card{padding:10px 12px}.tickets-stats .stat-icon{font-size:18px;height:36px;width:36px}.tickets-stats .stat-value{font-size:20px}.tickets-filter-bar{padding:16px}.status-filters{justify-content:center}.status-btn{font-size:13px;padding:8px 12px}.additional-filters{align-items:stretch;flex-direction:column}.date-range{justify-content:center}.tickets-grid{grid-template-columns:1fr;padding:16px}.pagination{padding:16px}}.pagination-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background:#3a9bc0}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.pagination-info{color:var(--text-light);font-size:.9rem;font-weight:500}@media (max-width:768px){.tickets-list{padding:.5rem}.tickets-filters{flex-direction:column;gap:.5rem}.filter-box,.search-box{min-width:0;min-width:auto;width:100%}.filter-date{font-size:.95rem;padding:.75rem 1rem}.tickets-grid{gap:.75rem;grid-template-columns:1fr}.pagination{gap:.5rem;padding:.75rem 0}}.user-dashboard-enhanced{background:var(--background);max-width:100%;min-height:100%;padding:0;width:100%}.dashboard-header-compact{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header-info h1{font-size:18px;font-weight:700;margin:0 0 2px}.header-info p{font-size:12px;margin:0;opacity:.9}.new-ticket-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.new-ticket-btn:hover{background:#ffffff4d}.stats-grid-compact{grid-gap:12px;background:var(--surface);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.stat-mini{background:var(--background);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;gap:10px;padding:12px}.stat-mini,.stat-mini-icon{align-items:center;display:flex}.stat-mini-icon{border-radius:8px;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.stat-mini-content{display:flex;flex-direction:column}.stat-mini-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.stat-mini-label{color:var(--text-secondary);font-size:11px;margin-top:2px}.analytics-bar{background:#f57c000d;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:flex;gap:20px;padding:10px 20px}.analytics-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.analytics-item.urgent{color:#f44336}.analytics-item strong{color:var(--text-primary);font-weight:600}.analytics-icon{font-size:14px}.recent-tickets-section{padding:16px 20px}.section-header-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header-compact h2{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.view-all-btn{align-items:center;background:none;display:flex;font-size:12px;font-weight:500;gap:4px}.tickets-list-compact{display:flex;flex-direction:column;gap:8px}.ticket-item-compact{align-items:center;background:var(--surface);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.ticket-item-compact:hover{background:var(--background);border-color:var(--primary);transform:translateX(4px)}.ticket-status-badge{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ticket-status-badge.status-open{background:#ff980026;color:#ff9800}.ticket-status-badge.status-progress{background:#2196f326;color:#2196f3}.ticket-status-badge.status-resolved{background:#4caf5026;color:#4caf50}.status-icon{font-size:14px}.status-icon.spinning{animation:spin 1s linear infinite}.ticket-info-mini{flex:1 1;min-width:0}.ticket-title-mini{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta-mini{color:var(--text-secondary);font-size:11px;margin:0}.ticket-priority-mini{flex-shrink:0}.priority-badge-mini{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.priority-badge-mini.priority-low{background:#4caf5026;color:#4caf50}.priority-badge-mini.priority-medium{background:#ff980026;color:#ff9800}.priority-badge-mini.priority-high{background:#f4433626;color:#f44336}.priority-badge-mini.priority-urgent{background:#9c27b026;color:#9c27b0}.ticket-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:16px}.loading-mini{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;justify-content:center;padding:40px}.spinner-mini{animation:spin .8s linear infinite;border:2px solid #f57c0033;border-radius:50%;border-top:2px solid var(--primary);height:20px;width:20px}.empty-state-mini{flex-direction:column;padding:50px 20px;text-align:center}.empty-icon-mini,.empty-state-mini{align-items:center;display:flex;justify-content:center}.empty-icon-mini{background:#4caf501a;border-radius:50%;color:#4caf50;font-size:24px;height:48px;margin-bottom:12px;width:48px}.empty-state-mini p{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.create-ticket-btn-mini{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.create-ticket-btn-mini:hover{background:#e65100;background:var(--primary-dark,#e65100)}@media (max-width:640px){.stats-grid-compact{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px 16px}.stat-mini{padding:10px}.stat-mini-value{font-size:16px}.dashboard-header-compact{padding:14px 16px}.header-info h1{font-size:16px}.recent-tickets-section{padding:12px 16px}}.user-details{background:var(--surface);margin:-16px;max-width:100%;min-height:calc(100vh + 32px);padding:0}@media (min-width:1024px){.user-details{margin:-24px;min-height:calc(100vh + 48px)}}.user-details-header-bar{background:var(--surface);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--outline,#e0e0e0);padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-btn{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0;padding:4px 0}.back-btn:hover{opacity:.8}.user-details-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #e0e0e0;border-top:3px solid var(--outline,#e0e0e0);border:3px solid var(--outline,#e0e0e0)}.user-details-profile-header{align-items:center;background:linear-gradient(135deg,#2c5fff1a,#0000);background:linear-gradient(135deg,var(--primary-light,#2c5fff1a) 0,#0000 100%);display:flex;gap:20px;padding:24px 20px}.user-avatar{align-items:center;background:var(--primary);border-radius:50%;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.user-avatar span{color:#fff;font-size:28px;font-weight:700}.user-profile-info{flex:1 1}.user-profile-info h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.user-role-badge{display:inline-block;font-size:12px;font-weight:600}.user-status-badge{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px}.user-status-badge.active{background:#4caf501a;color:#4caf50;color:var(--success,#4caf50)}.user-status-badge.inactive{background:#f443361a;color:#f44336;color:var(--error,#f44336)}.user-details-section{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--outline,#f0f0f0);padding:20px}.user-details-section:last-of-type{border-bottom:none}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.section-icon{color:var(--primary);font-size:20px}.section-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.user-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.user-details-card{background:#f8f9fa;background:var(--background,#f8f9fa);border-radius:10px;padding:14px 16px}.user-details-card.full-width{grid-column:span 2}.card-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.card-value{color:var(--text-primary);font-size:15px;font-weight:500}.card-value.site-type.amc{color:#4caf50;color:var(--success,#4caf50);font-weight:600}.card-value.site-type.non-amc{color:#ff9800;color:var(--warning,#ff9800);font-weight:600}.system-types-section{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--outline,#e0e0e0);margin-top:16px;padding-top:16px}.system-types-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.system-type-chip{align-items:center;background:var(--primary);border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.quantity-badge{background:#ffffff40;border-radius:12px;font-size:11px;font-weight:700;padding:2px 8px}.area-head-card{align-items:flex-start;background:#f8f9fa;background:var(--background,#f8f9fa);border-radius:12px;display:flex;gap:16px;padding:16px}.area-head-avatar{align-items:center;background:#2196f3;background:var(--info,#2196f3);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.area-head-info{display:flex;flex-direction:column;gap:4px}.area-head-name{color:var(--text-primary);font-size:16px;font-weight:700}.area-head-detail,.area-head-id{color:var(--text-secondary);font-size:13px}.area-head-detail{align-items:center;display:flex;gap:6px;margin-top:4px}.area-head-not-found{background:#f8f9fa;background:var(--background,#f8f9fa);border-radius:10px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;padding:16px}.not-found-note{font-size:12px;font-style:italic}.visits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.visit-card{background:#f8f9fa;background:var(--background,#f8f9fa);border-left:4px solid #e0e0e0;border-left:4px solid var(--outline,#e0e0e0);border-radius:10px;padding:14px 16px}.visit-card.completed{border-left-color:#4caf50;border-left-color:var(--success,#4caf50)}.visit-card.pending{border-left-color:#ff9800;border-left-color:var(--warning,#ff9800)}.visit-card.scheduled{border-left-color:#2c5fff;border-left-color:var(--primary,#2c5fff)}.visit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.visit-date{color:var(--text-primary);font-size:14px;font-weight:600}.visit-status{border-radius:12px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.visit-status.completed{background:#4caf5026;color:#4caf50;color:var(--success,#4caf50)}.visit-status.pending{background:#ff980026;color:#ff9800;color:var(--warning,#ff9800)}.visit-status.scheduled{background:#2c5fff26;color:#2c5fff;color:var(--primary,#2c5fff)}.visit-details{display:flex;flex-direction:column;gap:4px}.visit-engineer{color:var(--text-secondary);font-size:13px}.visit-notes{color:var(--text-tertiary);font-size:13px;font-style:italic}.no-visits,.visits-loading{color:var(--text-secondary);font-size:14px;padding:24px;text-align:center}.view-all-btn{background:#2c5fff1a;background:var(--primary-light,#2c5fff1a);border:none;border-radius:8px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.view-all-btn:hover{background:var(--primary);color:#fff}.user-details-actions{display:flex;flex-direction:column;gap:12px;padding:20px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.6}.download-btn{background:#4caf50;background:var(--success,#4caf50);color:#fff}.download-btn:hover:not(:disabled){background:#45a049}.password-btn{background:#2c5fff1a;background:var(--primary-light,#2c5fff1a);color:var(--primary)}.password-btn:hover:not(:disabled){background:var(--primary);color:#fff}.deactivate-btn{background:#0000;border:2px solid #f44336;border:2px solid var(--error,#f44336);color:#f44336;color:var(--error,#f44336)}.deactivate-btn:hover:not(:disabled){background:#f44336;background:var(--error,#f44336);color:#fff}.reactivate-btn{background:#4caf50;background:var(--success,#4caf50);color:#fff}.reactivate-btn:hover:not(:disabled){background:#45a049}.self-protection-note{background:#0000000d;border-radius:10px;color:var(--text-secondary);font-size:14px;gap:8px;padding:14px}.modal-overlay,.self-protection-note{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#00000080;inset:0;padding:20px;position:fixed;z-index:1000}.modal-content{background:var(--surface);border-radius:16px;box-shadow:0 4px 24px #00000026;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--outline,#f0f0f0);justify-content:space-between;padding:20px 24px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700;gap:10px;margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.modal-close:hover{color:var(--text-primary)}.password-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background:var(--background);border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 44px 12px 14px;width:100%}.password-input-wrapper input:focus{border-color:var(--primary);outline:none}.password-input-wrapper input:disabled{opacity:.6}.toggle-password{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px}.toggle-password:hover{color:var(--primary)}.error-message{background:#f443361a;color:#f44336;color:var(--error,#f44336)}.error-message,.success-message{border-radius:8px;font-size:13px;margin-bottom:16px;padding:12px 16px}.success-message{background:#4caf501a;color:#4caf50;color:var(--success,#4caf50)}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel,.btn-submit{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.btn-cancel{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--background)}.btn-submit{background:var(--primary);border:none;color:#fff}.btn-submit:hover:not(:disabled){opacity:.9}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.not-found{color:#f44336;color:var(--error,#f44336);font-size:16px;font-weight:600;padding:60px 20px;text-align:center}@media (max-width:600px){.user-details-grid{grid-template-columns:1fr}.user-details-card.full-width{grid-column:span 1}.user-details-profile-header{flex-direction:column;text-align:center}.user-profile-info h1{font-size:20px}}.users-screen{max-width:100%;padding:0}.users-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#e65100 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,#e65100) 100%);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.users-header-title{display:flex;flex-direction:column;gap:2px}.users-title{color:#fff;font-size:18px;font-weight:700;margin:0}.users-subtitle{color:#ffffffe6;font-size:12px;font-weight:400}.users-add-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.users-add-btn:hover{background:#ffffff40}.add-icon{font-size:22px}.users-stats{grid-gap:12px;background:var(--surface);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--divider,#0000000f);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.stat-card{align-items:center;background:var(--background);border:1px solid #0000000f;border:1px solid var(--outline,#0000000f);border-radius:10px;display:flex;gap:10px;padding:12px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-icon.inactive{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.stat-info{display:flex;flex-direction:column}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:500;margin-top:2px}.users-filter-bar{background:var(--background);border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:16px;padding:12px 20px}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-tertiary);font-size:20px;left:16px;position:absolute}.search-box input{background:var(--background);border:2px solid var(--outline);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px 48px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:var(--primary);outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.clear-search{align-items:center;background:var(--outline);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:12px;width:28px}.clear-search:hover{background:var(--primary);color:#fff}.role-filter{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{align-items:center;background:var(--background);border:2px solid var(--outline);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-count{background:#ffffff4d;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.users-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--outline);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.users-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.empty-icon{color:var(--outline);font-size:64px;margin-bottom:16px}.users-empty h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.users-empty p{color:var(--text-secondary);font-size:14px;margin:0}.users-list{background:var(--background);display:flex;flex-direction:column;gap:12px;min-height:200px;padding:20px 24px}.user-card{align-items:stretch;background:var(--surface);border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;overflow:hidden;transition:all .2s ease}.user-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.user-card-inactive{opacity:.7}.user-card-left{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:28px;justify-content:center;width:64px}.user-card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 20px}.user-card-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.user-name{color:var(--text-primary);font-size:17px;font-weight:700;margin:0}.user-role-badge{border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-id{background:var(--background);border-radius:6px;color:var(--text-secondary);font-family:monospace;font-size:13px;font-weight:600;padding:4px 10px}.dot-separator{color:var(--text-tertiary);font-size:12px}.user-email{color:var(--text-secondary);font-size:13px}.user-site-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.user-site-info span:first-child{color:var(--text-primary);font-size:13px;font-weight:500}.site-type-badge{border-radius:6px;font-size:11px;font-weight:700;padding:3px 10px;text-transform:uppercase}.site-type-badge.amc{background:#4caf5026;color:var(--success)}.site-type-badge.non-amc{background:#ff980026;color:var(--warning)}.user-card-arrow{align-items:center;color:var(--text-tertiary);display:flex;font-size:24px;font-weight:300;padding:0 20px}.user-card:hover .user-card-arrow{color:var(--primary)}.users-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.users-modal{background:var(--surface);border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.users-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--outline,#e0e0e0);display:flex;justify-content:space-between;padding:16px 20px}.users-modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.users-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:4px}.users-modal-form{padding:20px}.users-modal-error{background:#fee;border-radius:8px;color:#c00;font-size:13px;margin-bottom:16px;padding:10px 12px}.users-form-group{margin-bottom:16px}.users-form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.users-form-group input,.users-form-group select,.users-form-group textarea{background:#fff;background:var(--background,#fff);border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.users-form-group textarea{min-height:60px;resize:vertical}.users-role-buttons{display:flex;gap:12px}.users-role-btn{background:#fff;background:var(--surface,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--outline,#e0e0e0);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 12px}.users-role-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.users-modal-actions{display:flex;gap:12px;margin-top:24px}.users-modal-cancel,.users-modal-submit{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px}.users-modal-cancel{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);color:var(--text-secondary)}.users-modal-submit{background:var(--primary);border:none;color:#fff}.users-modal-cancel:disabled,.users-modal-submit:disabled{cursor:not-allowed;opacity:.6}.users-details-modal{max-width:440px}.users-details-content{padding:20px}.users-details-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.users-details-icon{color:var(--text-tertiary);flex-shrink:0;font-size:18px;margin-top:2px}.users-details-row>div{flex:1 1}.users-details-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.users-details-value{color:var(--text-primary);font-size:15px}.users-details-value.status-active{color:var(--success)}.users-details-value.status-inactive{color:var(--error)}.users-details-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--outline,#e0e0e0);margin-top:24px;padding-top:20px}.users-self-note{color:var(--text-secondary);font-size:13px;margin:0}.users-btn-deactivate{background:#0000;border:1px solid var(--error);border-radius:8px;color:var(--error);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:background .2s,color .2s;width:100%}.users-btn-deactivate:hover:not(:disabled){background:var(--error);color:#fff}.users-btn-deactivate:disabled{cursor:not-allowed;opacity:.6}.users-btn-reactivate{background:var(--success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:opacity .2s;width:100%}.users-btn-reactivate:hover:not(:disabled){opacity:.9}.users-btn-reactivate:disabled{cursor:not-allowed;opacity:.6}.users-password-input{align-items:center;display:flex;position:relative}.users-password-input input{flex:1 1;padding-right:40px}.users-password-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:8px}.users-dropdown-trigger,.users-password-toggle:hover{color:var(--text-primary)}.users-dropdown-trigger{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.users-dropdown-trigger:disabled{background:#f5f5f5;background:var(--background,#f5f5f5);cursor:not-allowed;opacity:.6}.users-dropdown-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-form-row{display:flex;gap:12px}.users-form-group.half{flex:1 1;margin-bottom:16px}.users-selected-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.users-type-tag{background:#2c5fff1a;background:var(--primary-light,#2c5fff1a);border-radius:16px;color:var(--primary);font-size:12px;font-weight:500;padding:4px 10px}.users-selection-modal{display:flex;flex-direction:column;max-height:80vh}.users-selection-modal .users-modal-header{flex-shrink:0}.users-selection-content{flex:1 1;overflow-y:auto;padding:8px 0}.users-selection-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--outline,#f0f0f0);display:flex;justify-content:space-between;padding:12px 20px}.users-selection-item:last-child{border-bottom:none}.users-checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.users-checkbox-label input[type=checkbox]{display:none}.users-checkbox-custom{align-items:center;border:2px solid #e0e0e0;border:2px solid var(--outline,#e0e0e0);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.users-checkbox-label input[type=checkbox]:checked+.users-checkbox-custom{background:var(--primary);border-color:var(--primary)}.users-checkbox-label input[type=checkbox]:checked+.users-checkbox-custom:after{color:#fff;content:"✓";font-size:14px}.users-selection-text{color:var(--text-primary);font-size:14px}.users-quantity-control{align-items:center;display:flex;gap:8px}.users-quantity-control button{align-items:center;background:var(--surface);border:1px solid #e0e0e0;border:1px solid var(--outline,#e0e0e0);border-radius:6px;color:var(--primary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.users-quantity-control button:hover{background:#2c5fff1a;background:var(--primary-light,#2c5fff1a)}.users-quantity-control span{color:var(--text-primary);font-size:14px;font-weight:600;min-width:24px;text-align:center}.users-custom-system-type{background:#f9f9f9;background:var(--background,#f9f9f9);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--outline,#e0e0e0);padding:12px 20px}.users-custom-input-row{align-items:center;display:flex;gap:8px}.users-custom-system-input{background:var(--surface);border:2px solid #e0e0e0;border:2px solid var(--outline,#e0e0e0);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px}.users-custom-system-input:focus{border-color:var(--primary);outline:none}.users-custom-system-qty{background:var(--surface);border:2px solid #e0e0e0;border:2px solid var(--outline,#e0e0e0);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 8px;text-align:center;width:60px}.users-custom-system-qty:focus{border-color:var(--primary);outline:none}.users-add-custom-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s;width:36px}.users-add-custom-btn:hover{background:#e65100;background:var(--primary-dark,#e65100)}.users-custom-type{background:#2c5fff0d;background:var(--primary-light,#2c5fff0d)}.users-custom-type .users-selection-text{color:var(--primary);font-weight:500}.users-selection-item-btn{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--outline,#f0f0f0);cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;text-align:left;transition:background .2s;width:100%}.users-selection-item-btn:last-child{border-bottom:none}.users-selection-item-btn:hover{background:#f5f5f5;background:var(--background,#f5f5f5)}.users-selection-item-btn.active{background:#2c5fff1a;background:var(--primary-light,#2c5fff1a)}.users-selection-info{display:flex;flex-direction:column;gap:2px}.users-selection-name{color:var(--text-primary);font-size:14px;font-weight:600}.users-selection-detail{color:var(--text-secondary);font-size:12px}.users-checkmark{color:var(--primary);font-size:18px;font-weight:700}.users-search-box{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--outline,#f0f0f0);display:flex;gap:10px;padding:12px 20px}.users-search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:18px}.users-search-box input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.users-search-box input::placeholder{color:var(--text-tertiary)}.users-empty-message{color:var(--text-secondary);font-size:14px;padding:24px;text-align:center}
/*# sourceMappingURL=main.aeb5ea6e.css.map*/