*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#f8fafc;background:#06101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.admin-shell{background:#06101d;min-height:100vh}.sidebar{z-index:100;background:#081421;border-right:1px solid #17263a;flex-direction:column;width:250px;padding:20px 14px;transition:width .25s,transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:82px}.brand-area{align-items:center;gap:11px;min-height:60px;margin-bottom:22px;padding:0 8px;display:flex}.brand-logo{border-radius:13px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;display:flex;overflow:hidden}.brand-logo-image{object-fit:cover;width:100%;height:100%;display:block}.brand-name{color:#fff;font-size:17px;font-weight:800}.brand-subtitle{color:#64748b;margin-top:2px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:5px;display:flex}.nav-item{color:#718096;border-radius:11px;align-items:center;gap:11px;height:46px;padding:0 13px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:#dbeafe;background:#0d1b2a}.nav-item.active{color:#60a5fa;background:#2563eb24;border:1px solid #3b82f633}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.collapse-button{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:43px;font-size:10px;display:flex}.collapse-button:hover{color:#cbd5e1;border-color:#26364d}.admin-main{min-height:100vh;margin-left:250px;transition:margin-left .25s}.admin-main.sidebar-collapsed{margin-left:82px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#06101df0;border-bottom:1px solid #17263a;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.mobile-menu-button{color:#fff;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:10px;display:none}.topbar-search{width:100%;max-width:520px}.topbar-search input{color:#f8fafc;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;width:100%;height:42px;padding:0 14px;font-size:11px;transition:all .2s}.topbar-search input:focus{border-color:#2563eb}.topbar-search input::placeholder{color:#475569}.topbar-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.notification-button{color:#cbd5e1;background:#0d1b2a;border:1px solid #17263a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.notification-button:hover{border-color:#26364d}.notification-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.notification-badge{color:#fff;background:#ef4444;border:2px solid #06101d;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;font-weight:900;display:inline-flex;position:absolute;top:-6px;right:-6px}.web-notification{position:relative}.web-notification-dropdown{z-index:220;background:#081421;border:1px solid #17263a;border-radius:14px;width:min(390px,100vw - 28px);position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 24px 70px #00000073}.web-notification-header,.web-notification-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.web-notification-header{border-bottom:1px solid #17263a;padding:14px}.web-notification-header strong{color:#fff;font-size:11px;display:block}.web-notification-header span{color:#64748b;margin-top:3px;font-size:8px;display:block}.web-notification-header button{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:8px;width:30px;height:30px}.web-notification-state{color:#64748b;text-align:center;padding:22px 14px;font-size:9px}.web-notification-state.error{color:#fca5a5}.web-notification-list{max-height:390px;padding:6px;overflow:auto}.web-notification-item{width:100%;min-height:86px;color:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:36px 1fr 10px;align-items:center;gap:10px;padding:10px;display:grid}.web-notification-item:hover,.web-notification-item.unread{background:#2563eb14}.web-notification-icon{color:#60a5fa;background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.web-notification-copy{min-width:0}.web-notification-copy strong{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.web-notification-copy span{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:8px;line-height:14px;display:-webkit-box;overflow:hidden}.web-notification-copy em{color:#475569;margin-top:6px;font-size:7px;font-style:normal;display:block}.web-notification-unread-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px}.web-notification-footer{border-top:1px solid #17263a;padding:10px}.web-notification-footer a,.web-notification-mark-all{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.web-notification-footer a{text-decoration:none}.web-notification-mark-all:disabled{cursor:not-allowed;opacity:.45}.admin-profile{align-items:center;gap:9px;display:flex}.admin-avatar{background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;font-size:10px;font-weight:800;display:flex}.admin-info{flex-direction:column;display:flex}.admin-info strong{font-size:10px}.admin-info span{color:#64748b;margin-top:2px;font-size:8px}.page-content{max-width:1600px;margin:auto;padding:28px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading h1{color:#fff;margin:0;font-size:26px;font-weight:800}.page-heading p{color:#64748b;margin:5px 0 0;font-size:10px}.dashboard-date{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:10px;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-size:9px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:16px;align-items:center;gap:14px;min-height:128px;padding:18px;transition:all .2s;display:flex}.stat-card:hover{border-color:#26364d;transform:translateY(-2px)}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.blue{color:#60a5fa;background:#3b82f617}.stat-icon.orange{color:#f59e0b;background:#f59e0b17}.stat-icon.green{color:#22c55e;background:#22c55e17}.stat-content{flex-direction:column;display:flex}.stat-content span{color:#64748b;font-size:9px}.stat-content strong{color:#fff;margin-top:4px;font-size:25px}.stat-content small{color:#22c55e;margin-top:4px;font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:14px;margin-bottom:26px;display:grid}.dashboard-card{background:#0d1b2a;border:1px solid #17263a;border-radius:17px;padding:18px}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.card-heading h2{color:#f8fafc;margin:0;font-size:13px}.card-heading p{color:#64748b;margin:4px 0 0;font-size:8px}.overview-list{flex-direction:column;gap:18px;display:flex}.overview-row-top{color:#94a3b8;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.overview-row-top strong{color:#f8fafc}.overview-progress{background:#17263a;border-radius:10px;height:7px;overflow:hidden}.overview-progress-value{border-radius:10px;height:100%}.overview-progress-value.warning{background:#f59e0b}.overview-progress-value.blue{background:#3b82f6}.overview-progress-value.purple{background:#a78bfa}.overview-progress-value.success{background:#22c55e}.alerts-card{flex-direction:column;display:flex}.alert-item{border:1px solid #17263a;border-radius:13px;align-items:center;gap:10px;min-height:68px;margin-bottom:9px;padding:12px;display:flex}.alert-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.alert-item strong{color:#e2e8f0;font-size:9px;display:block}.alert-item span{color:#64748b;margin-top:3px;font-size:8px;display:block}.alert-item.danger .alert-icon{color:#ef4444;background:#ef444414}.alert-item.warning .alert-icon{color:#f59e0b;background:#f59e0b14}.alert-item.success .alert-icon{color:#22c55e;background:#22c55e14}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header h2{color:#f8fafc;margin:0;font-size:13px}.section-header p{color:#64748b;margin:4px 0 0;font-size:8px}.view-all-link{color:#60a5fa;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.table-card{margin-bottom:26px;padding:0;overflow:hidden}.table-wrapper{overflow-x:auto}.requests-table{border-collapse:collapse;width:100%;min-width:850px}.requests-table th{color:#64748b;text-align:left;background:#101f30;padding:14px 16px;font-size:8px;font-weight:700}.requests-table td{color:#cbd5e1;border-top:1px solid #17263a;padding:15px 16px;font-size:9px}.requests-table tbody tr{transition:all .2s}.requests-table tbody tr:hover{background:#3b82f606}.request-id{font-weight:700;color:#60a5fa!important}.badge{border-radius:8px;align-items:center;height:25px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.priority-high{color:#f97316;background:#f9731614}.priority-medium{color:#f59e0b;background:#f59e0b14}.priority-low{color:#22c55e;background:#22c55e14}.priority-emergency{color:#ef4444;background:#ef444414}.status-in-progress{color:#60a5fa;background:#3b82f614}.status-assigned{color:#22c55e;background:#22c55e14}.status-pending{color:#f59e0b;background:#f59e0b14}.quick-heading{margin-top:3px}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.quick-action-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;min-height:92px;padding:14px;transition:all .2s;display:flex}.quick-action-card:hover{border-color:#2563eb;transform:translateY(-2px)}.quick-action-icon{color:#60a5fa;background:#101f30;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;margin-right:10px;display:flex}.quick-action-card strong{color:#f8fafc;font-size:9px;display:block}.quick-action-card span{color:#64748b;margin-top:4px;font-size:8px;display:block}.quick-action-arrow{color:#475569;margin-left:auto}.placeholder-card{flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.placeholder-card h2{color:#fff;margin:0}.placeholder-card p{color:#64748b;margin-top:8px;font-size:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#06101d}::-webkit-scrollbar-thumb{background:#223249;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.sidebar-overlay{display:none}@media (width<=1100px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{z-index:90;background:#0000008c;display:block;position:fixed;inset:0}.admin-main,.admin-main.sidebar-collapsed{margin-left:0}.mobile-menu-button{display:flex}.admin-info{display:none}.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.page-content{padding:18px 14px}.topbar{padding:0 14px}.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.dashboard-date{display:none}.page-heading h1{font-size:23px}.topbar-search input{font-size:10px}}.requests-total-badge{color:#60a5fa;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.request-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.request-stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;gap:11px;min-height:92px;padding:15px;display:flex}.request-stat-icon{border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.request-stat-card strong{color:#fff;font-size:20px;display:block}.request-stat-card span{color:#64748b;margin-top:3px;font-size:8px;display:block}.request-stat-warning .request-stat-icon{color:#f59e0b;background:#f59e0b14}.request-stat-blue .request-stat-icon{color:#60a5fa;background:#3b82f614}.request-stat-danger .request-stat-icon{color:#ef4444;background:#ef444414}.request-stat-success .request-stat-icon{color:#22c55e;background:#22c55e14}.requests-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.request-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:520px;height:43px;padding:0 12px;display:flex}.request-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;height:100%;padding:0 9px;font-size:9px}.request-search input::placeholder{color:#475569}.request-filter{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;align-items:center;min-width:150px;height:43px;padding:0 10px;display:flex}.request-filter select{color:#94a3b8;cursor:pointer;background:0 0;border:0;outline:none;flex:1;margin-left:7px;font-size:9px}.request-filter option{color:#fff;background:#0d1b2a}.request-management-card{padding:0;overflow:hidden}.request-table-header{border-bottom:1px solid #17263a;align-items:center;min-height:67px;padding:15px 17px;display:flex}.request-table-header h2{color:#fff;margin:0;font-size:12px}.request-table-header p{color:#64748b;margin:4px 0 0;font-size:8px}.service-request-table{border-collapse:collapse;width:100%;min-width:1180px}.service-request-table th{color:#64748b;text-align:left;background:#101f30;padding:13px 14px;font-size:8px;font-weight:700}.service-request-table td{color:#cbd5e1;border-top:1px solid #17263a;padding:14px;font-size:9px}.service-request-table tbody tr{transition:all .15s}.service-request-table tbody tr:hover{background:#3b82f606}.service-request-table .emergency-row{background:#ef444405}.request-service-cell{align-items:center;gap:9px;display:flex}.request-service-icon{color:#60a5fa;background:#101f30;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.request-service-cell strong{color:#e2e8f0;font-size:9px;display:block}.request-service-cell span{color:#475569;margin-top:3px;font-size:7px;display:block}.table-primary{color:#cbd5e1;font-size:9px}.table-secondary{color:#475569;margin-top:3px;font-size:7px}.location-table-cell{color:#94a3b8;align-items:center;gap:5px;display:flex}.assigned-tech{align-items:center;gap:7px;display:flex}.small-tech-avatar{color:#22c55e;background:#22c55e12;border-radius:9px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.not-assigned{color:#f59e0b;font-size:8px;font-weight:700}.status-completed{color:#22c55e;background:#22c55e14}.status-cancelled{color:#ef4444;background:#ef444414}.request-actions{align-items:center;gap:6px;display:flex}.icon-action-button{color:#94a3b8;background:#101f30;border:1px solid #223249;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-action-button:hover{color:#60a5fa;border-color:#2563eb}.assign-action-button{color:#60a5fa;background:#2563eb17;border:1px solid #3b82f638;border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.requests-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.requests-empty strong{color:#cbd5e1;margin-top:12px;font-size:11px}.requests-empty span{margin-top:5px;font-size:8px}.admin-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020811c7;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.admin-modal{background:#0b1726;border:1px solid #223249;border-radius:18px;width:100%;max-width:650px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 25px 70px #0006}.assign-modal{max-width:720px}.admin-modal-header{border-bottom:1px solid #17263a;justify-content:space-between;align-items:center;margin-bottom:17px;padding-bottom:16px;display:flex}.modal-close{color:#94a3b8;background:#101f30;border:1px solid #223249;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.request-modal-service{background:#0d1b2a;border:1px solid #17263a;border-radius:14px;align-items:center;min-height:78px;margin-bottom:14px;padding:13px;display:flex}.request-modal-icon{color:#60a5fa;background:#101f30;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;margin-right:10px;display:flex}.request-modal-service>div:nth-child(2){flex:1}.request-modal-service span{color:#64748b;font-size:7px}.request-modal-service strong{color:#fff;margin-top:3px;font-size:12px;display:block}.request-detail-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.request-detail-item{background:#0d1b2a;border:1px solid #17263a;border-radius:13px;align-items:center;min-height:68px;padding:11px;display:flex}.request-detail-icon{color:#64748b;background:#101f30;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:9px;display:flex}.request-detail-item span{color:#64748b;font-size:7px}.request-detail-item strong{color:#cbd5e1;margin-top:3px;font-size:9px;display:block}.request-description{background:#0d1b2a;border:1px solid #17263a;border-radius:13px;margin-top:10px;padding:13px}.request-description span{color:#64748b;font-size:7px}.request-description p{color:#cbd5e1;margin-top:6px;font-size:9px;line-height:16px}.modal-status-line{justify-content:space-between;align-items:center;min-height:51px;margin-top:8px;display:flex}.modal-status-line>span{color:#64748b;font-size:8px}.emergency-warning{color:#ef4444;background:#ef44440d;border:1px solid #ef44442e;border-radius:13px;align-items:center;gap:9px;min-height:67px;margin-bottom:13px;padding:12px;display:flex}.emergency-warning strong{font-size:9px;display:block}.emergency-warning span{color:#64748b;margin-top:3px;font-size:7px;display:block}.assign-request-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.assign-request-summary>div{background:#0d1b2a;border:1px solid #17263a;border-radius:12px;min-height:64px;padding:11px}.assign-request-summary span{color:#64748b;font-size:7px}.assign-request-summary strong{color:#e2e8f0;margin-top:5px;font-size:9px;display:block}.technician-selection-title{margin-bottom:9px}.technician-selection-title h3{color:#fff;margin:0;font-size:11px}.technician-selection-title span{color:#64748b;font-size:7px}.technician-selection-list{flex-direction:column;gap:7px;display:flex}.technician-option{color:#cbd5e1;text-align:left;background:#0d1b2a;border:1px solid #17263a;border-radius:13px;align-items:center;width:100%;min-height:67px;padding:10px;display:flex}.technician-option:hover{border-color:#2563eb}.technician-option.selected{background:#2563eb14;border-color:#3b82f6}.technician-option.disabled{opacity:.4;cursor:not-allowed}.technician-option-avatar{color:#60a5fa;background:#101f30;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}.technician-option-info{flex:1}.technician-option-info strong{font-size:9px;display:block}.technician-option-info span{color:#64748b;margin-top:3px;font-size:7px;display:block}.technician-option-meta{text-align:right;margin-right:12px}.technician-option-meta>span{color:#f59e0b;font-size:8px;display:block}.tech-status{margin-top:4px;font-size:7px;display:block}.tech-status-available{color:#22c55e}.tech-status-busy{color:#f59e0b}.tech-status-offline{color:#64748b}.assign-modal-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:16px;display:flex}.modal-secondary-button,.modal-primary-button{border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.modal-secondary-button{color:#94a3b8;background:#101f30;border:1px solid #26364d}.modal-primary-button{color:#fff;background:#2563eb;border:0}.modal-primary-button:disabled{opacity:.4;cursor:not-allowed}.request-details-modal>.modal-primary-button{width:100%;margin-top:7px}@media (width<=1100px){.request-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.requests-toolbar{flex-direction:column;align-items:stretch}.request-search{max-width:none}.request-filter{width:100%}.request-detail-grid,.assign-request-summary{grid-template-columns:1fr}}@media (width<=600px){.request-stats-grid{grid-template-columns:1fr}.requests-total-badge{display:none}.admin-modal-overlay{padding:10px}.admin-modal{padding:15px}.technician-option-meta{display:none}}.technician-total-badge{color:#60a5fa;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.technician-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.technician-stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;flex-direction:column;justify-content:center;min-height:88px;padding:16px;display:flex}.technician-stat-card strong{color:#fff;font-size:22px}.technician-stat-card span{color:#64748b;margin-top:4px;font-size:8px}.technician-stat-card.blue strong{color:#60a5fa}.technician-stat-card.green strong{color:#22c55e}.technician-stat-card.orange strong{color:#f59e0b}.technician-stat-card.gray strong{color:#94a3b8}.technician-toolbar{gap:10px;margin-bottom:14px;display:flex}.technician-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:540px;height:43px;padding:0 12px;display:flex}.technician-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;height:100%;padding-left:9px;font-size:9px}.technician-search input::placeholder{color:#475569}.technician-filter{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:0;min-width:160px;height:43px;padding:0 11px;font-size:9px}.technician-filter option{color:#fff;background:#0d1b2a}.technician-table-card{padding:0;overflow:hidden}.technician-table-heading{border-bottom:1px solid #17263a;align-items:center;min-height:67px;padding:15px 17px;display:flex}.technician-table-heading h2{color:#fff;margin:0;font-size:12px}.technician-table-heading p{color:#64748b;margin:4px 0 0;font-size:8px}.technician-table{border-collapse:collapse;width:100%;min-width:1200px}.technician-table th{color:#64748b;text-align:left;background:#101f30;padding:13px 14px;font-size:8px;font-weight:700}.technician-table td{color:#cbd5e1;border-top:1px solid #17263a;padding:14px;font-size:9px}.technician-table tbody tr:hover{background:#3b82f606}.technician-person{align-items:center;gap:9px;display:flex}.technician-avatar{color:#60a5fa;background:#3b82f614;border-radius:11px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.technician-person strong{color:#e2e8f0;font-size:9px;display:block}.technician-person span{color:#475569;margin-top:3px;font-size:7px;display:block}.skill-cell{color:#94a3b8;align-items:center;gap:6px;display:flex}.rating-cell{color:#f59e0b;align-items:center;gap:5px;display:flex}.rating-cell svg{color:#f59e0b}.rating-cell strong{color:#e2e8f0}.jobs-count{color:#cbd5e1;font-weight:700}.current-job{color:#60a5fa;font-size:8px;font-weight:700}.no-current-job{color:#475569}.availability-badge{border-radius:8px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.availability-dot{border-radius:50%;width:6px;height:6px}.availability-available{color:#22c55e;background:#22c55e14}.availability-available .availability-dot{background:#22c55e}.availability-busy{color:#f59e0b;background:#f59e0b14}.availability-busy .availability-dot{background:#f59e0b}.availability-offline{color:#64748b;background:#64748b14}.availability-offline .availability-dot{background:#64748b}.account-badge{border-radius:8px;align-items:center;height:26px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.account-active{color:#22c55e;background:#22c55e14}.account-deactivated{color:#ef4444;background:#ef444414}.technician-actions{align-items:center;gap:6px;display:flex}.deactivate-tech-button,.activate-tech-button{border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.deactivate-tech-button{color:#ef4444;background:#ef44440d;border:1px solid #ef44442b}.activate-tech-button{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2b}.technician-detail-modal{max-width:680px}.technician-profile-header{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;min-height:90px;margin-bottom:12px;padding:14px;display:flex}.technician-profile-avatar{color:#60a5fa;background:#3b82f617;border-radius:16px;justify-content:center;align-items:center;width:53px;height:53px;margin-right:11px;display:flex}.technician-profile-name{flex:1}.technician-profile-name strong{color:#fff;font-size:13px;display:block}.technician-profile-name span{color:#64748b;margin-top:4px;font-size:8px;display:block}.technician-profile-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;display:grid}.technician-profile-stat{background:#0d1b2a;border:1px solid #17263a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:75px;display:flex}.technician-profile-stat strong{color:#fff;font-size:14px}.technician-profile-stat span{color:#64748b;margin-top:4px;font-size:7px}.technician-detail-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.technician-detail-row{background:#0d1b2a;border:1px solid #17263a;border-radius:12px;min-height:63px;padding:11px}.technician-detail-row span{color:#64748b;font-size:7px}.technician-detail-row strong{color:#cbd5e1;margin-top:5px;font-size:9px;display:block}.technician-modal-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:16px;display:flex}.technician-modal-deactivate,.technician-modal-activate{border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.technician-modal-deactivate{color:#ef4444;background:#ef44440f;border:1px solid #ef444433}.technician-modal-activate{color:#22c55e;background:#22c55e0f;border:1px solid #22c55e33}@media (width<=1000px){.technician-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.technician-toolbar{flex-direction:column}.technician-search{max-width:none}.technician-filter{width:100%}.technician-detail-grid,.technician-profile-stats{grid-template-columns:1fr}}@media (width<=600px){.technician-stats-grid{grid-template-columns:1fr}.technician-total-badge{display:none}}.customer-total-badge{color:#60a5fa;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.customer-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.customer-stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;flex-direction:column;justify-content:center;min-height:88px;padding:16px;display:flex}.customer-stat-card strong{font-size:22px}.customer-stat-card span{color:#64748b;margin-top:4px;font-size:8px}.customer-stat-card.green strong{color:#22c55e}.customer-stat-card.red strong{color:#ef4444}.customer-stat-card.blue strong{color:#60a5fa}.customer-stat-card.purple strong{color:#a78bfa}.customer-toolbar{gap:10px;margin-bottom:14px;display:flex}.customer-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:540px;height:43px;padding:0 12px;display:flex}.customer-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;padding-left:9px;font-size:9px}.customer-filter{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;min-width:160px;height:43px;padding:0 11px;font-size:9px}.customer-filter option{color:#fff;background:#0d1b2a}.customer-table-card{padding:0;overflow:hidden}.customer-table-heading{border-bottom:1px solid #17263a;min-height:67px;padding:15px 17px}.customer-table-heading h2{color:#fff;margin:0;font-size:12px}.customer-table-heading p{color:#64748b;margin:4px 0 0;font-size:8px}.customer-table{border-collapse:collapse;width:100%;min-width:1080px}.customer-table th{color:#64748b;text-align:left;background:#101f30;padding:13px 14px;font-size:8px}.customer-table td{color:#cbd5e1;border-top:1px solid #17263a;padding:14px;font-size:9px}.customer-table tbody tr:hover{background:#3b82f606}.customer-person{align-items:center;gap:9px;display:flex}.customer-avatar{color:#60a5fa;background:#3b82f614;border-radius:11px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.customer-person strong{color:#e2e8f0;font-size:9px;display:block}.customer-person span{color:#475569;margin-top:3px;font-size:7px;display:block}.customer-contact{flex-direction:column;gap:4px;display:flex}.customer-contact span{color:#94a3b8;align-items:center;gap:5px;font-size:8px;display:flex}.customer-request-count{color:#60a5fa;font-weight:700}.customer-completed-count{color:#22c55e;font-weight:700}.customer-status{border-radius:8px;align-items:center;height:26px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.customer-active{color:#22c55e;background:#22c55e14}.customer-blocked{color:#ef4444;background:#ef444414}.customer-actions{align-items:center;gap:6px;display:flex}.block-customer-button,.activate-customer-button{border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.block-customer-button{color:#ef4444;background:#ef44440d;border:1px solid #ef44442b}.activate-customer-button{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2b}.customer-detail-modal{max-width:680px}.customer-profile-header{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;min-height:90px;margin-bottom:12px;padding:14px;display:flex}.customer-profile-avatar{color:#60a5fa;background:#3b82f617;border-radius:16px;justify-content:center;align-items:center;width:53px;height:53px;margin-right:11px;display:flex}.customer-profile-name{flex:1}.customer-profile-name strong{color:#fff;font-size:13px;display:block}.customer-profile-name span{color:#64748b;font-size:8px}.customer-profile-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;display:grid}.customer-profile-stat{background:#0d1b2a;border:1px solid #17263a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:75px;display:flex}.customer-profile-stat strong{color:#fff;font-size:14px}.customer-profile-stat span{color:#64748b;margin-top:4px;font-size:7px}.customer-detail-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.customer-detail-row{background:#0d1b2a;border:1px solid #17263a;border-radius:12px;min-height:63px;padding:11px}.customer-detail-row span{color:#64748b;font-size:7px}.customer-detail-row strong{color:#cbd5e1;margin-top:5px;font-size:9px;display:block}.customer-service-summary{background:#0d1b2a;border:1px solid #17263a;border-radius:13px;align-items:center;min-height:72px;margin-top:10px;padding:12px;display:flex}.customer-service-icon{color:#22c55e;background:#22c55e12;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}.customer-service-summary strong{color:#e2e8f0;font-size:9px;display:block}.customer-service-summary span{color:#64748b;margin-top:4px;font-size:7px;display:block}.customer-modal-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:16px;display:flex}.customer-modal-block,.customer-modal-activate{border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.customer-modal-block{color:#ef4444;background:#ef44440f;border:1px solid #ef444433}.customer-modal-activate{color:#22c55e;background:#22c55e0f;border:1px solid #22c55e33}@media (width<=1000px){.customer-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.customer-toolbar{flex-direction:column}.customer-search{max-width:none}.customer-filter{width:100%}.customer-detail-grid,.customer-profile-stats{grid-template-columns:1fr}}@media (width<=600px){.customer-stats-grid{grid-template-columns:1fr}.customer-total-badge{display:none}}.add-service-button{color:#fff;background:#2563eb;border:0;border-radius:11px;align-items:center;gap:7px;height:41px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.add-service-button:hover{background:#1d4ed8}.service-admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.service-admin-stat{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;flex-direction:column;justify-content:center;min-height:88px;padding:16px;display:flex}.service-admin-stat strong{color:#fff;font-size:22px}.service-admin-stat span{color:#64748b;margin-top:4px;font-size:8px}.service-admin-stat.blue strong{color:#60a5fa}.service-admin-stat.green strong{color:#22c55e}.service-admin-stat.red strong{color:#ef4444}.service-admin-stat.purple strong{color:#a78bfa}.service-admin-toolbar{gap:10px;margin-bottom:15px;display:flex}.service-admin-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:540px;height:43px;padding:0 12px;display:flex}.service-admin-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;height:100%;padding-left:9px;font-size:9px}.service-admin-search input::placeholder{color:#475569}.service-admin-filter{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;min-width:160px;height:43px;padding:0 11px;font-size:9px}.service-admin-filter option{background:#0d1b2a}.services-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.service-admin-card{background:#0d1b2a;border:1px solid #17263a;border-radius:17px;padding:17px;transition:all .2s}.service-admin-card:hover{border-color:#26364d;transform:translateY(-2px)}.service-admin-card-top{justify-content:space-between;align-items:center;display:flex}.service-admin-icon{color:#60a5fa;background:#3b82f614;border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.service-status-badge{border-radius:8px;align-items:center;min-height:25px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.service-active{color:#22c55e;background:#22c55e14}.service-disabled{color:#ef4444;background:#ef444414}.service-admin-id{color:#475569;margin-top:15px;font-size:7px;display:block}.service-admin-card h2{color:#fff;margin:5px 0 0;font-size:13px}.service-admin-category{color:#60a5fa;margin-top:4px;font-size:8px;display:block}.service-admin-card p{color:#64748b;min-height:46px;margin-top:11px;font-size:8px;line-height:15px}.service-card-details{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.service-card-details>div{background:#101f30;border:1px solid #17263a;border-radius:11px;min-height:60px;padding:9px}.service-card-details span{color:#64748b;font-size:6px;display:block}.service-card-details strong{color:#e2e8f0;margin-top:5px;font-size:8px;display:block}.service-card-actions{border-top:1px solid #17263a;gap:7px;margin-top:14px;padding-top:14px;display:flex}.edit-service-button,.disable-service-button,.enable-service-button{border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;height:35px;font-size:8px;font-weight:700;display:flex}.edit-service-button{color:#60a5fa;background:#2563eb12;border:1px solid #3b82f62e}.disable-service-button{color:#ef4444;background:#ef44440d;border:1px solid #ef44442b}.enable-service-button{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2b}.services-admin-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.services-admin-empty strong{color:#cbd5e1;margin-top:10px;font-size:11px}.services-admin-empty span{color:#64748b;margin-top:5px;font-size:8px}.service-form-modal{max-width:680px}.service-form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.service-form-field{flex-direction:column;display:flex}.service-form-field label{color:#94a3b8;margin-bottom:6px;font-size:8px;font-weight:600}.service-form-field input,.service-form-field textarea{color:#fff;background:#0d1b2a;border:1px solid #17263a;border-radius:10px;outline:none;width:100%;padding:0 11px;font-size:9px}.service-form-field input{height:43px}.service-form-field textarea{resize:vertical;height:105px;padding-top:11px}.service-form-field input:focus,.service-form-field textarea:focus{border-color:#2563eb}.service-form-field.full{margin-top:10px}.service-form-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:16px;display:flex}@media (width<=1100px){.services-admin-grid,.service-admin-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.services-admin-grid,.service-admin-stats,.service-form-grid{grid-template-columns:1fr}.service-admin-toolbar{flex-direction:column}.service-admin-search{max-width:none}.service-admin-filter{width:100%}.add-service-button{padding:0 10px}}.schedule-date-control{align-items:center;gap:5px;display:flex}.schedule-date-control button{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.schedule-date-control>div{color:#60a5fa;background:#0d1b2a;border:1px solid #17263a;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:145px;height:37px;display:flex}.schedule-date-control strong{color:#cbd5e1;font-size:9px}.schedule-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.schedule-stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;flex-direction:column;justify-content:center;min-height:88px;padding:16px;display:flex}.schedule-stat-card strong{font-size:22px}.schedule-stat-card span{color:#64748b;margin-top:4px;font-size:8px}.schedule-stat-card.blue strong{color:#60a5fa}.schedule-stat-card.orange strong{color:#f59e0b}.schedule-stat-card.purple strong{color:#a78bfa}.schedule-stat-card.green strong{color:#22c55e}.schedule-toolbar{gap:10px;margin-bottom:14px;display:flex}.schedule-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:500px;height:43px;padding:0 12px;display:flex}.schedule-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;height:100%;padding-left:9px;font-size:9px}.schedule-filter-box{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;align-items:center;min-width:160px;height:43px;padding:0 10px;display:flex}.schedule-filter-box select{color:#94a3b8;background:0 0;border:0;outline:0;flex:1;margin-left:7px;font-size:9px}.schedule-filter-box option{background:#0d1b2a}.schedule-card{padding:0;overflow:hidden}.schedule-card-heading{border-bottom:1px solid #17263a;min-height:67px;padding:15px 17px}.schedule-card-heading h2{color:#fff;margin:0;font-size:12px}.schedule-card-heading p{color:#64748b;margin:4px 0 0;font-size:8px}.schedule-timeline{padding:10px 15px}.schedule-job{background:#0b1726;border:1px solid #17263a;border-radius:14px;align-items:center;min-height:104px;margin-bottom:9px;padding:13px;transition:all .2s;display:flex}.schedule-job:hover{border-color:#26364d;transform:translateY(-1px)}.schedule-emergency{background:#ef444406;border-color:#ef444440}.schedule-time{color:#60a5fa;flex-direction:column;flex-shrink:0;width:95px;display:flex}.schedule-time svg{margin-bottom:7px}.schedule-time strong{color:#fff;font-size:10px}.schedule-time span{color:#64748b;margin-top:3px;font-size:7px}.schedule-job-divider{background:#17263a;align-self:stretch;width:1px;margin-right:14px}.schedule-job-main{flex:1}.schedule-job-title{justify-content:space-between;align-items:flex-start;display:flex}.schedule-job-title>div>span{color:#475569;font-size:7px}.schedule-job-title h3{color:#fff;margin:3px 0 0;font-size:11px}.schedule-job-information{gap:17px;margin-top:12px;display:flex}.schedule-job-information>div{color:#64748b;align-items:center;gap:5px;display:flex}.schedule-job-information span{color:#94a3b8;font-size:8px}.schedule-job-right{flex-direction:column;align-items:flex-end;gap:9px;width:125px;margin-left:15px;display:flex}.schedule-status{border-radius:8px;align-items:center;min-height:25px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.schedule-status-pending{color:#f59e0b;background:#f59e0b14}.schedule-status-scheduled{color:#60a5fa;background:#3b82f614}.schedule-status-in-progress{color:#a78bfa;background:#a78bfa14}.schedule-status-completed{color:#22c55e;background:#22c55e14}.schedule-assign-button{color:#60a5fa;background:#2563eb12;border:1px solid #3b82f62e;border-radius:9px;align-items:center;gap:5px;min-height:33px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.schedule-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.schedule-empty strong{color:#cbd5e1;margin-top:10px;font-size:11px}.schedule-empty span{color:#64748b;margin-top:5px;font-size:8px}.schedule-assign-modal{max-width:680px}.schedule-assignment-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.schedule-assignment-summary>div{background:#0d1b2a;border:1px solid #17263a;border-radius:12px;min-height:64px;padding:11px}.schedule-assignment-summary span{color:#64748b;font-size:7px}.schedule-assignment-summary strong{color:#e2e8f0;margin-top:5px;font-size:9px;display:block}.schedule-tech-title{color:#fff;margin:0 0 9px;font-size:11px}.schedule-tech-list{flex-direction:column;gap:7px;display:flex}.schedule-tech-option{text-align:left;color:#cbd5e1;background:#0d1b2a;border:1px solid #17263a;border-radius:13px;align-items:center;width:100%;min-height:64px;padding:10px;display:flex}.schedule-tech-option:hover{border-color:#2563eb}.schedule-tech-option.selected{background:#2563eb14;border-color:#3b82f6}.schedule-tech-option:disabled{opacity:.4;cursor:not-allowed}.schedule-tech-avatar{color:#60a5fa;background:#101f30;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;margin-right:10px;display:flex}.schedule-tech-info{flex:1}.schedule-tech-info strong{font-size:9px;display:block}.schedule-tech-info span{color:#64748b;margin-top:3px;font-size:7px;display:block}.schedule-tech-status{font-size:7px;font-weight:700}.schedule-tech-status.available{color:#22c55e}.schedule-tech-status.busy{color:#f59e0b}.schedule-tech-status.offline{color:#64748b}.schedule-modal-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:16px;display:flex}@media (width<=1000px){.schedule-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.schedule-toolbar{flex-direction:column}.schedule-search{max-width:none}.schedule-filter-box{width:100%}.schedule-job{align-items:flex-start}.schedule-job-information{flex-direction:column;gap:6px}}@media (width<=650px){.schedule-stats-grid,.schedule-assignment-summary{grid-template-columns:1fr}.schedule-date-control{display:none}.schedule-job{flex-direction:column}.schedule-time{width:100%;margin-bottom:10px}.schedule-job-divider{display:none}.schedule-job-right{align-items:flex-start;width:100%;margin:12px 0 0}}.live-status-badge{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2e;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.live-status-badge>span{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #22c55e14}.live-map-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.live-map-stat{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;flex-direction:column;justify-content:center;min-height:83px;padding:15px;display:flex}.live-map-stat strong{font-size:21px}.live-map-stat span{color:#64748b;margin-top:4px;font-size:8px}.live-map-stat.blue strong{color:#60a5fa}.live-map-stat.green strong{color:#22c55e}.live-map-stat.orange strong{color:#f59e0b}.live-map-stat.gray strong{color:#94a3b8}.live-map-toolbar{gap:9px;margin-bottom:14px;display:flex}.live-map-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:520px;height:42px;padding:0 11px;display:flex}.live-map-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;height:100%;padding-left:8px;font-size:9px}.live-map-filter{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;min-width:145px;height:42px;padding:0 10px;font-size:9px}.live-map-filter option{background:#0d1b2a}.center-map-button{color:#60a5fa;background:#2563eb14;border:1px solid #3b82f633;border-radius:11px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:8px;font-weight:700;display:flex}.live-map-layout{background:#0d1b2a;border:1px solid #17263a;border-radius:17px;grid-template-columns:240px minmax(400px,1fr) 250px;min-height:610px;display:grid;overflow:hidden}.live-technician-panel{background:#0b1726;border-right:1px solid #17263a;overflow-y:auto}.live-panel-heading{border-bottom:1px solid #17263a;padding:16px}.live-panel-heading h2{color:#fff;margin:0;font-size:12px}.live-panel-heading span{color:#64748b;margin-top:4px;font-size:7px;display:block}.live-technician-list{padding:8px}.live-technician-item{text-align:left;color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;width:100%;min-height:75px;margin-bottom:5px;padding:9px;display:flex}.live-technician-item:hover{background:#0d1b2a}.live-technician-item.selected{background:#2563eb14;border-color:#3b82f633}.live-tech-avatar{background:#101f30;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;margin-right:9px;display:flex;position:relative}.live-tech-avatar.available{color:#22c55e}.live-tech-avatar.busy{color:#f59e0b}.live-tech-avatar.offline{color:#64748b}.live-tech-avatar>span{background:currentColor;border:2px solid #0b1726;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.live-tech-main{flex:1;min-width:0}.live-tech-main strong{color:#e2e8f0;font-size:8px;display:block}.live-tech-main>span{color:#64748b;margin-top:3px;font-size:6px;display:block}.live-tech-main small{color:#64748b;align-items:center;gap:3px;margin-top:5px;font-size:6px;display:flex}.live-tech-status{border-radius:7px;align-items:center;gap:4px;min-height:22px;padding:0 6px;font-size:6px;font-weight:700;display:inline-flex}.live-tech-status>span{border-radius:50%;width:5px;height:5px}.live-tech-status-available{color:#22c55e;background:#22c55e12}.live-tech-status-available>span{background:#22c55e}.live-tech-status-busy{color:#f59e0b;background:#f59e0b12}.live-tech-status-busy>span{background:#f59e0b}.live-tech-status-offline{color:#64748b;background:#64748b12}.live-tech-status-offline>span{background:#64748b}.technician-map{background:radial-gradient(circle at 35% 30%,#2563eb14,#0000 25%),radial-gradient(circle at 65% 65%,#22c55e0a,#0000 24%),#07121f;min-height:610px;position:relative;overflow:hidden}.map-grid-background{background-image:linear-gradient(#3341551f 1px,#0000 1px),linear-gradient(90deg,#3341551f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.map-road{opacity:.7;background:#17263a;border:2px solid #223249;border-radius:20px;position:absolute}.road-one{width:130%;height:12px;top:46%;left:-15%;transform:rotate(-12deg)}.road-two{width:12px;height:120%;top:-10%;left:54%;transform:rotate(14deg)}.road-three{width:90%;height:9px;top:72%;left:5%;transform:rotate(8deg)}.road-four{width:9px;height:90%;top:5%;left:30%;transform:rotate(-20deg)}.map-area-label{color:#334155;letter-spacing:1px;font-size:10px;font-weight:700;position:absolute}.label-colombo{top:25%;left:24%}.label-nugegoda{top:76%;left:52%}.label-dehiwala{top:82%;left:19%}.label-kotte{top:47%;left:76%}.technician-map-marker{color:#fff;z-index:5;border:3px solid #07121f;border-radius:50% 50% 50% 5px;justify-content:center;align-items:center;width:39px;height:39px;display:flex;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.technician-map-marker svg{rotate:45deg}.technician-map-marker.available{background:#15803d}.technician-map-marker.busy{background:#d97706}.technician-map-marker.offline{background:#475569}.technician-map-marker.selected{z-index:10;box-shadow:0 0 0 5px #3b82f62e,0 0 28px #3b82f64d}.marker-tooltip{white-space:nowrap;color:#e2e8f0;opacity:0;pointer-events:none;background:#0d1b2a;border:1px solid #223249;border-radius:7px;padding:5px 7px;font-size:6px;position:absolute;top:1px;left:48px;rotate:45deg}.technician-map-marker:hover .marker-tooltip,.technician-map-marker.selected .marker-tooltip{opacity:1}.map-live-indicator{color:#64748b;background:#0b1726f0;border:1px solid #17263a;border-radius:9px;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:7px;display:flex;position:absolute;bottom:13px;left:13px}.map-live-indicator>span{background:#22c55e;border-radius:50%;width:6px;height:6px}.map-zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:13px;right:13px}.map-zoom-controls button{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:8px;width:33px;height:33px;font-size:17px}.live-detail-panel{background:#0b1726;border-left:1px solid #17263a;padding:15px}.live-detail-heading{justify-content:space-between;align-items:center;display:flex}.live-detail-heading>span{color:#64748b;font-size:8px;font-weight:700}.live-detail-heading button{color:#64748b;background:#101f30;border:1px solid #17263a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.live-detail-profile{align-items:center;gap:10px;margin:17px 0 10px;display:flex}.live-detail-avatar{color:#60a5fa;background:#3b82f614;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.live-detail-profile strong{color:#fff;font-size:11px;display:block}.live-detail-profile span{color:#64748b;margin-top:4px;font-size:7px;display:block}.live-detail-divider{background:#17263a;height:1px;margin:14px 0}.live-detail-line{align-items:center;min-height:53px;display:flex}.live-detail-line-icon{color:#64748b;background:#101f30;border-radius:10px;justify-content:center;align-items:center;width:33px;height:33px;margin-right:8px;display:flex}.live-detail-line span{color:#64748b;font-size:6px;display:block}.live-detail-line strong{color:#cbd5e1;margin-top:3px;font-size:8px;display:block}.live-current-job{background:#2563eb0d;border:1px solid #3b82f626;border-radius:12px;padding:11px}.live-current-job-header{margin-bottom:10px}.live-current-job-header span{color:#64748b;font-size:6px}.live-current-job-header strong{color:#60a5fa;margin-top:3px;font-size:9px;display:block}.live-current-job>div:not(.live-current-job-header){color:#64748b;align-items:center;gap:6px;margin-top:7px;display:flex}.live-current-job>div span{color:#94a3b8;font-size:7px}.live-no-job{background:#22c55e0a;border:1px solid #22c55e21;border-radius:12px;padding:12px}.live-check-icon{color:#22c55e;background:#22c55e1a;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.live-no-job strong{color:#22c55e;margin-top:8px;font-size:8px;display:block}.live-no-job>span{color:#64748b;margin-top:4px;font-size:7px;line-height:13px;display:block}.track-technician-button{color:#fff;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;margin-top:14px;font-size:8px;font-weight:700;display:flex}.live-detail-empty{color:#475569;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.live-detail-empty strong{color:#cbd5e1;margin-top:10px;font-size:9px}.live-detail-empty span{color:#64748b;margin-top:5px;font-size:7px;line-height:13px}@media (width<=1200px){.live-map-layout{grid-template-columns:210px minmax(400px,1fr)}.live-detail-panel{display:none}}@media (width<=900px){.live-map-stats{grid-template-columns:repeat(2,1fr)}.live-map-toolbar{flex-wrap:wrap}.live-map-search{flex-basis:100%;width:100%;max-width:none}}@media (width<=720px){.live-map-layout{display:block}.live-technician-panel{border-bottom:1px solid #17263a;border-right:0;max-height:280px}.technician-map{min-height:450px}}@media (width<=600px){.live-map-stats{grid-template-columns:1fr}.center-map-button,.live-map-filter{flex:1}.live-status-badge{display:none}}.compose-notification-button{color:#fff;background:#2563eb;border:0;border-radius:11px;align-items:center;gap:7px;height:41px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.notification-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.notification-stat{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;gap:12px;min-height:88px;padding:15px;display:flex}.notification-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notification-stat strong{color:#fff;font-size:20px;display:block}.notification-stat span{color:#64748b;margin-top:3px;font-size:8px;display:block}.notification-stat.blue .notification-stat-icon{color:#60a5fa;background:#3b82f614}.notification-stat.orange .notification-stat-icon{color:#f59e0b;background:#f59e0b14}.notification-stat.purple .notification-stat-icon{color:#a78bfa;background:#a78bfa14}.notification-stat.green .notification-stat-icon{color:#22c55e;background:#22c55e14}.notification-toolbar{gap:9px;margin-bottom:14px;display:flex}.notification-search{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;flex:1;align-items:center;max-width:520px;height:42px;padding:0 11px;display:flex}.notification-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;height:100%;padding-left:8px;font-size:9px}.notification-filter{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;min-width:150px;height:42px;padding:0 10px;font-size:9px}.notification-filter option{background:#0d1b2a}.mark-all-button{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2b;border-radius:11px;align-items:center;gap:6px;height:42px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.notifications-card{padding:0;overflow:hidden}.notifications-heading{border-bottom:1px solid #17263a;min-height:66px;padding:15px 17px}.notifications-heading h2{color:#fff;margin:0;font-size:12px}.notifications-heading p{color:#64748b;margin:4px 0 0;font-size:8px}.notification-list{padding:8px 14px}.notification-row{border-bottom:1px solid #17263a;align-items:center;min-height:92px;padding:12px 4px;display:flex}.notification-row.unread{background:linear-gradient(90deg,#2563eb0b,#0000)}.notification-type-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;margin-right:11px;display:flex}.notification-type-icon.system{color:#60a5fa;background:#3b82f614}.notification-type-icon.service{color:#22c55e;background:#22c55e14}.notification-type-icon.assignment{color:#a78bfa;background:#a78bfa14}.notification-type-icon.emergency{color:#ef4444;background:#ef444414}.notification-main{flex:1;min-width:0}.notification-title-line{align-items:center;gap:7px;display:flex}.notification-title-line strong{color:#e2e8f0;font-size:9px}.notification-unread-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px}.notification-main p{color:#64748b;margin:5px 0 0;font-size:8px;line-height:14px}.notification-meta{color:#475569;gap:5px;margin-top:7px;font-size:7px;display:flex}.notification-row-actions{gap:6px;margin-left:12px;display:flex}.notification-row-actions button{color:#64748b;background:#101f30;border:1px solid #17263a;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.notification-row-actions button:hover{color:#22c55e}.notification-row-actions .notification-delete:hover{color:#ef4444;border-color:#ef444440}.notification-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.notification-empty strong{color:#cbd5e1;margin-top:10px;font-size:11px}.notification-empty span{color:#64748b;margin-top:5px;font-size:8px}.notification-compose-modal{max-width:680px}.notification-recipient-section{margin-bottom:15px}.notification-recipient-section>label,.notification-form-field label{color:#94a3b8;margin-bottom:7px;font-size:8px;font-weight:600;display:block}.recipient-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.recipient-option{color:#64748b;background:#0d1b2a;border:1px solid #17263a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:70px;display:flex}.recipient-option span{font-size:8px;font-weight:700}.recipient-option.selected{color:#60a5fa;background:#2563eb14;border-color:#3b82f6}.notification-form-field{margin-top:12px;position:relative}.notification-form-field input,.notification-form-field textarea{color:#fff;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;width:100%;padding:0 11px;font-size:9px}.notification-form-field input{height:43px}.notification-form-field textarea{resize:vertical;min-height:120px;padding-top:11px;padding-bottom:24px}.notification-form-field input:focus,.notification-form-field textarea:focus{border-color:#2563eb}.message-count{color:#475569;font-size:7px;position:absolute;bottom:8px;right:10px}.notification-preview{background:#081421;border:1px solid #17263a;border-radius:13px;margin-top:14px;padding:11px}.notification-preview>span{color:#64748b;margin-bottom:8px;font-size:7px;display:block}.notification-preview>div{color:#60a5fa;gap:9px;display:flex}.notification-preview strong{color:#e2e8f0;font-size:9px;display:block}.notification-preview p{color:#64748b;margin-top:4px;font-size:8px;line-height:14px}.notification-compose-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:16px;display:flex}@media (width<=950px){.notification-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.notification-toolbar{flex-direction:column}.notification-search{max-width:none}.notification-filter,.mark-all-button{width:100%}.recipient-options{grid-template-columns:1fr}.notification-row{align-items:flex-start}}@media (width<=600px){.notification-stats-grid{grid-template-columns:1fr}.compose-notification-button{padding:0 9px}.notification-row-actions{flex-direction:column}}.reports-header-actions{align-items:center;gap:9px;display:flex}.reports-range{color:#94a3b8;background:#0d1b2a;border:1px solid #17263a;border-radius:10px;outline:none;min-width:145px;height:40px;padding:0 10px;font-size:8px}.reports-range option{background:#0d1b2a}.export-report-button{color:#fff;background:#2563eb;border:0;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:8px;font-weight:700;display:flex}.reports-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.report-stat-card{background:#0d1b2a;border:1px solid #17263a;border-radius:15px;align-items:center;gap:12px;min-height:105px;padding:15px;display:flex}.report-stat-icon{border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.report-stat-icon.blue{color:#60a5fa;background:#3b82f614}.report-stat-icon.green{color:#22c55e;background:#22c55e14}.report-stat-icon.red{color:#ef4444;background:#ef444414}.report-stat-icon.purple{color:#a78bfa;background:#a78bfa14}.report-stat-card span{color:#64748b;font-size:8px;display:block}.report-stat-card strong{color:#fff;margin-top:3px;font-size:22px;display:block}.report-stat-card small{color:#22c55e;margin-top:4px;font-size:7px;display:block}.reports-main-grid{grid-template-columns:1.6fr 1fr;gap:13px;margin-bottom:13px;display:grid}.reports-secondary-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:13px;display:grid}.report-card-heading{color:#64748b;justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.report-card-heading h2{color:#fff;margin:0;font-size:12px}.report-card-heading p{color:#64748b;margin:4px 0 0;font-size:7px}.bar-chart{justify-content:space-between;align-items:flex-end;gap:14px;height:260px;padding-top:20px;display:flex}.bar-chart-item{flex-direction:column;flex:1;align-items:center;min-width:35px;height:100%;display:flex}.bar-value{color:#64748b;margin-bottom:6px;font-size:7px}.bar-track{background:#101f30;border-radius:8px 8px 4px 4px;flex:1;align-items:flex-end;width:100%;max-width:42px;display:flex;overflow:hidden}.bar-value-column{background:linear-gradient(#60a5fa,#2563eb);border-radius:8px 8px 0 0;width:100%;min-height:4px}.bar-label{color:#64748b;margin-top:8px;font-size:7px}.report-status-row{margin-bottom:19px}.report-status-top{justify-content:space-between;margin-bottom:7px;display:flex}.report-status-top>span{color:#94a3b8;font-size:8px}.report-status-top div{align-items:center;gap:7px;display:flex}.report-status-top strong{color:#fff;font-size:8px}.report-status-top small{color:#64748b;font-size:7px}.report-status-track{background:#17263a;border-radius:10px;height:7px;overflow:hidden}.report-status-track>div{border-radius:inherit;height:100%}.report-status-track .green{background:#22c55e}.report-status-track .blue{background:#3b82f6}.report-status-track .orange{background:#f59e0b}.report-status-track .red{background:#ef4444}.service-performance-list{flex-direction:column;gap:13px;display:flex}.service-performance-row{align-items:center;gap:10px;display:flex}.service-rank,.technician-performance-rank{color:#60a5fa;background:#101f30;border-radius:9px;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;font-size:7px;font-weight:800;display:flex}.service-performance-main{flex:1}.service-performance-top{justify-content:space-between;margin-bottom:6px;display:flex}.service-performance-top span{color:#cbd5e1;font-size:8px}.service-performance-top strong{color:#fff;font-size:8px}.service-performance-track{background:#17263a;border-radius:10px;height:6px;overflow:hidden}.service-performance-track div{border-radius:inherit;background:#3b82f6;height:100%}.technician-performance-list{flex-direction:column;display:flex}.technician-performance-row{border-bottom:1px solid #17263a;align-items:center;min-height:62px;display:flex}.technician-performance-row:last-child{border-bottom:0}.technician-performance-name{flex:1;margin-left:9px}.technician-performance-name strong{color:#e2e8f0;font-size:8px;display:block}.technician-performance-name span{color:#64748b;margin-top:3px;font-size:7px;display:block}.technician-performance-meta{text-align:right}.technician-performance-meta strong{color:#f59e0b;font-size:8px;display:block}.technician-performance-meta span{color:#22c55e;margin-top:3px;font-size:7px;display:block}.report-summary-card{margin-bottom:20px}.operational-summary-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.operational-summary-item{background:#101f30;border:1px solid #17263a;border-radius:12px;flex-direction:column;justify-content:center;min-height:78px;padding:10px;display:flex}.operational-summary-item span{color:#64748b;font-size:7px}.operational-summary-item strong{color:#fff;margin-top:5px;font-size:11px}@media (width<=1100px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}.operational-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.reports-main-grid,.reports-secondary-grid{grid-template-columns:1fr}}@media (width<=650px){.reports-stats-grid,.operational-summary-grid{grid-template-columns:1fr}.reports-header-actions{flex-direction:column;align-items:stretch}.reports-range,.export-report-button{width:100%}.bar-chart{overflow-x:auto}}.save-settings-button{color:#fff;background:#2563eb;border:0;border-radius:11px;align-items:center;gap:7px;height:41px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.save-settings-button:hover{background:#1d4ed8}.settings-success{color:#22c55e;background:#22c55e0d;border:1px solid #22c55e2e;border-radius:13px;align-items:center;gap:9px;min-height:60px;margin-bottom:14px;padding:11px 14px;display:flex}.settings-success strong{font-size:9px;display:block}.settings-success span{color:#64748b;margin-top:3px;font-size:7px;display:block}.settings-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.settings-main{flex-direction:column;gap:13px;display:flex}.settings-section{padding:18px}.settings-section-heading{border-bottom:1px solid #17263a;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;display:flex}.settings-section-icon{color:#60a5fa;background:#3b82f614;border-radius:12px;justify-content:center;align-items:center;width:41px;height:41px;display:flex}.settings-section-heading h2{color:#fff;margin:0;font-size:11px}.settings-section-heading p{color:#64748b;margin:4px 0 0;font-size:7px}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.settings-input-field{flex-direction:column;display:flex}.settings-input-field label{color:#94a3b8;margin-bottom:6px;font-size:8px;font-weight:600}.settings-input-field input{color:#fff;background:#101f30;border:1px solid #17263a;border-radius:10px;outline:none;width:100%;height:43px;padding:0 11px;font-size:9px}.settings-input-field input:focus{border-color:#2563eb}.settings-toggle-list{flex-direction:column;display:flex}.settings-toggle-row{border-bottom:1px solid #17263a;align-items:center;min-height:76px;padding:8px 0;display:flex}.settings-toggle-row:last-child{border-bottom:0}.settings-toggle-icon{color:#60a5fa;background:#101f30;border-radius:11px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;margin-right:10px;display:flex}.settings-toggle-icon.danger{color:#ef4444;background:#ef444412}.settings-toggle-info{flex:1;padding-right:15px}.settings-toggle-info strong{color:#e2e8f0;font-size:9px;display:block}.settings-toggle-info span{color:#64748b;margin-top:4px;font-size:7px;line-height:13px;display:block}.settings-switch{background:#223249;border:0;border-radius:20px;flex-shrink:0;width:42px;height:23px;padding:3px;transition:all .2s}.settings-switch>span{background:#94a3b8;border-radius:50%;width:17px;height:17px;transition:all .2s;display:block}.settings-switch.enabled{background:#2563eb}.settings-switch.enabled>span{background:#fff;transform:translate(19px)}.settings-switch.danger-enabled{background:#dc2626}.settings-summary-panel{background:#0d1b2a;border:1px solid #17263a;border-radius:17px;height:fit-content;padding:16px;position:sticky;top:89px}.settings-summary-heading{color:#60a5fa;border-bottom:1px solid #17263a;align-items:center;gap:9px;padding-bottom:14px;display:flex}.settings-summary-heading strong{color:#fff;font-size:10px;display:block}.settings-summary-heading span{color:#64748b;margin-top:3px;font-size:7px;display:block}.settings-summary-row{border-bottom:1px solid #17263a;align-items:center;min-height:61px;display:flex}.settings-summary-row-icon{color:#64748b;background:#101f30;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;display:flex}.settings-summary-row span{color:#64748b;font-size:6px;display:block}.settings-summary-row strong{color:#cbd5e1;margin-top:3px;font-size:8px;display:block}.system-mode-card{border-radius:12px;align-items:center;gap:9px;min-height:70px;margin-top:14px;padding:11px;display:flex}.system-mode-card.online{background:#22c55e0d;border:1px solid #22c55e29}.system-mode-card.maintenance{background:#ef44440d;border:1px solid #ef44442e}.system-mode-dot{border-radius:50%;width:9px;min-width:9px;height:9px}.system-mode-card.online .system-mode-dot{background:#22c55e;box-shadow:0 0 0 5px #22c55e14}.system-mode-card.maintenance .system-mode-dot{background:#ef4444;box-shadow:0 0 0 5px #ef444414}.system-mode-card strong{color:#e2e8f0;font-size:8px;display:block}.system-mode-card span{color:#64748b;margin-top:3px;font-size:6px;line-height:11px;display:block}@media (width<=1000px){.settings-layout{grid-template-columns:1fr}.settings-summary-panel{position:static}}@media (width<=650px){.settings-form-grid{grid-template-columns:1fr}.save-settings-button{padding:0 9px}.settings-toggle-info span{max-width:250px}}.brand-area{align-items:center;display:flex}.logout-button,.primary-action,.secondary-action,.danger-action{color:#e2e8f0;background:#101f30;border:1px solid #223249;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.logout-button{color:#fca5a5;background:#ef44440f;border-color:#ef444433;width:100%;margin-top:14px}.primary-action{color:#fff;background:#2563eb;border-color:#2563eb}.danger-action{color:#fca5a5;background:#ef44440f;border-color:#ef444438}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.6}.topbar-title{flex-direction:column;display:flex}.topbar-title strong{color:#fff;font-size:12px}.topbar-title span{color:#64748b;margin-top:2px;font-size:8px}.auth-page{background:radial-gradient(circle at 0 0,#2563eb2e,#0000 34%),#06101d;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#0d1b2a;border:1px solid #17263a;border-radius:18px;width:min(420px,100%);padding:28px;box-shadow:0 24px 80px #00000047}.auth-image,.auth-logo{color:#fff;background:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-weight:900;display:flex}.auth-brand{color:#60a5fa;margin-top:16px;font-size:11px;font-weight:900}.auth-card h1{color:#fff;margin:6px 0 0;font-size:28px}.auth-card p,.settings-note{color:#94a3b8;font-size:12px;line-height:1.6}.auth-field,.admin-field{flex-direction:column;gap:7px;display:flex}.auth-field{margin-top:15px}.auth-field span,.admin-field span{color:#cbd5e1;font-size:9px;font-weight:800}.auth-field div,.admin-field div,.table-search{color:#64748b;background:#081421;border:1px solid #17263a;border-radius:11px;align-items:center;gap:9px;min-height:43px;padding:0 12px;display:flex}.auth-field input,.admin-field input,.admin-field select,.table-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.admin-field select option{color:#fff;background:#0d1b2a}.message-compose{margin-bottom:16px}.message-view-tabs{background:#081421;border:1px solid #17263a;border-radius:12px;gap:6px;margin-bottom:14px;padding:5px;display:inline-flex}.message-view-tabs button{color:#94a3b8;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:8px;font-weight:900;display:inline-flex}.message-view-tabs button.active{color:#fff;background:#2563eb}.message-view-tabs span{background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:inline-flex}.message-row-unread{background:linear-gradient(90deg,#2563eb14,#0000)}.table-icon-action{color:#94a3b8;background:#101f30;border:1px solid #17263a;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.table-icon-action:hover{color:#60a5fa;border-color:#60a5fa40}.message-detail-modal{max-width:680px}.message-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.message-detail-meta>span{color:#94a3b8;background:#081421;border:1px solid #17263a;border-radius:8px;align-items:center;min-height:25px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.message-detail-body{color:#60a5fa;background:#081421;border:1px solid #17263a;border-radius:14px;gap:12px;padding:15px;display:flex}.message-detail-icon{background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:inline-flex}.message-detail-body p{color:#cbd5e1;white-space:pre-wrap;margin:0;font-size:10px;line-height:18px}.auth-error,.form-error,.form-success{border-radius:10px;margin-top:14px;padding:11px 12px;font-size:10px}.auth-error,.form-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.form-success{color:#86efac;background:#22c55e14;border:1px solid #22c55e2e}.auth-card .primary-action{width:100%;min-height:48px;margin-top:16px;font-size:12px}.stats-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stat{min-height:92px}.compact-stat .stat-icon svg{width:22px;height:22px}.table-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.table-search{flex:1;max-width:520px}.table-filter{color:#cbd5e1;background:#0d1b2a;border:1px solid #17263a;border-radius:11px;outline:none;min-height:43px;padding:0 12px;font-size:10px}.form-card{margin-bottom:16px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-actions{align-items:flex-end;display:flex}.admin-table{border-collapse:collapse;width:100%;min-width:920px}.admin-table th{color:#64748b;text-align:left;background:#101f30;padding:13px 14px;font-size:8px;font-weight:800}.admin-table td{color:#cbd5e1;vertical-align:top;border-top:1px solid #17263a;padding:14px;font-size:9px}.admin-table td strong{color:#e2e8f0;font-size:9px;display:block}.admin-table td span,.admin-table code{color:#64748b;margin-top:3px;font-size:8px;display:block}.status-chip{border-radius:8px;align-items:center;min-height:25px;padding:0 8px;font-size:8px;font-weight:900;display:inline-flex}.status-chip.green{color:#86efac;background:#22c55e1a}.status-chip.red{color:#fca5a5;background:#ef44441a}.status-chip.blue{color:#93c5fd;background:#3b82f61a}.status-chip.yellow{color:#fcd34d;background:#f59e0b1a}.status-chip.neutral{color:#cbd5e1;background:#94a3b81a}.data-state,.inline-empty{color:#64748b;text-align:center;border:1px dashed #223249;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:170px;padding:18px;display:flex}.data-state strong,.inline-empty strong{color:#cbd5e1;font-size:12px}.data-state span,.inline-empty{font-size:10px}.data-state.error{color:#fca5a5;border-color:#ef444447}.record-list{flex-direction:column;gap:10px;display:flex}.record-row{background:#081421;border:1px solid #17263a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.record-row strong{color:#e2e8f0;font-size:10px}.record-row span,.record-meta small{color:#64748b;margin-top:4px;font-size:8px;display:block}.record-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.admin-modal-overlay{z-index:200;background:#000000ad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:#0d1b2a;border:1px solid #223249;border-radius:18px;width:min(780px,100%);max-height:min(84vh,820px);padding:18px;overflow:auto}.admin-modal-header{border-bottom:1px solid #17263a;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.admin-modal-header h2{color:#fff;margin:0;font-size:17px}.admin-modal-header span{color:#64748b;margin-top:4px;font-size:9px;display:block}.modal-close{color:#cbd5e1;background:#101f30;border:1px solid #223249;border-radius:10px;width:38px;height:38px}.modal-hero{border-bottom:1px solid #17263a;align-items:center;gap:12px;min-height:78px;display:flex}.modal-avatar{color:#60a5fa;background:#2563eb1f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-hero strong{color:#fff;font-size:14px;display:block}.modal-hero span{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.detail-item{background:#081421;border:1px solid #17263a;border-radius:12px;min-height:64px;padding:12px}.detail-item span,.description-block span{color:#64748b;font-size:8px;font-weight:800}.detail-item strong{color:#e2e8f0;overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.description-block{background:#081421;border:1px solid #17263a;border-radius:12px;margin-top:12px;padding:12px}.description-block p{color:#cbd5e1;margin:8px 0 0;font-size:10px;line-height:1.6}.rating-display{flex-direction:row;align-items:center;gap:5px;color:#fcd34d!important;margin:0!important;display:inline-flex!important}.note-card{color:#94a3b8;align-items:center;gap:10px;min-height:58px;margin-top:14px;font-size:10px;display:flex}.reports-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-list{flex-direction:column;gap:13px;display:flex}.report-row div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.report-row span{color:#cbd5e1;font-size:9px}.report-row strong{color:#fff;font-size:9px}.report-track{background:#17263a;border-radius:99px;height:7px;overflow:hidden}.report-track span{border-radius:inherit;background:#3b82f6;height:100%;display:block}.settings-layout.simple{grid-template-columns:1fr}.code-block{color:#e2e8f0;background:#081421;border:1px solid #17263a;border-radius:12px;padding:14px;font-size:11px;overflow-x:auto}.script-guidance p{color:#94a3b8;max-width:820px;margin:0 0 12px;font-size:11px;line-height:1.6}.stat-icon.indigo{color:#818cf8;background:#6366f11a}.stat-icon.cyan{color:#22d3ee;background:#06b6d41a}.stat-icon.purple{color:#c084fc;background:#a855f71a}.stat-icon.gold{color:#fbbf24;background:#f59e0b1a}.stat-icon.teal{color:#2dd4bf;background:#14b8a61a}.stat-icon.slate{color:#cbd5e1;background:#64748b1f}.admin-form-grid.single{grid-template-columns:1fr}.generated-id-panel{background:#a855f714;border:1px solid #a855f738;border-radius:14px;margin:16px 0;padding:14px}.generated-id-panel span,.generated-id-panel small{color:#94a3b8;font-size:9px;display:block}.generated-id-panel strong{color:#c084fc;margin:5px 0;font-size:20px;display:block}.modal-actions{border-top:1px solid #17263a;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;display:flex}.account-action-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-action{background:#101f30;border:1px solid #223249;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:8px;font-weight:900;display:inline-flex}.row-action:disabled{cursor:not-allowed;opacity:.6}.row-action.view{color:#93c5fd;background:#3b82f614;border-color:#3b82f638}.row-action.disable{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b3d}.row-action.enable{color:#86efac;background:#22c55e14;border-color:#22c55e38}.row-action.delete{color:#fca5a5;background:#ef444414;border-color:#ef44443d}.lifecycle-modal{max-width:560px}.lifecycle-warning{background:#081421;border:1px solid #223249;border-radius:14px;margin-top:16px;padding:14px}.lifecycle-warning strong{color:#fff;font-size:12px;display:block}.lifecycle-warning p{color:#94a3b8;margin:7px 0 0;font-size:10px;line-height:1.6}.lifecycle-warning.disable{background:#f59e0b12;border-color:#f59e0b3d}.lifecycle-warning.enable{background:#22c55e0f;border-color:#22c55e33}.lifecycle-warning.delete{background:#ef444412;border-color:#ef44443d}.modal-field{margin-top:14px}.modal-field textarea{resize:vertical;color:#fff;background:#081421;border:1px solid #17263a;border-radius:11px;outline:none;min-height:96px;padding:12px;font-size:11px}@media (width<=1100px){.reports-grid{grid-template-columns:1fr}}@media (width<=780px){.admin-form-grid,.detail-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:none}.stats-grid.small{grid-template-columns:1fr}}