*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:17px;line-height:1.6;transition:background-color .3s,color .3s}[data-theme=dark] body{background-color:#0f172a;color:#f1f5f9}[data-theme=light] body{background-color:#f5f5f5;color:#1e293b}code{border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:15px;padding:4px 8px;transition:background-color .3s,color .3s,border-color .3s}[data-theme=dark] code{background:#1e293b;border:1px solid #334155;color:#e2e8f0}[data-theme=light] code{background:#f0f0f0;border:1px solid #e2e8f0;color:#0f172a}.container{margin:0 auto;max-width:1200px;padding:20px}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;transition:background .3s}[data-theme=dark] .login-container{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=light] .login-container{background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;transition:background-color .3s,box-shadow .3s;width:100%}[data-theme=dark] .login-card{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080}[data-theme=light] .login-card{background:#fff;border:none;box-shadow:0 10px 40px #0000001a}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:30px;margin-bottom:8px;transition:color .3s}[data-theme=dark] .login-header h1{color:#f1f5f9}[data-theme=light] .login-header h1{color:#1a1a1a}.login-header p{color:#666;font-size:16px;transition:color .3s}[data-theme=dark] .login-header p{color:#cbd5e1}[data-theme=light] .login-header p{color:#666}.form-group{margin-bottom:20px}.form-group label{align-items:center;display:flex;font-size:16px;font-weight:600;gap:4px;line-height:1.2;margin-bottom:8px;min-height:25px;transition:color .3s}[data-theme=dark] .form-group label{color:#f1f5f9}[data-theme=light] .form-group label{color:#1e293b}.form-group input{border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s,background-color .3s,color .3s;width:100%}[data-theme=dark] .form-group input{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .form-group input{background:#fff;border:1px solid #ddd;color:#0f172a}.form-group input:focus{border-color:#667eea;outline:none}[data-theme=dark] .form-group input::placeholder{color:#64748b}[data-theme=light] .form-group input::placeholder{color:#999}[data-theme=dark] .form-group input[type=number],[data-theme=dark] .form-group input[type=text]{background:#0f172a!important;border:1px solid #334155!important;color:#f1f5f9!important}[data-theme=light] .form-group input[type=number],[data-theme=light] .form-group input[type=text]{background:#fff!important;border:1px solid #ddd!important;color:#0f172a!important}[data-theme=dark] .form-group input[type=number]::placeholder,[data-theme=dark] .form-group input[type=text]::placeholder{color:#64748b!important}[data-theme=light] .form-group input[type=number]::placeholder,[data-theme=light] .form-group input[type=text]::placeholder{color:#999!important}textarea{border-radius:6px;font-family:inherit;font-size:16px;padding:12px;resize:vertical;transition:border-color .3s,background-color .3s,color .3s;width:100%}[data-theme=dark] textarea{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] textarea{background:#fff;border:1px solid #ddd;color:#0f172a}textarea:focus{border-color:#667eea;outline:none}[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=light] textarea::placeholder{color:#999}small{transition:color .3s}[data-theme=dark] small{color:#94a3b8}[data-theme=light] small{color:#666}.error-text{color:#e74c3c;display:block;font-size:14px;margin-top:4px}[data-theme=dark] .error-text{color:#fca5a5}[data-theme=light] .error-text{color:#e74c3c}.helper-text{display:block;font-size:14px;margin-top:4px;transition:color .3s}[data-theme=dark] .helper-text{color:#94a3b8}[data-theme=light] .helper-text{color:#666}.empty-text{font-style:italic;transition:color .3s}[data-theme=dark] .empty-text{color:#64748b}[data-theme=light] .empty-text{color:#999}.info-box{border-radius:6px;font-size:16px;font-style:italic;padding:12px;transition:background-color .3s,color .3s,border-color .3s}[data-theme=dark] .info-box{background:#ff98001a;border:1px solid #ff980033;color:#fbbf24}[data-theme=light] .info-box{background:#fff3cd;color:#ff9800}[data-theme=dark] div[style*="background: #fff3cd"],[data-theme=dark] div[style*="background:#fff3cd"]{background:#ff980026!important;border-color:#ff98004d!important;color:#fbbf24!important}[data-theme=dark] div[style*="border: 1px solid #ffc107"],[data-theme=dark] div[style*="border:1px solid #ffc107"]{border-color:#ff98004d!important}[data-theme=dark] code[style*="background: #f0f0f0"],[data-theme=dark] code[style*="background:#f0f0f0"]{background:#1e293b!important;border:1px solid #334155!important;color:#e2e8f0!important}[data-theme=dark] small,[data-theme=dark] small[style*="color: #666"],[data-theme=dark] small[style*="color:#666"]{color:#cbd5e1!important}.permission-item{border:1px solid #e0e0e0;transition:background-color .3s,border-color .3s,color .3s}[data-theme=dark] .permission-item{background:#1e293b;border-color:#334155}[data-theme=light] .permission-item{background:#fff;border-color:#e0e0e0}.permission-item.selected{border-width:2px}[data-theme=dark] .permission-item.selected{background:#10b98126;border-color:#10b981}[data-theme=light] .permission-item.selected{background:#e8f5e9;border-color:#4caf50}.permission-item>div{transition:color .3s}[data-theme=dark] .permission-item>div{color:#f8fafc}[data-theme=light] .permission-item>div{color:#333}.role-selection-item{border:1px solid #e0e0e0;transition:background-color .3s,border-color .3s}[data-theme=dark] .role-selection-item{background:#0000;border-color:#334155}[data-theme=light] .role-selection-item{background:#0000;border-color:#e0e0e0}.role-selection-item.selected{border-width:1px}[data-theme=dark] .role-selection-item.selected{background:#10b98126;border-color:#10b981}[data-theme=light] .role-selection-item.selected{background:#e8f5e9;border-color:#c8e6c9}.role-selection-item.hover:not([style*="cursor: not-allowed"]),.role-selection-item:hover:not([style*="cursor: not-allowed"]){transition:background-color .2s}[data-theme=dark] .role-selection-item.hover:not([style*="cursor: not-allowed"]),[data-theme=dark] .role-selection-item:hover:not([style*="cursor: not-allowed"]){background:#1e293b!important}[data-theme=light] .role-selection-item.hover:not([style*="cursor: not-allowed"]),[data-theme=light] .role-selection-item:hover:not([style*="cursor: not-allowed"]){background:#f5f5f5!important}.role-selection-label{transition:color .3s}[data-theme=dark] .role-selection-label{color:#e2e8f0}[data-theme=dark] .role-selection-item[style*="opacity: 0.6"] .role-selection-label{color:#94a3b8}[data-theme=light] .role-selection-label{color:#333}[data-theme=light] .role-selection-item[style*="opacity: 0.6"] .role-selection-label{color:#999}.section-header{transition:color .3s}[data-theme=dark] .section-header{color:#f8fafc}[data-theme=light] .section-header{color:#333}.custom-permission-item{border:1px solid #e0e0e0;transition:background-color .3s,border-color .3s}[data-theme=dark] .custom-permission-item{background:#1e293b;border-color:#334155}[data-theme=light] .custom-permission-item{background:#fff;border-color:#e0e0e0}.custom-permission-item.selected{border-width:1px}[data-theme=dark] .custom-permission-item.selected{background:#10b98126;border-color:#10b981}[data-theme=light] .custom-permission-item.selected{background:#e8f5e9;border-color:#c8e6c9}.custom-permission-item.hover:not(.selected){transition:background-color .2s}[data-theme=dark] .custom-permission-item.hover:not(.selected){background:#334155!important}[data-theme=light] .custom-permission-item.hover:not(.selected){background:#f5f5f5!important}.custom-permission-label{transition:color .3s}[data-theme=dark] .custom-permission-label{color:#f8fafc}[data-theme=light] .custom-permission-label{color:#333}.inherited-permission-item{border:1px solid #c8e6c9;transition:background-color .3s,border-color .3s}[data-theme=dark] .inherited-permission-item{background:#10b98133;border-color:#10b981}[data-theme=light] .inherited-permission-item{background:#e8f5e9;border-color:#c8e6c9}.inherited-permission-label{transition:color .3s}[data-theme=dark] .inherited-permission-label{color:#6ee7b7}[data-theme=light] .inherited-permission-label{color:#2e7d32}.add-details-button{transition:background-color .3s,color .3s,border-color .3s}[data-theme=dark] .add-details-button{background:#2196f31a;border-color:#2196f3;color:#64b5f6}[data-theme=light] .add-details-button{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.add-details-button:hover{transition:background-color .2s}[data-theme=dark] .add-details-button:hover{background:#2196f333}[data-theme=light] .add-details-button:hover{background:#f5f5f5}[data-theme=dark] small[style*="color: #2196F3"],[data-theme=dark] small[style*="color:#2196F3"]{color:#64b5f6!important}[data-theme=dark] small[style*="color: #ff9800"],[data-theme=dark] small[style*="color:#ff9800"]{color:#fbbf24!important}[data-theme=dark] small[style*="color: #e74c3c"],[data-theme=dark] small[style*="color:#e74c3c"]{color:#fca5a5!important}.section-divider{border-top:2px solid #e0e0e0;transition:border-color .3s}[data-theme=dark] .section-divider{border-top-color:#334155}[data-theme=light] .section-divider{border-top-color:#e0e0e0}.roles-selection-container{border:2px solid #e0e0e0;transition:background-color .3s,border-color .3s}[data-theme=dark] .roles-selection-container{background:#1e293b;border-color:#334155}[data-theme=light] .roles-selection-container{background:#fff;border-color:#e0e0e0}.btn{border:none;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;padding:12px;transition:all .3s;width:100%}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#f0f0f0;color:#333;margin-top:10px}.btn-secondary:hover{background:#e0e0e0}.error-message{border-radius:6px;font-size:16px;margin-bottom:20px;padding:12px;transition:background-color .3s,color .3s}[data-theme=dark] .error-message{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}[data-theme=light] .error-message{background:#fee;color:#c33}.input-error{border-color:#e74c3c!important}[data-theme=dark] .input-error{background-color:#ef444426!important;color:#f1f5f9!important}[data-theme=light] .input-error{background-color:#fff5f5!important;color:#0f172a!important}.input-error:focus{box-shadow:0 0 0 3px #e74c3c1a!important;outline-color:#e74c3c!important}.required-star{color:#e74c3c;font-size:2em;font-weight:700;margin-left:2px}.drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.drawer{animation:drawer-slide-in .25s ease-out;background:#fff;box-shadow:-2px 0 12px #0f172a59;display:flex;flex-direction:column;height:100vh;width:min(640px,100%)}[data-theme=dark] .drawer{background:#0f172a;border-left:1px solid #f8fafc1f;box-shadow:-2px 0 16px #0f172ad9}.drawer-header{align-items:center;border-bottom:1px solid #94a3b880;display:flex;justify-content:space-between;padding:16px 20px}.drawer-title{font-size:20px;font-weight:600;margin:0}.drawer-close{background:#0000;border:none;cursor:pointer;font-size:32px;line-height:1}[data-theme=dark] .drawer-close{color:#e5e7eb}[data-theme=light] .drawer-close{color:#111827}.drawer-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.drawer-body{flex:1 1;overflow-y:auto;padding:16px 20px}.drawer-footer{background:#f8fafce6;border-top:1px solid #94a3b880;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 16px}[data-theme=dark] .drawer-footer{background:#0f172af2}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}[data-theme=dark] .input-error:focus{box-shadow:0 0 0 3px #ef44444d!important}.success-message{border-radius:6px;font-size:16px;margin-bottom:20px;padding:12px;transition:background-color .3s,color .3s}[data-theme=dark] .success-message{background:#10b98133;border:1px solid #10b9814d;color:#6ee7b7}[data-theme=light] .success-message{background:#efe;color:#3c3}.modal-message{font-size:17px;font-weight:400;line-height:1.7;margin:0;transition:color .3s}[data-theme=dark] .modal-message{color:#e2e8f0}[data-theme=light] .modal-message{color:#475569}.login-link{color:#666;font-size:16px;margin-top:20px;text-align:center;transition:color .3s}[data-theme=dark] .login-link{color:#cbd5e1}[data-theme=light] .login-link{color:#666}.login-link a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}[data-theme=dark] .login-link a{color:#818cf8}[data-theme=light] .login-link a{color:#667eea}.login-link a:hover{text-decoration:underline}.dashboard{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.dashboard-main{display:flex;flex:1 1}.sidebar{box-shadow:2px 0 8px #0000001a;height:calc(100vh - 98px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:98px;transform:translateX(0);transition:transform .3s ease,width .3s ease,margin-left .3s ease;width:240px}.dashboard-main .sidebar,.sidebar{background:#fff}.meddispatch-navbar~.dashboard-main .sidebar{transition:background-color .3s,border-color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .sidebar{background:#0f172a;border-right:1px solid #334155}[data-theme=light] .meddispatch-navbar~.dashboard-main .sidebar{background:#fff;border-right:1px solid #e2e8f0}.sidebar-nav{padding:20px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:#999;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:0}.sidebar-menu-link{align-items:center;color:#666;display:flex;font-size:17px;font-weight:500;letter-spacing:.1px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s}.sidebar-menu-link:hover{background:#f5f5f5;color:#667eea}.sidebar-menu-link.active{background:linear-gradient(90deg,#667eea1a,#0000);border-right:3px solid #667eea;color:#667eea}.meddispatch-navbar~.dashboard-main .sidebar-menu-link{transition:color .3s,background-color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .sidebar-menu-link{color:#cbd5e1}[data-theme=light] .meddispatch-navbar~.dashboard-main .sidebar-menu-link{color:#475569}.meddispatch-navbar~.dashboard-main .sidebar-menu-link:hover{transition:background-color .3s,color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .sidebar-menu-link:hover{background:#1e293b;color:#f8fafc}[data-theme=light] .meddispatch-navbar~.dashboard-main .sidebar-menu-link:hover{background:#f8fafc;color:#0f172a}.meddispatch-navbar~.dashboard-main .sidebar-menu-link.active{transition:background-color .3s,color .3s,border-color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .sidebar-menu-link.active{background:linear-gradient(90deg,#3b82f633,#0000);border-right:3px solid #3b82f6;color:#3b82f6}[data-theme=light] .meddispatch-navbar~.dashboard-main .sidebar-menu-link.active{background:linear-gradient(90deg,#3b82f61a,#0000);border-right:3px solid #3b82f6;color:#3b82f6}.meddispatch-navbar~.dashboard-main .sidebar-section-title{transition:color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .sidebar-section-title{color:#94a3b8;font-weight:600}[data-theme=light] .meddispatch-navbar~.dashboard-main .sidebar-section-title{color:#64748b;font-weight:600}.sidebar-menu-icon{align-items:center;border-radius:9999px;display:inline-flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;margin-right:12px;transition:background-color .3s,color .3s,border-color .3s;width:28px}[data-theme=light] .sidebar-menu-icon{background-color:#eff6ff;border:1px solid #e2e8f0;color:#1d4ed8}[data-theme=dark] .sidebar-menu-icon{background-color:#020617;border:1px solid #1e293b;color:#38bdf8}.sidebar-menu-text{transition:opacity .3s,width .3s}.sidebar-menu-link.active .sidebar-menu-icon{background-color:#1d4ed8;border-color:#1d4ed8;color:#f9fafb}.dashboard-content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;padding:0;transition:background-color .3s}[data-theme=dark] .meddispatch-navbar~.dashboard-main .dashboard-content-wrapper{background:#0f172a}[data-theme=light] .meddispatch-navbar~.dashboard-main .dashboard-content-wrapper{background:#f8fafc}.navbar{background:#fff;box-shadow:0 2px 8px #0000001a;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.meddispatch-navbar{transition:background-color .3s,border-color .3s}[data-theme=dark] .meddispatch-navbar{background:#1e293b;border-bottom:1px solid #334155}[data-theme=light] .meddispatch-navbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.navbar-content{justify-content:space-between;margin:0 auto;max-width:100%;padding:0 24px}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{flex:1 1}.navbar-brand{color:#667eea;font-size:26px;font-weight:700}.navbar-display-name{display:inline}.navbar-breadcrumb{display:block}@media (max-width:1024px){.navbar-breadcrumb{display:none}}@media (max-width:768px){.navbar-display-name{display:none}}.meddispatch-navbar .navbar-brand{font-size:24px;font-weight:700;letter-spacing:-.3px;transition:color .3s}[data-theme=dark] .meddispatch-navbar .navbar-brand{color:#f8fafc}[data-theme=light] .meddispatch-navbar .navbar-brand{color:#0f172a}.navbar-search{flex:1 1;max-width:400px}.search-input{border-radius:8px;font-size:16px;font-weight:400;padding:10px 16px;transition:background-color .3s,border-color .3s,color .3s;width:220px}select,select[style*=padding],select[style]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:12px!important;padding-right:35px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f1f5f9' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important}[data-theme=dark] .search-input{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .search-input{background:#f8fafc;border:1px solid #ddd;color:#0f172a}[data-theme=dark] .search-input::placeholder,[data-theme=light] .search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#667eea}.custom-select-button{transition:background-color .3s,border-color .3s,color .3s}[data-theme=dark] .map-input-wrapper,[data-theme=light] .map-input-wrapper{border:1px solid #0000;border-radius:8px;padding:6px}[data-theme=dark] .permission-list-wrapper,[data-theme=light] .permission-list-wrapper{border:1px solid #0000;border-radius:8px;padding:0}[data-theme=dark] .custom-select-button.input-error,[data-theme=light] .custom-select-button.input-error{background-color:#ef444414!important;border-color:#e74c3c!important;color:#f1f5f9!important}[data-theme=dark] .custom-select-button{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=light] .custom-select-button{background:#fff!important;border-color:#ddd!important;color:#0f172a!important}.custom-select-button:hover{border-color:#667eea}.custom-dropdown-menu{isolation:isolate;position:relative;transition:background-color .3s,border-color .3s}[data-theme=dark] .custom-dropdown-menu{background:#0f172a!important;border-color:#334155!important}[data-theme=light] .custom-dropdown-menu{background:#fff!important;border-color:#ddd!important}.custom-dropdown-option{padding:8px 10px;transition:background-color .2s,color .2s}[data-theme=dark] .custom-dropdown-option{background:#0f172a!important;border-bottom-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .custom-dropdown-option:hover{background:#1e293b!important}[data-theme=light] .custom-dropdown-option{background:#fff!important;border-bottom-color:#f0f0f0!important;color:#0f172a!important}[data-theme=light] .custom-dropdown-option:hover{background:#f5f5f5!important}.custom-dropdown-option.selected{background:#f0f7ff!important}[data-theme=dark] .custom-dropdown-option.selected{background:#1e3a5f!important;color:#e0f2fe!important}.dropdown-phone{transition:color .3s}[data-theme=dark] .dropdown-phone{color:#94a3b8}[data-theme=light] .dropdown-phone{color:#666}.custom-dropdown-menu .search-input{border-bottom-color:#0000}[data-theme=dark] .custom-dropdown-menu .search-input{background:#0f172a!important;border-bottom-color:#334155!important;color:#f1f5f9!important}[data-theme=light] .custom-dropdown-menu .search-input{background:#fff!important;border-bottom-color:#ddd!important;color:#0f172a!important}.custom-dropdown-menu .empty-text{transition:color .3s}[data-theme=dark] .custom-dropdown-menu .empty-text{color:#94a3b8}[data-theme=light] .custom-dropdown-menu .empty-text{color:#666}.add-patient-button{transition:background-color .2s,color .2s,border-color .2s}[data-theme=dark] .add-patient-button{background:#0f172a;border-left-color:#334155!important;color:#667eea}[data-theme=dark] .add-patient-button:hover{background:#1e293b;color:#818cf8}[data-theme=light] .add-patient-button{background:#fff;border-left-color:#ddd!important;color:#667eea}[data-theme=light] .add-patient-button:hover{background:#f5f5f5;color:#5568d3}.custom-dropdown-menu>div:first-of-type{border-bottom-color:#0000}[data-theme=dark] .custom-dropdown-menu>div:first-of-type{border-bottom-color:#334155!important}[data-theme=light] .custom-dropdown-menu>div:first-of-type{border-bottom-color:#ddd!important}.place-search-loading{transition:color .3s}[data-theme=dark] .place-search-loading{color:#94a3b8}[data-theme=light] .place-search-loading{color:#666}.search-input:focus{border-color:#3b82f6;outline:none}.navbar-right{gap:16px}.navbar-icon-btn,.navbar-right{align-items:center;display:flex}.navbar-icon-btn{border-radius:8px;cursor:pointer;height:40px;justify-content:center;position:relative;transition:background .2s,border-color .3s;width:40px}[data-theme=dark] .navbar-icon-btn{background:#0f172a;border:1px solid #334155}[data-theme=light] .navbar-icon-btn{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=dark] .navbar-icon-btn:hover{background:#334155}[data-theme=light] .navbar-icon-btn:hover{background:#e2e8f0}.icon-bell,.theme-toggle-btn{font-size:20px}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:12px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.notification-snackbar{align-items:center;border:1px solid #3b82f68c;border-left-width:4px;border-radius:16px;bottom:32px;box-shadow:0 22px 55px #0f172a52;display:flex;gap:16px;justify-content:flex-start;max-width:min(520px,calc(100% - 64px));min-width:260px;opacity:0;padding:14px 18px;position:fixed;right:32px;transform:translateX(24px);transition:transform .25s ease,opacity .2s ease;z-index:1200}.notification-snackbar.open{opacity:1;transform:translateX(0)}.notification-snackbar.closing{opacity:0;transform:translateX(24px)}[data-theme=dark] .notification-snackbar{background:radial-gradient(circle at top left,#1e293b,#020617);border-color:#3b82f6a6;color:#f8fafc}[data-theme=light] .notification-snackbar{background:radial-gradient(circle at top left,#fff,#dbeafe);color:#0f172a}.notification-snackbar-text{display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:2px;min-width:0}.notification-snackbar-text-title{font-size:16px;font-weight:600}.notification-snackbar-text-body{font-size:15px;line-height:1.4;opacity:.9;white-space:normal}.notification-snackbar-text-meta{font-size:14px;margin-top:4px;opacity:.8}.notification-snackbar-actions{display:none}.notification-snackbar-view{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:6px 12px;transition:background .2s ease}.notification-snackbar-view:hover{background:#1d4ed8}.notification-snackbar-close{align-items:center;background:#1d4ed8;border:none;border-radius:999px;box-shadow:0 8px 18px #2563eb59;color:#fff;cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;margin-left:10px;transition:background .15s ease,transform .15s ease;width:22px}.notification-snackbar-close:hover{background:#1e40af;transform:translateY(-1px)}.notification-snackbar.fuel-theft{animation:pulse-theft 2s ease-in-out infinite;border-color:#ef4444a6!important}.notification-snackbar.fuel-refill{border-color:#10b981a6!important}.notification-snackbar.fuel-event{border-color:#f59e0ba6!important}[data-theme=dark] .notification-snackbar.fuel-theft{background:radial-gradient(circle at top left,#7f1d1d,#450a0a)!important;box-shadow:0 22px 55px #ef444466!important}[data-theme=light] .notification-snackbar.fuel-theft{background:radial-gradient(circle at top left,#fef2f2,#fee2e2)!important}[data-theme=dark] .notification-snackbar.fuel-refill{background:radial-gradient(circle at top left,#064e3b,#022c22)!important;box-shadow:0 22px 55px #10b9814d!important}[data-theme=light] .notification-snackbar.fuel-refill{background:radial-gradient(circle at top left,#f0fdf4,#dcfce7)!important}@keyframes pulse-theft{0%,to{box-shadow:0 22px 55px #ef444466}50%{box-shadow:0 22px 55px #ef444499}}.notification-drawer-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:1000}.notification-drawer{animation:slideInRight .3s ease-out;box-shadow:-2px 0 16px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:min(600px,90vw);z-index:1001}.notification-drawer.light{background:#fff;color:#0f172a}.notification-drawer.dark{background:#0f172a;border-left:1px solid #f8fafc1f;color:#f8fafc}.notification-drawer-header{align-items:center;border-bottom:1px solid #94a3b84d;display:flex;justify-content:space-between;padding:20px}.notification-drawer-header h3{font-size:22px;font-weight:600;margin:0}.notification-drawer-actions{align-items:center;display:flex;gap:12px}.btn-mark-all-read{border:1px solid #94a3b84d;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:8px 12px;transition:all .2s}.notification-drawer.light .btn-mark-all-read{background:#f8fafc;color:#0f172a}.notification-drawer.light .btn-mark-all-read:hover{background:#e2e8f0}.notification-drawer.dark .btn-mark-all-read{background:#1e293b;border-color:#f8fafc33;color:#f8fafc}.notification-drawer.dark .btn-mark-all-read:hover{background:#334155}.btn-close-drawer{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;transition:background .2s;width:32px}.btn-close-drawer:hover{background:#94a3b833}.notification-drawer-content{flex:1 1;overflow-y:auto;padding:8px}.notification-empty,.notification-loading{align-items:center;color:#94a3b8cc;display:flex;font-size:16px;justify-content:center;padding:40px 20px;text-align:center}.notification-item{border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s}.notification-drawer.light .notification-item{background:#f8fafc}.notification-drawer.light .notification-item:hover{background:#e2e8f0}.notification-drawer.dark .notification-item{background:#1e293b}.notification-drawer.dark .notification-item:hover{background:#334155}.notification-item.unread{border-left:4px solid #3b82f6;font-weight:600;position:relative}.notification-drawer.light .notification-item.unread{background:#eff6ff;border-left-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.notification-drawer.dark .notification-item.unread{background:#1e3a5f;border-left-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.notification-item.read{opacity:.75}.notification-drawer.light .notification-item.read{background:#f8fafc}.notification-drawer.dark .notification-item.read{background:#1e293b}.notification-item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-item-title-row{align-items:center;display:flex;flex:1 1;gap:8px}.notification-title{font-size:17px;font-weight:600;line-height:1.4;margin:0}.notification-priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-time{color:#94a3b8cc;flex-shrink:0;font-size:14px;white-space:nowrap}.notification-body{color:#94a3b8e6;font-size:16px;line-height:1.5;margin:0 0 8px}.notification-item.unread .notification-body{color:inherit}.notification-extra-info{display:flex;flex-direction:column;font-size:14px;gap:4px;margin-top:8px}.notification-booking-name{color:#3b82f6;font-weight:600}.notification-patient-name{color:#94a3b8cc}.notification-marking-read{color:#94a3b8cc;font-size:14px;font-style:italic;margin-top:4px}.btn-load-more{background:#0000;border:1px solid #94a3b84d;border-radius:6px;cursor:pointer;font-size:16px;margin:8px 0;padding:12px;transition:all .2s;width:100%}.notification-drawer.light .btn-load-more{color:#0f172a}.notification-drawer.light .btn-load-more:hover{background:#e2e8f0}.notification-drawer.dark .btn-load-more{color:#f8fafc}.notification-drawer.dark .btn-load-more:hover{background:#334155}.btn-load-more:disabled{cursor:not-allowed;opacity:.5}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.user-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.avatar-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.avatar-upload-row input[type=url]{height:44px;min-height:44px}.avatar-upload-button{align-items:center;background:#f9fafb;border:1px solid #ddd;border-radius:6px;color:#111827;cursor:pointer;display:inline-flex;gap:8px;height:44px;padding:10px 14px;transition:background .2s ease,border-color .2s ease,color .2s ease}.avatar-upload-button:hover{background:#eef2ff;border-color:#c7d2fe}.avatar-upload-button.disabled{cursor:not-allowed;opacity:.6}.avatar-clear-button{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#111827;display:inline-flex;font-weight:600;height:44px;justify-content:center;margin-top:0;padding:10px 14px}[data-theme=dark] .avatar-upload-button{background:#1f2937;border:1px solid #374151;color:#e5e7eb;margin-bottom:0}[data-theme=dark] .avatar-upload-button:hover{background:#111827;border-color:#4b5563}[data-theme=dark] .avatar-clear-button{background:#111827;border:1px solid #374151;color:#e5e7eb}.avatar-preview-text{color:#4b5563;font-size:14px;word-break:break-all}[data-theme=dark] .avatar-preview-text{color:#cbd5e1}.cropper-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.cropper-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;color:#0f172a;padding:20px;width:min(520px,90vw)}[data-theme=dark] .cropper-modal{background:#0b162a;color:#e5e7eb}.cropper-container{background:#111827;border-radius:10px;height:320px;overflow:hidden;position:relative;width:100%}[data-theme=light] .cropper-container{background:#111827}.cropper-controls{align-items:center;display:flex;gap:12px;margin:12px 0}.cropper-controls input[type=range]{flex:1 1}.cropper-actions{display:flex;gap:10px;justify-content:flex-end}.cropper-actions .btn-primary{align-items:center;background:#2563eb;border:1px solid #1d4ed8;border-radius:8px;color:#f8fafc;display:inline-flex;font-weight:600;justify-content:center;min-height:44px;min-width:120px;padding:10px 16px;text-align:center}.cropper-actions .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.cropper-actions .btn-secondary{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#111827;display:inline-flex;font-weight:600;justify-content:center;min-height:44px;min-width:120px;padding:10px 16px;text-align:center}.cropper-actions .btn-secondary:hover{background:#e5e7eb;border-color:#cbd5e1}[data-theme=dark] .cropper-actions .btn-primary{background:#1d4ed8;border:1px solid #1e3a8a;color:#e5e7eb}[data-theme=dark] .cropper-actions .btn-primary:hover{background:#1e3a8a;border-color:#1e3a8a}[data-theme=dark] .cropper-actions .btn-secondary{background:#111827;border:1px solid #374151;color:#e5e7eb}[data-theme=dark] .cropper-actions .btn-secondary:hover{background:#1f2937;border-color:#4b5563}.navbar-user{align-items:center;background:#0000;border:none;border-radius:9999px;cursor:pointer;display:inline-flex;gap:12px;padding:4px 8px;transition:background-color .2s,box-shadow .2s}[data-theme=light] .navbar-user:hover{background:#e5edff;box-shadow:0 0 0 1px #c7d2fe}[data-theme=dark] .navbar-user:hover{background:#0f172a;box-shadow:0 0 0 1px #1d4ed8}.meddispatch-navbar .user-info{text-align:left}.meddispatch-navbar .user-name{font-size:17px;font-weight:600;transition:color .3s}[data-theme=dark] .meddispatch-navbar .user-name{color:#f8fafc}[data-theme=light] .meddispatch-navbar .user-name{color:#0f172a}.meddispatch-navbar .user-role{font-size:15px;font-weight:500;text-transform:capitalize;transition:color .3s}[data-theme=dark] .meddispatch-navbar .user-role{color:#cbd5e1}[data-theme=light] .meddispatch-navbar .user-role{color:#64748b}.btn-logout{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.2px;padding:8px 16px;transition:background .3s,transform .2s}.btn-logout:hover{background:#d32f2f;transform:translateY(-1px)}.dashboard-content{display:flex;flex:1 1;flex-direction:column;margin:20px;min-height:0;overflow:hidden;padding:0 20px}.dashboard-content .tracking-page{height:calc(100% + 60px);margin:-30px -20px;padding:0 20px}.dashboard-content .tracking-page .tracking-tabs{margin:0 -20px;padding:0 20px}.page-header{margin-bottom:30px}.page-header h2{font-size:30px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;transition:color .3s}[data-theme=dark] .page-header h2{color:#f8fafc}[data-theme=light] .page-header h2{color:#0f172a}.page-header p{font-size:17px;font-weight:400;transition:color .3s}[data-theme=dark] .page-header p{color:#cbd5e1}[data-theme=light] .page-header p{color:#475569}.card{border-radius:8px;box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow-x:auto;overflow-y:visible;padding:24px;transition:background-color .3s,border-color .3s,box-shadow .3s;width:100%}[data-theme=dark] .card{background:#1e293b;border:1px solid #334155;box-shadow:0 2px 8px #0000004d}.profile-card{display:flex;flex-direction:column;gap:16px}.profile-section-title{font-size:20px;margin-bottom:4px}.profile-grid{grid-gap:12px;display:grid;gap:12px}.profile-field{display:flex;flex-direction:row;flex-wrap:wrap;font-size:16px;gap:8px}.profile-label{font-weight:600;min-width:90px}.profile-value{opacity:.95}.profile-permissions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.profile-permission-pill{border:1px solid;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;overflow:hidden;padding:6px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.profile-permission-name{font-size:14px;font-weight:600;margin-bottom:2px}.profile-permission-str{font-size:13px}[data-theme=light] .profile-permission-str{color:#4b5563}[data-theme=dark] .profile-permission-str{color:#9ca3af}[data-theme=dark] .profile-permission-pill{background:#0f172ae6;border-color:#334155;color:#e5e7eb}[data-theme=light] .profile-permission-pill{background:#f8fafc;border-color:#cbd5f5;color:#0f172a}.profile-system-admin-banner{border-width:1px}[data-theme=light] .profile-system-admin-banner{background:#e8f5e9;border-color:#4caf50}[data-theme=dark] .profile-system-admin-banner{background:#16a34a24;border-color:#16a34a}.profile-system-admin-title{margin-bottom:4px}[data-theme=light] .profile-system-admin-title{color:#2e7d32}[data-theme=dark] .profile-system-admin-title{color:#bbf7d0}.profile-system-admin-text{font-size:16px}[data-theme=light] .profile-system-admin-text{color:#374151}[data-theme=dark] .profile-system-admin-text{color:#e5e7eb}[data-theme=light] .card{background:#fff;box-shadow:0 2px 8px #0000001a}.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:20px;max-width:100%;min-width:0;width:100%}.card-header>div:not(:first-child){align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto}.card-header>div{flex:1 1}.card-header>div,.card-header>div>div{box-sizing:border-box;max-width:100%;min-width:0}.card-header>div>div{display:flex}.card-title{color:#333;font-size:22px}.btn-add{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.2px;padding:10px 20px;transition:background .3s,transform .2s;white-space:nowrap}.btn-add:hover{background:#45a049;transform:translateY(-1px)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}.bookings-table th{font-size:14px;line-height:1.1;padding:8px 10px}.bookings-table td{font-size:14px;line-height:1.1;padding:6px 10px}.bookings-table .action-buttons{gap:6px}.bookings-table .btn-icon{border-radius:5px;font-size:14px;padding:6px 12px}thead{transition:background-color .3s}[data-theme=dark] thead{background:#0f172a}[data-theme=light] thead{background:#f9f9f9}th{border-bottom:2px solid #e0e0e0;font-size:16px;font-weight:600;padding:14px 12px;text-align:left;transition:color .3s,border-color .3s}[data-theme=dark] th{border-bottom-color:#334155;color:#f1f5f9}[data-theme=light] th{border-bottom-color:#e0e0e0;color:#1e293b}td{border-bottom:1px solid #e0e0e0;font-size:16px;padding:14px 12px;transition:color .3s,border-color .3s}[data-theme=dark] td{border-bottom-color:#334155;color:#e2e8f0}[data-theme=light] td{border-bottom-color:#e0e0e0;color:#475569}tbody tr:hover{transition:background-color .3s}[data-theme=dark] tbody tr:hover{background:#1e293b}[data-theme=light] tbody tr:hover{background:#f9f9f9}.status-badge{border-radius:12px;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:capitalize}.status-active{background:#e8f5e9;color:#4caf50}.status-inactive{background:#fff3e0;color:#ff9800}.status-suspended{background:#ffebee;color:#f44336}.action-buttons{display:flex;gap:8px}.btn-icon{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:8px 14px;transition:opacity .3s,transform .2s}.btn-icon:hover{opacity:.8;transform:translateY(-1px)}.btn-view{background:#059669;color:#fff}.btn-edit{background:#2196f3;color:#fff}.btn-delete{background:#f44336;color:#fff}.loading{color:#666;padding:40px;text-align:center}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state h3{color:#666;margin-bottom:8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;transition:background-color .3s,border-color .3s,box-shadow .3s;width:90%}[data-theme=dark] .modal{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080}[data-theme=light] .modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #00000026}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px;transition:border-color .3s}[data-theme=dark] .modal-header{border-bottom:1px solid #334155}[data-theme=light] .modal-header{border-bottom:1px solid #e2e8f0}.modal-title{font-size:24px;font-weight:700;letter-spacing:-.3px;transition:color .3s}[data-theme=dark] .modal-title{color:#f8fafc}[data-theme=light] .modal-title{color:#0f172a}.modal-close{background:none;border:none;cursor:pointer;font-size:26px;line-height:1;padding:4px;transition:color .3s}[data-theme=dark] .modal-close{color:#94a3b8}[data-theme=light] .modal-close{color:#64748b}.modal-close:hover{opacity:.7}.modal-body{padding:20px;transition:color .3s}[data-theme=dark] .modal-body{color:#f1f5f9}[data-theme=light] .modal-body{color:#0f172a}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px;transition:border-color .3s}[data-theme=dark] .modal-footer{border-top:1px solid #334155}[data-theme=light] .modal-footer{border-top:1px solid #e2e8f0}.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s,color .3s}[data-theme=dark] .btn-cancel{background:#334155;color:#f1f5f9;font-weight:600}[data-theme=light] .btn-cancel{background:#f0f0f0;color:#0f172a;font-weight:600}[data-theme=dark] .btn-cancel:hover{background:#475569}[data-theme=light] .btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.2px;padding:10px 20px;transition:background-color .3s,transform .2s}.btn-submit:hover{background:#5568d3;transform:translateY(-1px)}.checkbox-group{align-items:center;display:flex;margin-bottom:12px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;transition:background-color .3s,border-color .3s;width:18px}[data-theme=dark] .checkbox-group input[type=checkbox]{background:#0f172a;border:1px solid #334155}[data-theme=light] .checkbox-group input[type=checkbox]{background:#fff;border:1px solid #ddd}.checkbox-group label{cursor:pointer;font-size:16px;transition:color .3s}[data-theme=dark] .checkbox-group label{color:#e2e8f0}[data-theme=light] .checkbox-group label{color:#333}.permission-list{border-radius:6px;max-height:300px;overflow-y:auto;padding:12px;transition:border-color .3s,background-color .3s}[data-theme=dark] .permission-list{background:#0f172a;border:1px solid #334155}[data-theme=light] .permission-list{background:#f9f9f9;border:1px solid #e0e0e0}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border-radius:6px;cursor:pointer;font-size:16px;padding:12px 35px 12px 12px;transition:border-color .3s,background-color .3s,color .3s;width:100%}[data-theme=dark] select{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] select{background:#fff;border:1px solid #ddd;color:#0f172a}select:focus{border-color:#667eea;outline:none}[data-theme=dark] select option{background:#1e293b;color:#e2e8f0}[data-theme=light] select option{background:#fff;color:#333}.pagination-controls{align-items:center;display:flex;font-size:16px;font-weight:500;gap:16px;justify-content:flex-end;padding-top:12px;transition:color .3s}[data-theme=dark] .pagination-controls{color:#cbd5e1}[data-theme=light] .pagination-controls{color:#475569}.pagination-left select{border-radius:4px;font-size:16px;padding:4px 35px 4px 8px;width:auto}.pagination-center{min-width:120px;text-align:center}.pagination-right{align-items:center;display:flex;gap:4px}.pagination-right .btn-secondary{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;font-size:32px;font-weight:600;height:36px;justify-content:center;line-height:0;margin-top:0;padding:0;width:36px}[data-theme=dark] .pagination-right .btn-secondary{background:#1e293b;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .pagination-right .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.pagination-right .btn-secondary:hover:not(:disabled),[data-theme=dark] .pagination-right .btn-secondary:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-right .btn-secondary:disabled{background:#fafafa;cursor:default;opacity:.3}[data-theme=dark] .pagination-right .btn-secondary:disabled{background:#1e293b;opacity:.3}[data-theme=light] .pagination-right .btn-secondary:disabled{background:#f8fafc}.meddispatch-dashboard{min-height:calc(100vh - 60px);padding:20px;transition:background-color .3s,color .3s}[data-theme=dark] .meddispatch-dashboard{background:#0f172a;color:#e2e8f0}[data-theme=light] .meddispatch-dashboard{background:#f8fafc;color:#1e293b}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.metric-card{align-items:center;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s}[data-theme=dark] .metric-card{background:#1e293b;border:1px solid #334155}[data-theme=light] .metric-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.metric-card:hover{transform:translateY(-2px)}[data-theme=dark] .metric-card:hover{box-shadow:0 4px 12px #0000004d}[data-theme=light] .metric-card:hover{box-shadow:0 4px 12px #00000026}.metric-card-large{grid-column:span 1}.metric-icon{align-items:center;border-radius:12px;display:flex;font-size:34px;height:60px;justify-content:center;transition:background-color .3s;width:60px}[data-theme=dark] .metric-icon{background:#334155}[data-theme=light] .metric-icon{background:#f1f5f9}.metric-content{flex:1 1}.metric-value{font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px;transition:color .3s}[data-theme=dark] .metric-value{color:#f8fafc}[data-theme=light] .metric-value{color:#0f172a}.metric-value-large{font-size:54px;font-weight:700;letter-spacing:-1px;margin-bottom:4px;transition:color .3s}[data-theme=dark] .metric-value-large{color:#f8fafc}[data-theme=light] .metric-value-large{color:#0f172a}.metric-label{font-size:16px;font-weight:600;margin-bottom:4px;transition:color .3s}[data-theme=dark] .metric-label{color:#cbd5e1}[data-theme=light] .metric-label{color:#475569}.metric-detail{font-size:15px;font-weight:400;transition:color .3s}[data-theme=dark] .metric-detail{color:#94a3b8}[data-theme=light] .metric-detail{color:#64748b}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(15,1fr)}.dashboard-card{border-radius:12px;padding:20px;transition:background-color .3s,border-color .3s}[data-theme=dark] .dashboard-card{background:#1e293b;border:1px solid #334155}[data-theme=light] .dashboard-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.dashboard-card-alerts,.dashboard-card-allocation-stats,.dashboard-card-quick-actions{grid-column:span 5}.dashboard-card-chart{grid-column:span 15}.dashboard-card-staff{grid-column:span 6}.dashboard-card-trips{grid-column:span 9}.card-title{font-size:20px;font-weight:600;letter-spacing:-.2px;margin-bottom:16px;padding-bottom:12px;transition:color .3s,border-color .3s}[data-theme=dark] .card-title{border-bottom:1px solid #334155;color:#f8fafc}[data-theme=light] .card-title{border-bottom:1px solid #e2e8f0;color:#0f172a}.allocation-stats{display:flex;flex-direction:column;gap:10px}.stat-item{border-radius:8px;gap:12px;padding:12px;transition:background-color .3s}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{flex-shrink:0;font-size:22px;height:32px;justify-content:center;width:32px}[data-theme=dark] .stat-item{background:#0f172a}[data-theme=light] .stat-item{background:#f8fafc}.stat-label{flex:1 1;font-size:16px;font-weight:500;transition:color .3s}[data-theme=dark] .stat-label{color:#cbd5e1}[data-theme=light] .stat-label{color:#475569}.stat-value{font-size:19px;font-weight:700;min-width:40px;text-align:right;transition:color .3s}[data-theme=dark] .stat-value{color:#f8fafc}[data-theme=light] .stat-value{color:#0f172a}.quick-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.2px;padding:10px 14px;transition:background .2s,transform .2s}.action-btn:hover{background:#2563eb;transform:translateY(-1px)}.alerts-list{display:flex;flex-direction:column;gap:10px}.alert-item{align-items:center;border-radius:8px;display:flex;gap:10px;padding:10px;transition:background-color .3s}[data-theme=dark] .alert-item{background:#0f172a}[data-theme=light] .alert-item{background:#f8fafc}.alert-error{border-left:4px solid #ef4444}.alert-warning{border-left:4px solid #f59e0b}.alert-info{border-left:4px solid #3b82f6}.alert-icon{font-size:22px}.alert-message{font-size:16px;font-weight:500;transition:color .3s}[data-theme=dark] .alert-message{color:#f1f5f9}[data-theme=light] .alert-message{color:#0f172a}.chart-container{margin-top:16px}.chart-legend{display:flex;gap:16px;margin-bottom:16px}.legend-item{align-items:center;display:flex;font-size:16px;gap:8px;transition:color .3s}[data-theme=dark] .legend-item{color:#94a3b8}[data-theme=light] .legend-item{color:#64748b}.legend-color{border-radius:4px;height:16px;width:16px}.legend-available{background:#3b82f6}.legend-on-duty{background:#14b8a6}.bar-chart{align-items:flex-end;display:flex;gap:20px;height:180px;padding:16px 0}.chart-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.chart-label{font-size:14px;margin-bottom:8px;text-align:center;transition:color .3s}[data-theme=dark] .chart-label{color:#94a3b8}[data-theme=light] .chart-label{color:#64748b}.chart-bars{align-items:flex-end;display:flex;gap:4px;height:100%;width:100%}.chart-bar{border-radius:4px 4px 0 0;cursor:pointer;flex:1 1;min-height:20px;transition:opacity .2s}.chart-bar:hover{opacity:.8}.bar-available{background:#3b82f6}.bar-on-duty{background:#14b8a6}.chart-empty{padding:40px;text-align:center;transition:color .3s}[data-theme=dark] .chart-empty{color:#64748b}[data-theme=light] .chart-empty{color:#94a3b8}.staff-table-container{overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table thead{transition:background-color .3s}[data-theme=dark] .staff-table thead{background:#0f172a}[data-theme=light] .staff-table thead{background:#f8fafc}.staff-table th{font-size:16px;font-weight:600;padding:14px 12px;text-align:left;transition:color .3s,border-color .3s}[data-theme=dark] .staff-table th{border-bottom:1px solid #334155;color:#f1f5f9}[data-theme=light] .staff-table th{border-bottom:1px solid #e2e8f0;color:#0f172a}.staff-table td{font-size:16px;font-weight:400;padding:14px 12px;transition:color .3s,border-color .3s,background-color .3s}[data-theme=dark] .staff-table td{border-bottom:1px solid #334155;color:#e2e8f0}[data-theme=light] .staff-table td{border-bottom:1px solid #e2e8f0;color:#475569}.staff-table tbody tr:hover{transition:background-color .3s}[data-theme=dark] .staff-table tbody tr:hover{background:#0f172a}[data-theme=light] .staff-table tbody tr:hover{background:#f8fafc}.role-name{font-weight:600;text-transform:capitalize;transition:color .3s}[data-theme=dark] .role-name{color:#f8fafc}[data-theme=light] .role-name{color:#0f172a}.table-empty{padding:40px;text-align:center;transition:color .3s}[data-theme=dark] .table-empty{color:#64748b}[data-theme=light] .table-empty{color:#94a3b8}.active-trips-container{overflow-x:auto}.active-trips-table{border-collapse:collapse;width:100%}.active-trips-table thead{transition:background-color .3s}[data-theme=dark] .active-trips-table thead{background:#0f172a}[data-theme=light] .active-trips-table thead{background:#f8fafc}.active-trips-table th{font-size:16px;font-weight:600;padding:14px 12px;text-align:left;transition:color .3s,border-color .3s}[data-theme=dark] .active-trips-table th{border-bottom:1px solid #334155;color:#f1f5f9}[data-theme=light] .active-trips-table th{border-bottom:1px solid #e2e8f0;color:#0f172a}.active-trips-table td{font-size:16px;font-weight:400;padding:14px 12px;transition:color .3s,border-color .3s,background-color .3s}[data-theme=dark] .active-trips-table td{border-bottom:1px solid #334155;color:#e2e8f0}[data-theme=light] .active-trips-table td{border-bottom:1px solid #e2e8f0;color:#475569}.active-trips-table tbody tr:hover{transition:background-color .3s}[data-theme=dark] .active-trips-table tbody tr:hover{background:#0f172a}[data-theme=light] .active-trips-table tbody tr:hover{background:#f8fafc}.ambulance-id{font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px}.priority-badge{border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.crew-cell{align-items:center;display:flex;gap:8px}.crew-icon{font-size:18px}.status-available{color:#10b981;font-weight:600}.status-unavailable{color:#ef4444;font-weight:600}[data-theme=light] .status-available{color:#059669}[data-theme=light] .status-unavailable{color:#dc2626}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;transition:color .3s}[data-theme=dark] .dashboard-loading{color:#94a3b8}[data-theme=light] .dashboard-loading{color:#64748b}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #334155;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:26px;justify-content:center;margin-right:12px;padding:8px;transition:color .3s,background-color .3s}[data-theme=dark] .mobile-menu-toggle{color:#f8fafc}[data-theme=light] .mobile-menu-toggle{color:#0f172a}.mobile-menu-toggle:hover{background:#0000000d}[data-theme=dark] .mobile-menu-toggle:hover{background:#ffffff1a}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:998}.sidebar-overlay.active{display:block;opacity:1}@media (min-width:1025px){.sidebar-overlay{display:none!important}}.sidebar-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:none;font-size:34px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .3s,color .3s;width:40px;z-index:10}[data-theme=dark] .sidebar-close{color:#cbd5e1}[data-theme=light] .sidebar-close{color:#64748b}.sidebar-close:hover{background:#0000001a}[data-theme=dark] .sidebar-close:hover{background:#ffffff1a}[data-theme=dark] .staff-list-container{background-color:#1e293b;border:1px solid #334155}[data-theme=light] .staff-list-container{background-color:#fff;border:1px solid #ddd}[data-theme=dark] .staff-list-container input[type=checkbox]:not(:checked){background-color:#1e293b;border:2px solid #475569}[data-theme=light] .staff-list-container input[type=checkbox]:not(:checked){background-color:#fff;border:2px solid #ddd}[data-theme=dark] .staff-list-container .search-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=light] .staff-list-container .search-input{background-color:#fff;border-color:#ddd;color:#1e293b}[data-theme=dark] .staff-list-container .search-input::placeholder,[data-theme=light] .staff-list-container .search-input::placeholder{color:#94a3b8}[data-theme=dark] .staff-list-container .staff-name{color:#f1f5f9}[data-theme=light] .staff-list-container .staff-name{color:#1e293b}[data-theme=dark] .staff-list-container .staff-phone{color:#94a3b8}[data-theme=light] .staff-list-container .staff-phone{color:#666}[data-theme=dark] .staff-list-container .staff-empty-message{color:#94a3b8}[data-theme=light] .staff-list-container .staff-empty-message{color:#999}[data-theme=dark] .pilot-list-container{background-color:#1e293b;border:1px solid #334155}[data-theme=light] .pilot-list-container{background-color:#fff;border:1px solid #ddd}[data-theme=dark] .pilot-list-container .search-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=light] .pilot-list-container .search-input{background-color:#fff;border-color:#ddd;color:#1e293b}[data-theme=dark] .pilot-list-container .search-input::placeholder,[data-theme=light] .pilot-list-container .search-input::placeholder{color:#94a3b8}[data-theme=dark] .pilot-list-container .pilot-name{color:#f1f5f9}[data-theme=light] .pilot-list-container .pilot-name{color:#1e293b}[data-theme=dark] .pilot-list-container .pilot-phone{color:#94a3b8}[data-theme=light] .pilot-list-container .pilot-phone{color:#666}[data-theme=dark] .pilot-list-container .pilot-empty-message{color:#94a3b8}[data-theme=light] .pilot-list-container .pilot-empty-message{color:#999}[data-theme=dark] .pilot-list-container .pilot-radio:not([style*="2px solid #667eea"]){background-color:#1e293b!important;border:2px solid #475569!important}[data-theme=light] .pilot-list-container .pilot-radio:not([style*="2px solid #667eea"]){background-color:#fff!important;border:2px solid #ddd!important}[data-theme=dark] .custom-dropdown-menu .staff-checkbox:not(:checked){background-color:#1e293b!important;border:2px solid #475569!important}[data-theme=light] .custom-dropdown-menu .staff-checkbox:not(:checked){background-color:#fff!important;border:2px solid #ddd!important}[data-theme=dark] .mapping-item-name{color:#f1f5f9}[data-theme=light] .mapping-item-name{color:#1e293b}[data-theme=dark] .mapping-item-secondary{color:#94a3b8}[data-theme=light] .mapping-item-secondary{color:#6b7280}[data-theme=dark] .mapping-header-row{color:#cbd5e1}[data-theme=light] .mapping-header-row{color:#1e293b}[data-theme=dark] .mapping-empty-message{color:#94a3b8}[data-theme=light] .mapping-empty-message{color:#6b7280}[data-theme=dark] .mapping-update-section{border-top:1px solid #ffffff1a}[data-theme=light] .mapping-update-section{border-top:1px solid #94a3b833}[data-theme=dark] .mapping-detail-box{background-color:#1e293b;border:1px solid #334155}[data-theme=light] .mapping-detail-box{background-color:#f5f5f5;border:1px solid #e5e7eb}[data-theme=dark] .mapping-current-assignment{background-color:#fbbf2426;border:1px solid #fbbf244d}[data-theme=light] .mapping-current-assignment{background-color:#fff3cd;border:1px solid #ffc107}[data-theme=dark] .mapping-new-assignment{background-color:#10b98126;border:1px solid #10b9814d}[data-theme=light] .mapping-new-assignment{background-color:#d1e7dd;border:1px solid #10b981}[data-theme=dark] .mapping-confirmation-message{background-color:#1e293b;border:1px solid #334155;color:#cbd5e1}[data-theme=light] .mapping-confirmation-message{background-color:#f8f9fa;border:1px solid #e5e7eb;color:#666}[data-theme=dark] .mapping-item-border,[data-theme=light] .mapping-item-border{border:1px solid #94a3b866!important}[data-theme=dark] .mapping-item-selected,[data-theme=light] .mapping-item-selected{background-color:#667eea1a!important;border:2px solid #667eea!important}@media (max-width:1400px) and (min-width:1025px){.dashboard-grid{grid-template-columns:repeat(15,1fr)}.dashboard-card-alerts,.dashboard-card-allocation-stats,.dashboard-card-quick-actions{grid-column:span 5}.dashboard-card-chart{grid-column:span 15}.dashboard-card-staff{grid-column:span 6}.dashboard-card-trips{grid-column:span 9}.metrics-grid{grid-template-columns:repeat(2,1fr)}.container{max-width:100%;padding:16px}.dashboard-content{margin:24px;padding:0 16px}.sidebar{width:240px}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card-alerts,.dashboard-card-allocation-stats,.dashboard-card-chart,.dashboard-card-quick-actions,.dashboard-card-staff,.dashboard-card-trips{grid-column:span 1}.metrics-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.sidebar{box-shadow:2px 0 12px #00000026;height:100vh;left:-240px;position:fixed;top:0;transition:left .3s ease;z-index:999}.sidebar.open{left:0}.mobile-menu-toggle{display:block}.sidebar-close{display:flex!important}.dashboard-content{margin:20px;padding:0 12px}.navbar-search{max-width:250px}.navbar-user .user-info{display:none}.modal{max-width:500px;width:95%}.login-card{padding:32px 24px}.card{padding:20px}.active-trips-container,.staff-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.active-trips-table,.staff-table,table{min-width:700px}.action-buttons{gap:6px}.btn-icon{font-size:14px;padding:7px 12px}.page-header h2{font-size:26px}}@media (min-width:1025px){.sidebar{flex-shrink:0;position:-webkit-sticky;position:sticky;transform:translateX(0);transition:width .3s ease;width:240px}.sidebar:not(.open){flex-shrink:0;margin-right:0;min-width:0;overflow:hidden;transform:translateX(-100%);width:0}.sidebar.collapsed{transform:translateX(0);width:70px}.sidebar.collapsed .sidebar-section-title{display:none}.sidebar.collapsed .sidebar-menu-text{margin:0;opacity:0;overflow:hidden;width:0}.sidebar.collapsed .sidebar-menu-link{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-menu-icon{margin-right:0}.sidebar-close{display:none}.sidebar-tooltip{background:#000000e6;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:16px;left:calc(100% + 12px);opacity:0;padding:8px 12px;pointer-events:none;transition:opacity .2s;white-space:nowrap;z-index:1000}.sidebar-tooltip,.sidebar-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.sidebar-tooltip:before{border:6px solid #0000;border-right-color:#000000e6;content:"";right:100%}[data-theme=dark] .sidebar-tooltip{background:#0f172af2;border:1px solid #334155}[data-theme=dark] .sidebar-tooltip:before{border-right-color:#0f172af2}.sidebar.collapsed .sidebar-menu-item{position:relative}.sidebar.collapsed .sidebar-menu-link:hover .sidebar-tooltip{opacity:1}}@media (max-width:1024px){.sidebar-tooltip{display:none!important}}@media (max-width:768px){.navbar{padding:12px 0}.navbar-content{padding:0 16px}.navbar-left{flex:1 1 100%;margin-bottom:8px;order:1}.navbar-search{display:none}.navbar-right{flex:1 1 auto;gap:8px;justify-content:flex-end;order:2}.navbar-brand{font-size:20px}.navbar-user{display:none}.btn-logout{font-size:14px;min-width:auto;padding:6px 12px}.navbar-icon-btn{font-size:18px;height:36px;min-width:36px;width:36px}.sidebar{height:100vh;top:0;width:240px}.meddispatch-dashboard{padding:12px}.dashboard-content{margin:12px;padding:0 8px}.page-header h2{font-size:24px}.page-header p{font-size:16px}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px}.metric-icon{height:50px;width:50px}.metric-icon,.metric-value{font-size:26px}.metric-value-large{font-size:38px}.metric-label{font-size:15px}.metric-detail{font-size:14px}.dashboard-grid{gap:16px;grid-template-columns:1fr}.dashboard-card-alerts,.dashboard-card-allocation-stats,.dashboard-card-chart,.dashboard-card-quick-actions,.dashboard-card-staff,.dashboard-card-trips{grid-column:span 1}.dashboard-card{padding:16px}.card-title{font-size:18px;margin-bottom:12px}.quick-actions{gap:8px;grid-template-columns:1fr}.action-btn{font-size:16px;padding:12px}.active-trips-container,.staff-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.active-trips-table,.staff-table,table{min-width:600px}td,th{font-size:15px;padding:10px 8px}.action-buttons{flex-direction:column;gap:4px}.btn-icon{font-size:14px;padding:6px 10px;width:100%}.card{margin-bottom:16px;padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add{padding:12px;width:100%}.form-group{margin-bottom:16px}.form-group input,.form-group select,textarea{font-size:16px;padding:10px 35px 10px 10px}.checkbox-group{margin-bottom:10px}.checkbox-group label{font-size:15px}.permission-list{max-height:200px;padding:10px}.permission-list-role-management{max-height:500px;padding:10px}.modal{margin:20px;max-height:95vh;max-width:100%;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-title{font-size:20px}.modal-footer{flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-submit{padding:12px;width:100%}.login-container{padding:20px}.login-card{max-width:100%;padding:24px 20px}.login-header h1{font-size:26px}.login-header p{font-size:15px}.pagination-controls{align-items:stretch;flex-direction:column;gap:12px}.pagination-center,.pagination-left,.pagination-right{justify-content:center;width:100%}.chart-container{margin-top:12px}.bar-chart{gap:12px;height:150px}.chart-label,.status-badge{font-size:13px}.status-badge{padding:4px 8px}.priority-badge{font-size:12px;padding:4px 8px}.stat-item{padding:10px}.stat-label{font-size:15px}.stat-value{font-size:17px}.alert-item{padding:8px}.alert-message{font-size:15px}.container{padding:12px}}@media (max-width:480px){.navbar{padding:10px 0}.navbar-content{padding:0 12px}.navbar-brand{font-size:18px}.mobile-menu-toggle{font-size:22px;margin-right:8px;padding:6px}.meddispatch-dashboard{padding:8px}.dashboard-content{margin:8px;padding:0 4px}.page-header h2{font-size:22px}.metric-card{padding:12px}.metric-icon{height:40px;width:40px}.metric-icon,.metric-value{font-size:22px}.metric-value-large{font-size:30px}.card{padding:12px}.modal{border-radius:8px;margin:10px;width:100%}.login-card{padding:20px 16px}.login-header h1{font-size:24px}.btn{font-size:16px;padding:10px}td,th{font-size:14px;padding:8px 6px}.active-trips-table,.staff-table,table{min-width:500px}}@media (max-height:768px) and (orientation:landscape){.login-container{padding:10px}.login-card{padding:20px}.modal{max-height:90vh}}.tracking-page{display:flex;flex-direction:column;height:100%;padding:0}.tracking-tabs{background:#1e293b;border-bottom:1px solid #334155;display:flex;gap:0;margin:0;padding:0}[data-theme=light] .tracking-tabs{background:#fff;border-bottom:1px solid #e2e8f0}.ambulance-tabs-container{border-bottom:1px solid #334155;margin:0 -24px 24px;transition:border-color .3s}[data-theme=light] .ambulance-tabs-container{border-bottom:1px solid #e2e8f0}.ambulance-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#94a3b8;cursor:pointer;font-size:16px;font-weight:500;margin-right:8px;padding:8px 16px;transition:all .2s ease}[data-theme=light] .ambulance-tab{color:#64748b}.ambulance-tab:hover{color:#f1f5f9}[data-theme=light] .ambulance-tab:hover{color:#0f172a}.ambulance-tab.active{border-bottom-color:#667eea;color:#f1f5f9;font-weight:600}[data-theme=light] .ambulance-tab.active{border-bottom-color:#667eea;color:#0f172a}.tracking-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;font-size:17px;font-weight:500;margin-bottom:-1px;padding:16px 24px;transition:all .2s ease}[data-theme=light] .tracking-tab{color:#64748b}.tracking-tab:hover{background:#0000;color:#f1f5f9}[data-theme=light] .tracking-tab:hover{color:#0f172a}.tracking-tab.active{background:#0000;border-bottom-color:#667eea;color:#f1f5f9}[data-theme=light] .tracking-tab.active{border-bottom-color:#667eea;color:#0f172a}.tracking-content{display:flex;flex:1 1;flex-direction:row;gap:20px;min-height:0;padding:20px 0 0}.tracking-ambulance-details{flex-basis:360px;flex-shrink:0;max-width:380px;min-width:280px;width:350px}.tracking-main{flex:1 1;min-width:0}.tracking-main,.tracking-sidebar{display:flex;flex-direction:column}.tracking-sidebar{flex-shrink:0;gap:20px;overflow-y:auto;width:380px}.tracking-map-section{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex:1 1;flex-direction:column;min-height:0}[data-theme=light] .tracking-map-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.tracking-section-title{color:#f1f5f9;font-size:22px;font-weight:600;margin:0 0 6px}[data-theme=light] .tracking-section-title{color:#0f172a}.tracking-section-subtitle{color:#94a3b8;font-size:15px;margin:0 0 20px}[data-theme=light] .tracking-section-subtitle{color:#64748b}.tracking-map-container{align-items:center;background:#0f172a;border:1px solid #334155;border-radius:6px;display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden;position:relative}[data-theme=light] .tracking-map-container{background:#f8fafc;border:1px solid #e2e8f0}.tracking-map-container .leaflet-container{background:#0f172a;border-radius:6px;height:100%;width:100%}[data-theme=light] .tracking-map-container .leaflet-container{background:#f8fafc}.custom-ambulance-marker{background:#0000!important;border:none!important}.leaflet-popup-content-wrapper{background:#1e293b;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#f1f5f9}[data-theme=light] .leaflet-popup-content-wrapper{background:#fff;box-shadow:0 4px 12px #0000001a;color:#0f172a}.leaflet-popup-tip{background:#1e293b}[data-theme=light] .leaflet-popup-tip{background:#fff}.leaflet-popup-close-button{color:#f1f5f9}[data-theme=light] .leaflet-popup-close-button{color:#0f172a}.leaflet-popup-close-button:hover{color:#94a3b8}.leaflet-control-zoom a{background-color:#1e293b;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .leaflet-control-zoom a{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a}.leaflet-control-zoom a:hover{background-color:#334155}[data-theme=light] .leaflet-control-zoom a:hover{background-color:#f1f5f9}.map-mode-control{background:#1e293b;border:1px solid #334155;border-radius:6px;box-shadow:0 2px 8px #0000004d;display:flex;gap:4px;padding:4px}[data-theme=light] .map-mode-control{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.map-mode-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}[data-theme=light] .map-mode-btn{color:#64748b}.map-mode-btn:hover{background:#334155;color:#f1f5f9}[data-theme=light] .map-mode-btn:hover{background:#f1f5f9;color:#0f172a}.map-mode-btn.active,[data-theme=light] .map-mode-btn.active{background:#3b82f6;color:#fff}.map-mode-btn svg{flex-shrink:0;height:16px;width:16px}.tracking-map-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px}[data-theme=light] .tracking-map-placeholder{color:#64748b}.tracking-map-placeholder svg{color:#f1f5f9;height:48px;opacity:.6;width:48px}[data-theme=light] .tracking-map-placeholder svg{color:#0f172a;opacity:.4}.tracking-map-placeholder p{color:#94a3b8;font-size:15px;margin:0}[data-theme=light] .tracking-map-placeholder p{color:#64748b}.tracking-panel{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px}[data-theme=light] .tracking-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.tracking-panel-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.tracking-panel-icon{color:#f1f5f9;flex-shrink:0;height:20px;width:20px}[data-theme=light] .tracking-panel-icon{color:#0f172a}.tracking-panel-title{color:#f1f5f9;font-size:18px;font-weight:600;margin:0}[data-theme=light] .tracking-panel-title{color:#0f172a}.tracking-table-container{flex:1 1;min-height:0;overflow-x:auto}.tracking-table{border-collapse:collapse;width:100%}.tracking-table thead{background:#0000}.tracking-table th{border-bottom:1px solid #334155;color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}[data-theme=light] .tracking-table th{border-bottom:1px solid #e2e8f0;color:#64748b}.tracking-table td{border-bottom:1px solid #334155;color:#f1f5f9;font-size:16px;padding:12px}[data-theme=light] .tracking-table td{border-bottom:1px solid #e2e8f0;color:#0f172a}.tracking-table tbody tr:last-child td{border-bottom:none}.tracking-type-badge{background:#ffffff1a;border-radius:12px;color:#f1f5f9;display:inline-block;font-size:14px;font-weight:500;padding:4px 10px}[data-theme=light] .tracking-type-badge{background:#00000014;color:#0f172a}.tracking-type-badge-darker{background:#ffffff26!important}[data-theme=light] .tracking-type-badge-darker{background:#0000001f!important}.tracking-empty,.tracking-error,.tracking-loading{color:var(--text-secondary);font-size:16px;padding:20px;text-align:center}.tracking-error{color:var(--error-color)}.tracking-lifecycle{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);margin:20px;padding:24px}.tracking-lifecycle-placeholder{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}.tracking-lifecycle-details{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-bottom:20px;padding:24px}[data-theme=light] .tracking-lifecycle-details{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.tracking-daily-log{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 2px 8px #0000004d;padding:24px}[data-theme=light] .tracking-daily-log{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.tracking-lifecycle-search-container{display:flex;gap:10px;margin-bottom:12px}.tracking-lifecycle-search-input{background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;flex:1 1;font-size:16px;padding:12px 16px}[data-theme=light] .tracking-lifecycle-search-input{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.tracking-lifecycle-search-input::placeholder{color:#64748b}[data-theme=light] .tracking-lifecycle-search-input::placeholder{color:#94a3b8}.tracking-lifecycle-search-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.tracking-lifecycle-search-button:hover{background:#2563eb}.tracking-lifecycle-error{color:#ef4444;font-size:15px;margin-bottom:12px}[data-theme=light] .tracking-lifecycle-error{color:#dc2626}.tracking-lifecycle-instruction{color:#94a3b8;font-size:15px;margin-bottom:20px}[data-theme=light] .tracking-lifecycle-instruction{color:#64748b}.reports-filter-label{transition:color .3s}[data-theme=dark] .reports-filter-label{color:#f1f5f9}[data-theme=light] .reports-filter-label{color:#1e293b}.reports-date-input{transition:background-color .3s,border-color .3s,color .3s}[data-theme=dark] .reports-date-input{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .reports-date-input{background:#fff;border:1px solid #ddd;color:#0f172a}.reports-date-input:focus{border-color:#667eea;outline:none}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator:hover,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator:hover,[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .reports-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}[data-theme=dark] .reports-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .reports-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}[data-theme=light] .reports-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.reports-filter-select{transition:background-color .3s,border-color .3s,color .3s}[data-theme=dark] .reports-filter-select{background:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .reports-filter-select{background:#fff;border:1px solid #ddd;color:#0f172a}.reports-filter-select:focus{border-color:#667eea;outline:none}[data-theme=dark] .reports-filter-select option{background:#0f172a;color:#f1f5f9}[data-theme=light] .reports-filter-select option{background:#fff;color:#0f172a}.reports-tabs-container{transition:border-color .3s}[data-theme=dark] .reports-tabs-container{border-bottom:1px solid #334155}[data-theme=light] .reports-tabs-container{border-bottom:1px solid #ddd}.reports-tab{transition:background-color .3s,color .3s}[data-theme=dark] .reports-tab{background:#334155;color:#cbd5e1}[data-theme=light] .reports-tab{background:#f0f0f0;color:#333}.reports-tab:hover{transition:background-color .2s,color .2s}[data-theme=dark] .reports-tab:hover{background:#475569;color:#f1f5f9}[data-theme=light] .reports-tab:hover{background:#e0e0e0;color:#0f172a}.reports-tab-active{background:#667eea!important;color:#fff!important}.reports-tab-active:hover{background:#5568d3!important}.tracking-lifecycle-details-area{background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:16px;min-height:300px;padding:24px}[data-theme=light] .tracking-lifecycle-details-area{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.tracking-lifecycle-details-title{color:#f1f5f9;font-size:20px;margin-bottom:16px}[data-theme=light] .tracking-lifecycle-details-title{color:#0f172a}.tracking-lifecycle-details-grid{grid-gap:12px;display:grid;gap:12px}.tracking-lifecycle-details-label{color:#cbd5e1;font-weight:600}[data-theme=light] .tracking-lifecycle-details-label{color:#475569}.tracking-lifecycle-empty-state{color:#64748b;padding-top:100px;text-align:center}[data-theme=light] .tracking-lifecycle-empty-state{color:#94a3b8}.tracking-lifecycle-date-button{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 40px 10px 16px;pointer-events:none}[data-theme=light] .tracking-lifecycle-date-button{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.tracking-lifecycle-date-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.tracking-lifecycle-date-container{display:inline-block;position:relative}.tracking-lifecycle-table-container{background:#1e293b;border:1px solid #334155;border-radius:6px;overflow:hidden}[data-theme=light] .tracking-lifecycle-table-container{background:#fff;border:1px solid #e2e8f0}.tracking-lifecycle-table{border-collapse:collapse;width:100%}.tracking-lifecycle-table thead tr{background:#0f172a}[data-theme=light] .tracking-lifecycle-table thead tr{background:#f8fafc}.tracking-lifecycle-table th{border-bottom:1px solid #334155;color:#94a3b8;font-size:14px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}[data-theme=light] .tracking-lifecycle-table th{border-bottom:1px solid #e2e8f0;color:#64748b}.tracking-lifecycle-table tbody tr{border-bottom:1px solid #334155;cursor:pointer;transition:background-color .2s}[data-theme=light] .tracking-lifecycle-table tbody tr{border-bottom:1px solid #e2e8f0}.tracking-lifecycle-table tbody tr:hover{background-color:#0f172a}[data-theme=light] .tracking-lifecycle-table tbody tr:hover{background-color:#f1f5f9}.tracking-lifecycle-table td{color:#f1f5f9;font-size:16px;padding:12px}[data-theme=light] .tracking-lifecycle-table td{color:#0f172a}.tracking-lifecycle-table-empty{color:#94a3b8;padding:40px;text-align:center}[data-theme=light] .tracking-lifecycle-table-empty{color:#64748b}.tracking-lifecycle-priority-text{text-transform:capitalize}@media (max-width:1200px){.live-tracking-container{height:auto!important;min-height:auto!important}.tracking-content{flex-direction:column;gap:16px;height:auto!important;min-height:0;overflow:visible;padding:16px}.tracking-top-row{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:12px}.tracking-main{flex:none;margin-bottom:20px;margin-right:0;min-height:360px;order:3;width:100%}.tracking-sidebar{max-height:500px;width:100%}.tracking-ambulance-sidebar{flex:1 1 45%;height:auto!important;margin-bottom:16px;order:1}.tracking-ambulance-details,.tracking-ambulance-sidebar{max-height:500px;max-width:none!important;min-width:0!important;position:relative;width:100%!important;z-index:2}.tracking-ambulance-details{flex:1 1 55%;order:2}.tracking-map-section{margin-bottom:16px;order:3}.tracking-map-container,.tracking-map-section{flex:none;min-height:360px;position:relative;width:100%;z-index:1}}@media (max-width:768px){.tracking-page{padding:0}.tracking-tabs{padding:0 12px}.tracking-tab{font-size:16px;padding:12px 16px}.tracking-content{height:auto;min-height:0;padding:12px}.tracking-section-title{font-size:20px}.tracking-map-section{padding:16px}.tracking-map-container{min-height:300px}.tracking-panel{padding:16px}.tracking-sidebar{max-height:400px}}.attendance-refresh-button,.refresh-button{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:6px;height:-webkit-fit-content;height:fit-content;padding:8px 12px;transition:all .2s}[data-theme=light] .attendance-refresh-button,[data-theme=light] .refresh-button{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .attendance-refresh-button:hover:not(:disabled),[data-theme=light] .refresh-button:hover:not(:disabled){background:#e0e0e0;border-color:#bbb}[data-theme=dark] .attendance-refresh-button,[data-theme=dark] .refresh-button{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .attendance-refresh-button:hover:not(:disabled),[data-theme=dark] .refresh-button:hover:not(:disabled){background:#334155;border-color:#475569}.attendance-refresh-button:disabled,.refresh-button:disabled{cursor:not-allowed;opacity:.6}.attendance-refresh-button svg,.refresh-button svg{flex-shrink:0}.attendance-table img{transition:transform .2s,box-shadow .2s}.attendance-table img:hover{box-shadow:0 4px 8px #0003;position:relative;transform:scale(1.1);z-index:10}[data-theme=dark] .attendance-table img{border-color:#475569}[data-theme=light] .attendance-table img{border-color:#ddd}.new-patient-section{transition:background-color .3s,border-color .3s}[data-theme=dark] .new-patient-section{background-color:#1e293b;border:1px solid #334155}[data-theme=light] .new-patient-section{background-color:#f0f7ff;border:1px solid #b3d9ff}.new-patient-header{transition:color .3s}[data-theme=dark] .new-patient-header{color:#60a5fa}[data-theme=light] .new-patient-header{color:#06c}.form-input{border-radius:6px;font-size:16px;padding:10px;transition:background-color .3s,border-color .3s,color .3s;width:100%}.form-input select{padding-right:35px}[data-theme=dark] .form-input{background-color:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .form-input{background-color:#fff;border:1px solid #ddd;color:#0f172a}[data-theme=dark] .form-input::placeholder{color:#94a3b8}[data-theme=light] .form-input::placeholder{color:#999}[data-theme=dark] .form-input:focus{background-color:#1e293b;border-color:#60a5fa;outline:none}[data-theme=light] .form-input:focus{background-color:#fff;border-color:#667eea;outline:none}[data-theme=dark] .form-input select{background-color:#0f172a;border:1px solid #334155;color:#f1f5f9}[data-theme=light] .form-input select{background-color:#fff;border:1px solid #ddd;color:#0f172a}.new-patient-info{transition:background-color .3s,color .3s}[data-theme=dark] .new-patient-info{background-color:#1e3a1e;color:#86efac}[data-theme=light] .new-patient-info{background-color:#e8f5e9;color:#2e7d32}@media (max-width:1024px){.notification-snackbar{max-width:90%;min-width:300px;padding:14px 16px}.notification-snackbar-text-title{font-size:17px}.notification-snackbar-text-body{font-size:15px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.card-header{flex-wrap:wrap;gap:12px}.filter-container,.search-container{flex-wrap:wrap;gap:10px}.action-buttons{flex-wrap:wrap;gap:6px}.reports-filter-container{flex-wrap:wrap;gap:12px}.tracking-lifecycle-search-container{flex-wrap:wrap}.tracking-lifecycle-search-input{min-width:200px}.ambulance-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.ambulance-tab{flex-shrink:0;white-space:nowrap}.reports-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-tab{flex-shrink:0;white-space:nowrap}}@media (max-width:768px){.notification-snackbar{bottom:12px;max-width:calc(100% - 24px);min-width:auto;padding:12px 14px;right:12px;width:calc(100% - 24px)}.notification-snackbar-close{font-size:18px;height:28px;right:8px;top:8px;width:28px}.notification-snackbar-text{padding-right:8px}.notification-snackbar-text-title{font-size:16px;margin-bottom:6px}.notification-snackbar-text-body{font-size:14px;line-height:1.4}.notification-snackbar-text-meta{font-size:13px;margin-top:4px}.form-row{gap:12px;grid-template-columns:1fr}.form-group{margin-bottom:14px}.form-group input,.form-group select,.form-group textarea{font-size:18px;padding:12px}.card-header{align-items:stretch;flex-direction:column}.card-header h3,.card-title{margin-bottom:12px}.btn-add{margin-top:0;width:100%}.filter-container,.search-container{flex-direction:column;gap:10px}.search-input{width:100%}.active-trips-container,.staff-table-container,.table-container,.tracking-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative}.active-trips-table,.staff-table,.tracking-lifecycle-table,.tracking-table,table{font-size:15px;min-width:600px}td,th{font-size:14px;padding:10px 8px}.action-buttons{flex-direction:column;gap:4px;min-width:80px}.btn-icon{font-size:14px;justify-content:center;padding:8px 12px;width:100%}.modal{border-radius:8px;margin:10px;max-height:calc(100vh - 20px);max-width:100%;width:calc(100% - 20px)}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-title{font-size:20px}.modal-footer{flex-direction:column-reverse;gap:10px}.btn-cancel,.btn-submit{padding:12px;width:100%}.pagination-controls{align-items:stretch;flex-direction:column;gap:12px}.pagination-center,.pagination-left,.pagination-right{justify-content:center;width:100%}.pagination-info{font-size:15px;text-align:center}.reports-filter-container{flex-direction:column;gap:12px}.reports-filter-item{width:100%}.reports-date-input,.reports-filter-select{font-size:18px;width:100%}.tracking-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 12px}.tracking-tab{flex-shrink:0;font-size:16px;padding:12px 16px;white-space:nowrap}.live-tracking-container{height:auto!important;min-height:auto!important}.tracking-content{flex-direction:column;gap:16px;height:auto!important;overflow:visible;padding:12px}.tracking-top-row{flex-direction:column;gap:12px}.tracking-main{flex:none;min-height:300px;order:1;width:100%}.tracking-sidebar{max-height:400px;order:2;width:100%}.tracking-ambulance-sidebar{height:auto!important;margin-bottom:12px}.tracking-ambulance-details,.tracking-ambulance-sidebar{flex:1 1 100%;max-height:400px;max-width:none!important;min-width:0!important;order:2;width:100%!important}.tracking-map-section{margin-bottom:12px;order:1;padding:12px}.tracking-map-container,.tracking-map-section{flex:none;min-height:300px;width:100%}.tracking-panel{padding:12px}.tracking-panel-header{flex-wrap:wrap;gap:8px}.tracking-panel-title{font-size:16px}.tracking-section-title{font-size:20px}.tracking-section-subtitle{font-size:14px}.tracking-lifecycle-search-container{flex-direction:column;gap:10px}.tracking-lifecycle-search-input{min-width:auto;width:100%}.tracking-lifecycle-search-button{justify-content:center;width:100%}.tracking-lifecycle-details-area{font-size:15px;padding:16px}.tracking-lifecycle-details-title{font-size:18px}.tracking-lifecycle-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tracking-lifecycle-table{min-width:600px}.ambulance-tabs-container{-webkit-overflow-scrolling:touch;margin-bottom:12px;overflow-x:auto}.ambulance-tab{font-size:15px;padding:10px 14px}.reports-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-tab{font-size:15px;padding:10px 14px}.vehicle-summary-cards{gap:12px;grid-template-columns:1fr}.vehicle-summary-card{padding:12px}.staff-summary-cards{gap:12px;grid-template-columns:1fr}.staff-summary-card{padding:12px}.all-bookings-filters{flex-direction:column;gap:10px}.all-bookings-filters>div{width:100%}.all-bookings-filters input,.all-bookings-filters select{font-size:18px;width:100%}.new-patient-section{padding:12px}.new-patient-header{font-size:18px}.attendance-filters{flex-direction:column;gap:10px}.attendance-filters>div{width:100%}.profile-container{padding:12px}.profile-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.profile-avatar-container{margin-bottom:0}.dashboard-card{padding:16px}.quick-actions{gap:8px;grid-template-columns:1fr}.action-btn{font-size:16px}.action-btn,.container{padding:12px}.dashboard-content{margin:12px;padding:0 8px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header h2{font-size:22px}.page-header p{font-size:15px}.status-badge{font-size:13px;padding:4px 8px}.priority-badge{font-size:12px;padding:4px 8px}.drawer{max-width:100%;width:100%}.drawer-overlay{padding:0}.notification-drawer{max-width:100%;width:100%}.cropper-container{height:300px;width:100%}.cropper-controls{flex-direction:column;gap:10px}.cropper-controls button{width:100%}}@media (max-width:480px){.notification-snackbar{bottom:8px;max-width:calc(100% - 16px);padding:10px 12px;right:8px}.notification-snackbar-close{font-size:16px;height:24px;right:6px;top:6px;width:24px}.notification-snackbar-text-title{font-size:15px}.notification-snackbar-text-body{font-size:13px}.form-group{margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{font-size:18px;padding:10px}.card{padding:12px}.card-header{gap:10px}td,th{font-size:13px;padding:8px 6px}.active-trips-table,.staff-table,.tracking-lifecycle-table,.tracking-table,table{min-width:500px}.modal{margin:5px;max-height:calc(100vh - 10px);width:calc(100% - 10px)}.modal-body,.modal-footer,.modal-header{padding:12px}.modal-title{font-size:18px}.tracking-content{gap:12px;height:auto!important;overflow:visible;padding:8px}.tracking-top-row{gap:10px}.tracking-main{min-height:250px}.tracking-ambulance-sidebar{height:auto!important}.tracking-ambulance-details,.tracking-ambulance-sidebar{flex:1 1 100%;max-height:350px;max-width:none!important;min-width:0!important;width:100%!important}.tracking-map-section{margin-bottom:10px}.tracking-map-container,.tracking-map-section{flex:none;min-height:250px;width:100%}.tracking-panel{padding:10px}.tracking-section-title{font-size:18px}.page-header h2{font-size:20px}.page-header p{font-size:14px}.container{padding:8px}.dashboard-content{margin:8px;padding:0 4px}.btn{font-size:16px;padding:10px}.login-card{padding:20px 16px}.login-header h1{font-size:24px}.metric-card{padding:12px}.metric-icon{height:40px;width:40px}.metric-icon,.metric-value{font-size:22px}.metric-value-large{font-size:30px}.metric-label{font-size:14px}}.tracking-ambulance-sidebar{max-width:360px;min-width:280px;width:min(360px,32%)}@media (max-width:1024px){.tracking-ambulance-sidebar{max-width:none;min-width:0;width:100%}}@media (max-height:768px) and (orientation:landscape){.login-container{padding:10px}.login-card{padding:20px}.login-card,.modal{max-height:90vh;overflow-y:auto}.tracking-sidebar{max-height:60vh}.tracking-map-container{min-height:50vh}.drawer{max-height:100vh}}.responsive-flex{display:flex}.responsive-grid{display:grid}.responsive-stack{display:flex;flex-direction:column}.booking-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0;width:100%}.booking-search{box-sizing:border-box;flex:1 1 220px;max-width:100%;min-width:200px}.booking-filters-row button,.booking-filters-row select{box-sizing:border-box;flex-shrink:0;white-space:nowrap}.booking-dates-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:0;width:100%}.booking-dates-row label{flex-shrink:0;white-space:nowrap}.booking-dates-row input[type=date]{box-sizing:border-box;flex:0 0 180px;min-width:150px}@media (max-width:1024px){.booking-search{flex:1 1 200px;min-width:180px}.booking-filters-row select{flex:0 0 auto}}@media (max-width:768px){.booking-filters-row{gap:8px}.booking-search{flex:1 1 100%;min-width:100%}.booking-filters-row select{flex:0 1 auto;min-width:120px}.booking-filters-row button{flex:0 1 auto;min-width:-webkit-fit-content;min-width:fit-content}.booking-dates-row{flex-direction:row;gap:8px}.booking-dates-row label{flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content}.booking-dates-row input[type=date]{flex:1 1 150px;min-width:150px}}@media (max-width:480px){.booking-filters-row select{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 5px)}.booking-filters-row button{flex:1 1 100%;width:100%}.booking-dates-row{align-items:stretch;flex-direction:column}.booking-dates-row label{margin-bottom:4px;width:100%}.booking-dates-row input[type=date]{flex:1 1 100%;min-width:100%;width:100%}.card-header>div,.card-header>div>div{gap:8px!important}.card-header .search-input,.card-header input[type=date],.card-header select{font-size:18px!important}}@media (max-width:768px){.responsive-flex,.responsive-stack-mobile{flex-direction:column}.full-width-mobile{min-width:100%!important;width:100%!important}.stack-mobile{flex-direction:column!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media print{.action-buttons,.btn,.mobile-menu-toggle,.navbar,.notification-snackbar,.sidebar{display:none!important}.dashboard-content{margin:0;padding:0}.card{page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-after:auto;page-break-inside:avoid}}
/*# sourceMappingURL=main.853e9d62.css.map*/