@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none}.toast{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 8px 32px #0000001f;border-left:4px solid;min-width:480px;max-width:640px;transform:translateY(-20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:all}.toast-show{transform:translate(0);opacity:1}.toast-success{border-left-color:#28a745}.toast-success .toast-icon{color:#28a745}.toast-error{border-left-color:#dc3545}.toast-error .toast-icon{color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-info .toast-icon{color:#17a2b8}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;color:#333}.toast-close{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#f0f0f0;color:#666}.toast-top-right{top:20px;right:20px}.toast-top-left{top:20px;left:20px}.toast-bottom-right{bottom:20px;right:20px;top:auto}.toast-bottom-left{bottom:20px;left:20px;top:auto}.toast-top-center{top:20px;left:50%;transform:translate(-50%)}.toast-top-center.toast-show{transform:translate(-50%) translateY(0)}.toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%);top:auto}.toast-bottom-center.toast-show{transform:translate(-50%) translateY(0)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.modal-card{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.modal-header h3{font-size:20px;font-weight:700;color:#333;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f0f0f0;color:#666}.modal-body{padding:20px 24px}.modal-body p{color:#666;font-size:16px;line-height:1.5;margin:0}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #f0f0f0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.toast-container{left:20px;right:20px}.toast{min-width:auto;max-width:none}.modal-card{width:95%;margin:20px}}.login-page,.login-page *{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(177,18,23,.35),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.6),transparent 60%),#0f0f12}.login-page .login-container{width:90%;max-width:1200px;height:700px;display:flex;overflow:hidden;border-radius:28px;background:#ffffff0d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px #0009,0 10px 30px #b1121740}.login-page .login-left{flex:1;padding:80px 70px;display:flex;align-items:center;color:#fff;position:relative;background:linear-gradient(160deg,#232326e6,#b11217d9)}.login-page .login-left:after{content:"";position:absolute;width:320px;height:320px;top:-120px;left:-120px;background:#b1121773;filter:blur(140px)}.login-page .login-left-content{position:relative;z-index:2;max-width:480px}.login-page .login-left-title{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:25px}.login-page .login-left-subtitle{font-size:16px;opacity:.85;margin-bottom:40px}.login-page .login-features h3{margin-bottom:15px;font-weight:600}.login-page .login-features ul{list-style:none}.login-page .login-features li{position:relative;padding-left:22px;margin-bottom:14px;font-size:14px}.login-page .login-features li:before{content:"•";position:absolute;left:0}.login-page .login-footer{margin-top:40px;font-size:13px;opacity:.7}.login-page .login-right{flex:1;padding:60px;display:flex;justify-content:center;align-items:center}.login-page .login-card{width:100%;max-width:520px;padding:65px 55px;border-radius:20px;background:#f2f2f2;box-shadow:0 20px 45px #00000040;animation:fadeUp .8s ease}.login-page .login-title{font-size:28px;font-weight:700;color:#222}.login-page .login-sub{font-size:15px;color:#666;margin-top:8px;margin-bottom:30px}.login-page .auth-group{display:flex;flex-direction:column;margin-bottom:22px}.login-page .auth-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:#444}.login-page .auth-group input,.login-page .auth-group select{padding:14px 16px;border-radius:10px;border:1px solid #dcdcdc;font-size:15px;background:#fff;transition:.3s ease}.login-page .auth-group input:focus,.login-page .auth-group select:focus{border-color:#b11217;box-shadow:0 0 0 3px #b1121726;outline:none}.login-page .password-field{position:relative}.login-page .password-field input{width:100%;padding-right:78px}.login-page .password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:transparent;color:#b11217;font-size:13px;font-weight:600;cursor:pointer}.login-page .password-toggle:focus-visible{outline:2px solid rgba(177,18,23,.35);outline-offset:2px;border-radius:6px}.login-page .input-error{border-color:#b11217!important;background:#fff6f6}.login-page .error-message{margin-top:6px;font-size:12px;color:#b11217}.login-page .auth-error{background:#ffe5e5;color:#b11217;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-page .login-btn{width:100%;padding:16px;margin-top:10px;background:linear-gradient(180deg,#d3161d,#8b0e12);border:none;color:#fff;font-weight:600;font-size:16px;border-radius:12px;cursor:pointer;transition:.3s ease;box-shadow:0 8px 20px #b1121759}.login-page .login-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #b1121773}.login-page .login-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .auth-bottom{margin-top:25px;text-align:center;font-size:14px}.login-page .auth-bottom a{margin-left:5px;color:#b11217;font-weight:600;text-decoration:none}.login-page .auth-bottom a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.login-page .login-container{flex-direction:column;height:auto}.login-page .login-left,.login-page .login-right{padding:40px}.login-page .login-card{max-width:100%;padding:50px 35px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif}.signup-container{display:flex;min-height:100vh;background:#f4f5f7}.signup-sidebar{width:90px;background:linear-gradient(180deg,#1f1f1f,#7a0f13 40%,#b11217),repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 2px,transparent 2px,transparent 6px);box-shadow:4px 0 20px #00000026}.signup-wrapper{flex:1;display:flex;justify-content:center;padding:60px 40px}.signup-card{width:100%;max-width:1000px;background:#fff;border-radius:12px;padding:60px 70px;box-shadow:0 4px 20px #0000000a}.signup-title{font-size:30px;font-weight:600;color:#222;margin-bottom:35px}.section-title{font-size:17px;font-weight:600;color:#dc3545;margin:40px 0 22px;position:relative;padding-left:18px}.section-title:before{content:"";position:absolute;left:0;top:3px;height:18px;width:4px;background:#dc3545;border-radius:2px}.auth-row{display:flex;gap:30px;margin-bottom:25px}.auth-row.three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.auth-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.auth-row.single-column{display:flex;flex-direction:column;gap:20px}.auth-group{display:flex;flex-direction:column}.auth-group label{font-size:15px;font-weight:500;margin-bottom:8px;color:#333}.auth-group input,.auth-group select{padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:15px;background:#fafafa;transition:all .25s ease}.auth-group input:focus,.auth-group select:focus{background:#fff;border-color:#dc3545;outline:none;box-shadow:0 0 0 3px #dc354514}.password-field{position:relative}.password-field input{width:100%;padding-right:78px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:transparent;color:#dc3545;font-size:13px;font-weight:600;cursor:pointer}.password-toggle:focus-visible{outline:2px solid rgba(220,53,69,.2);outline-offset:2px;border-radius:6px}.disabled-input{background:#f0f0f0;color:#888}.error{border-color:#dc3545!important}.error-message{font-size:13px;color:#dc3545;margin-top:6px}.auth-error{background:#fdecea;color:#842029;padding:14px;border-radius:8px;margin-bottom:22px;font-size:14px}.signup-buttons{display:flex;justify-content:flex-end;gap:18px;margin-top:35px;border-top:1px solid #eee;padding-top:28px}.reset-btn{padding:12px 24px;border-radius:8px;border:1px solid #dc3545;background:transparent;color:#dc3545;font-weight:500;cursor:pointer;transition:.25s ease}.reset-btn:hover{background:#dc354514}.continue-btn{padding:12px 28px;border-radius:8px;border:none;background:linear-gradient(135deg,#c82333,#dc3545);color:#fff;font-weight:600;cursor:pointer;transition:.25s ease}.continue-btn:hover{opacity:.9}.continue-btn:disabled{background:#bbb;cursor:not-allowed}.auth-bottom{margin-top:28px;text-align:center;font-size:15px}.auth-bottom a{color:#dc3545;font-weight:600;text-decoration:none}.auth-bottom a:hover{text-decoration:underline}.password-strength{margin-top:10px}.strength-bar{width:100%;height:7px;background:#eee;border-radius:5px;overflow:hidden}.strength-fill{height:100%;transition:.3s ease}.strength-text{font-size:13px;font-weight:500;margin-top:5px}.otp-btn{padding:14px 20px;border-radius:8px;border:1px solid #b11217;background:linear-gradient(135deg,#8b0000,#c1121f);color:#fff;font-weight:500;font-size:13px;cursor:pointer;transition:.25s ease;white-space:nowrap;height:fit-content;align-self:flex-end;min-height:48px;display:flex;align-items:center;justify-content:center}.otp-btn:hover{opacity:.9}.otp-btn:disabled{background:#bbb;border-color:#bbb;cursor:not-allowed}@media(max-width:900px){.signup-sidebar{display:none}.signup-wrapper{padding:35px 20px}.signup-card{padding:40px}.auth-row{flex-direction:column;gap:18px}}.sidebar{width:240px;height:100vh;background:#1e1e1e;color:#fff;display:flex;flex-direction:column;padding:25px 18px;font-family:Poppins,sans-serif;box-sizing:border-box;position:fixed;left:0;top:0}.station-name{font-size:22px;font-weight:700;color:#ecf0f1;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-align:center}.station-divider{border:none;height:2px;background:linear-gradient(to right,transparent,#4A4A4A,transparent);margin:0 0 30px;opacity:1}.nav{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:15px;color:#dcdcdc;text-decoration:none;transition:.2s ease}.nav-item i{font-size:17px}.nav-item:hover{background:#b222224d;color:#fff}.nav-item.active{background:#911c1c;color:#fff;font-weight:600}.nav-item.active i{color:#fff}.sidebar hr{border:none;height:1px;background:#3a3a3a;margin:20px 0}.logout-btn{margin-top:auto;padding:12px;background:#333;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.logout-btn i{margin-right:8px}.logout-btn:hover{background:#b22222}.topnav{height:65px;background:#fff;border-bottom:1px solid #939393;display:flex;justify-content:space-between;align-items:center;padding:0 25px;position:sticky;top:0;z-index:50;font-family:Poppins,sans-serif}.topnav-left{display:flex;align-items:center;gap:18px}.topnav-title{font-size:20px;font-weight:700;color:#222;margin:0}.status-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px}.status-dot{width:10px;height:10px;border-radius:50%}.readiness-percentage{font-size:11px;opacity:.8;margin-left:4px}.sub-branches-indicator{margin-top:4px}.branches-count{font-size:11px;color:#666;font-weight:500}.status-chip.not-updated{border:2px solid #ff9d9d;animation:pulse-warning 2s infinite}.warning-text{margin-left:4px;font-size:12px}.status-warning{margin-top:4px;font-size:10px;color:#ff6b6b;font-weight:600;text-align:center;animation:fade-in .5s ease}@keyframes pulse-warning{0%,to{box-shadow:0 0 #ff6b6b4d}50%{box-shadow:0 0 0 4px #ff6b6b1a}}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-chip.ready{background:#f0f9f0;color:#4a7c4a}.status-chip.ready .status-dot{background:#4a7c4a}.status-chip.not-ready{background:#f8f9fa;color:#6c757d}.status-chip.not-ready .status-dot{background:#6c757d}.status-chip.partially-ready{background:#fff8e6;color:#8b7355}.status-chip.partially-ready .status-dot{background:#8b7355}.status-chip.standby{background:#fff4d6;color:#b55c00}.status-chip.standby .status-dot{background:#b55c00}.status-chip.deployed{background:#ffe6e6;color:#d10000}.status-chip.deployed .status-dot{background:#d10000}.status-chip.emergency{background:#fcc;color:#c00;animation:pulse 1s infinite}.status-chip.emergency .status-dot{background:#c00;animation:pulse 1s infinite}.topnav-right{display:flex;align-items:center;gap:20px}.notif-wrapper{position:relative}.notif-btn{width:42px;height:42px;border-radius:50%;background:#f3f3f3;border:none;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;color:#555;transition:.2s;position:relative}.notif-btn:hover{background:#e0e0e0;color:#000}.notif-btn.notif-active{background:#d4d4d4;color:#000}.notif-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;background:#e53935;color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;animation:pulse 1.2s infinite ease-in-out}.notif-dropdown{position:absolute;right:0;top:45px;width:320px;background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 20px #0000001f;z-index:50;animation:fadeIn .2s ease;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f3f3f3}.notif-header h4{margin:0;font-size:15px;font-weight:700;color:#333}.notif-clear-btn{background:none;border:none;color:#b22222;font-size:12px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.notif-clear-btn:hover{background:#fff0f0}.notif-list{max-height:340px;overflow-y:auto;padding:6px 0}.notif-empty{padding:24px 16px;text-align:center;color:#999}.notif-empty-icon{font-size:28px;margin-bottom:8px;display:block;color:#ccc}.notif-empty p{margin:4px 0 2px;font-weight:600;color:#666;font-size:14px}.notif-empty span{font-size:12px;color:#999}.notif-item{padding:10px 16px;border-bottom:1px solid #f3f3f3;display:flex;align-items:flex-start;gap:10px;transition:background .15s}.notif-item:hover{background:#fafafa}.notif-item:last-child{border-bottom:none}.notif-item.notif-unread{background:#fef6f6;border-left:3px solid #b22222}.notif-item.warning{background:#fff0f0;border-left:3px solid #ff9d9d}.notif-item.warning .notif-title{color:#ff6b6b;font-weight:600}.notif-text{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:#222;margin:0;line-height:1.3}.notif-message{font-size:12px;color:#555;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:11px;color:#999;display:block;margin-top:3px}.notif-view-btn{background:#f0f0f0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:#b22222;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0;margin-top:2px}.notif-view-btn:hover{background:#b22222;color:#fff}.user-avatar{width:38px;height:38px;border-radius:50%;background:#ececec;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;cursor:pointer}@keyframes pulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes ping{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{padding:24px;font-family:Inter,sans-serif;background:#e5e7eb;min-height:100vh}.dashboard-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.5px}.dashboard-header p{font-size:14px;color:#6b7280;margin:0;font-weight:400}.period-selector{display:flex;align-items:center;gap:16px;margin:24px 0;padding:16px;background:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 2px 4px #0000001a}.period-label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.period-buttons{display:flex;gap:2px;background:#f3f4f6;padding:2px;border-radius:6px}.period-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease}.period-btn:hover{color:#374151}.period-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 2px #0000000d}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:2px solid #d1d5db;border-radius:8px;padding:20px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.stat-card:hover{border-color:#dc2626;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-header h3{font-size:13px;font-weight:500;color:#6b7280;margin:0;line-height:1.4}.stat-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.stat-icon.dispatched{background:#dc2626}.stat-icon.fire{background:#ea580c}.stat-icon.calls{background:#0891b2}.stat-icon.reports{background:#65a30d}.stat-icon.response{background:#7c3aed}.stat-icon.resolved{background:#059669}.stat-icon.personnel{background:#0891b2}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:4px;line-height:1}.stat-period{font-size:12px;color:#9ca3af;font-weight:400}.main-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.analysis-section{display:flex;flex-direction:column;gap:16px}.incidents-section{display:flex;flex-direction:column}.section-card{background:#fff;border:2px solid #d1d5db;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.section-card:hover{border-color:#dc2626;box-shadow:0 4px 8px #00000026}.section-card h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.chart-container{margin-top:16px}.simple-chart{height:200px;background:#f9fafb;border:2px solid #d1d5db;border-radius:6px;padding:20px;display:flex;align-items:flex-end;box-shadow:inset 0 1px 3px #0000001a}.chart-bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%}.chart-bar{flex:1;background:#dc2626;border-radius:4px 4px 0 0;min-height:20px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.bar-label{font-size:11px;color:#fff;font-weight:500}.classification-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.class-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:2px solid #d1d5db;border-radius:6px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.class-item:hover{border-color:#dc2626;box-shadow:0 2px 4px #0000001a}.class-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.class-icon.fire-class{background:#dc2626}.class-icon.medical-class{background:#0891b2}.class-icon.rescue-class{background:#ea580c}.class-details h4{font-size:13px;font-weight:500;color:#1a1a1a;margin:0 0 4px}.class-stats{display:flex;align-items:center;gap:8px}.class-count{font-size:18px;font-weight:600;color:#1a1a1a}.class-percent{font-size:12px;color:#6b7280;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-indicator{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.status-indicator.online{background:#dc2626;color:#fff}.incidents-list{display:flex;flex-direction:column;gap:12px}.incident-item{border:2px solid #d1d5db;border-radius:6px;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;background:#fff}.incident-item:hover{border-color:#dc2626;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.incident-item.high-priority{border-left:4px solid #dc2626}.incident-item.medium-priority{border-left:4px solid #ea580c}.incident-item.low-priority{border-left:4px solid #0891b2}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.incident-id{font-size:11px;font-weight:500;color:#6b7280;font-family:Courier New,monospace}.priority-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.priority-badge.high{background:#dc2626;color:#fff}.priority-badge.medium{background:#ea580c;color:#fff}.priority-badge.low{background:#0891b2;color:#fff}.incident-content h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.incident-location{font-size:12px;color:#6b7280;margin:0 0 8px;display:flex;align-items:center;gap:6px}.incident-location i{font-size:10px;color:#dc2626}.incident-meta{display:flex;justify-content:space-between;align-items:center}.reporter{font-size:12px;color:#374151;font-weight:500}.time{font-size:11px;color:#9ca3af}.incident-actions{margin-top:12px}.action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.respond{background:#dc2626;color:#fff}.action-btn.respond:hover{background:#b91c1c}.status-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#059669;color:#fff}.section-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.load-more-btn{width:100%;padding:10px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:#f9fafb;border-color:#dc2626;color:#dc2626}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.dashboard-page{padding:16px}.period-selector{flex-direction:column;align-items:flex-start;gap:12px}.stats-container{grid-template-columns:1fr}.stat-value{font-size:24px}}.idp-overlay{position:fixed;inset:0;background:#0a0a0a4d;z-index:800;display:flex;justify-content:flex-end;align-items:stretch;padding:36px;box-sizing:border-box;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.idp-panel{width:48vw;max-width:900px;min-width:420px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #14141440;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.idp-header{padding:18px 22px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px}.idp-close{border:none;background:#f6f6f6;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.idp-close:hover{background:#8b0000;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #8b00004d}.idp-header h2{flex:1;margin:0;font-size:18px}.idp-badge{display:inline-block;padding:8px 12px;border-radius:20px;font-weight:700;font-size:13px;color:#fff}.idp-pending{background:#f6c67a;color:#7a4d00}.idp-dispatch-on-the-way{background:#dc2626;color:#fff}.idp-ongoing-response{background:#3aa0ff;color:#fff}.idp-fire-under-control{background:#ffb84d;color:#4a2c00}.idp-resolved{background:#2ecc71;color:#fff}.idp-body{padding:20px;overflow:auto;flex:1}.idp-section{margin-bottom:22px}.idp-section h3{font-size:15px;margin:0 0 10px}.idp-row{display:flex;gap:18px;margin-bottom:12px}.idp-row label{font-size:12px;color:#666;margin-bottom:6px}.muted{color:#666;font-size:14px}.idp-narrative{background:#fafafa;border:1px solid #f1f1f1;padding:12px;border-radius:8px;min-height:60px;color:#333}.timeline-wrap{padding-top:6px}.timeline-list{list-style:none;margin:0;padding:0;position:relative}.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:12px 6px;position:relative}.timeline-item:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(#eee,#eee);border-radius:2px;z-index:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:4px solid #dc2626;z-index:2;margin-right:8px}.timeline-content{padding-left:8px}.timeline-status{font-weight:700}.timeline-time{font-size:12px;color:#999;margin-top:4px}.timeline-item.pending .timeline-dot{border-color:#f6c67a}.timeline-item.dispatch-on-the-way .timeline-dot{border-color:#dc2626}.timeline-item.ongoing-response .timeline-dot{border-color:#3aa0ff}.timeline-item.fire-under-control .timeline-dot{border-color:#ffb84d}.timeline-item.resolved .timeline-dot{border-color:#2ecc71}.idp-footer{padding:14px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.idp-select{padding:8px 10px;border-radius:8px;border:1px solid #ddd;font-weight:600;background-color:#d4d4d4}.idp-btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700;margin-left:10px}.idp-btn-gray{background:#f3f3f3;color:#333;margin-right:8px}.idp-btn-apply{background:linear-gradient(90deg,#dc2626,#991b1b);color:#fff}.idp-btn-apply:disabled{opacity:.45;cursor:not-allowed}.idp-btn-cancel{background:#f3f3f3;color:#333}.idp-btn-close{background:#fff;border:1px solid #ddd;color:#333}.idp-status-picker{background:#fff;border-radius:14px;padding:28px 28px 20px;width:340px;max-width:92vw;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;gap:18px}.idp-status-picker h3{margin:0;font-size:17px;font-weight:700;color:#1a1a1a;text-align:center}.idp-status-choices{display:flex;flex-direction:column;gap:10px}.idp-status-choice{width:100%;padding:12px 16px;border-radius:10px;border:2px solid #e5e7eb;background:#f9fafb;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s;color:#374151}.idp-status-choice:hover{border-color:#b22222;background:#fff5f5;color:#b22222}.idp-status-choice.selected{border-color:#b22222;background:#b22222;color:#fff}.idp-status-choice.pending{border-left:4px solid #f59e0b}.idp-status-choice.dispatch-on-the-way{border-left:4px solid #3b82f6}.idp-status-choice.ongoing-response{border-left:4px solid #8b5cf6}.idp-status-choice.fire-under-control{border-left:4px solid #f97316}.idp-status-choice.resolved{border-left:4px solid #10b981}.idp-picker-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:900px){.idp-panel{width:95vw;min-width:auto}}.call-page{width:100%;padding:20px 30px;box-sizing:border-box;font-family:Poppins,sans-serif}.call-title{font-size:30px;font-weight:700;color:#1e1e1e;margin-bottom:25px}.call-search-row{display:flex;align-items:flex-end;gap:25px;background:#fff;padding:20px 22px;border-radius:14px;margin-bottom:28px;box-shadow:0 2px 6px #00000014}.call-search-wrapper{position:relative;width:300px;height:42px;display:flex;align-items:center}.call-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#dc2626;z-index:1;pointer-events:none;transition:all .3s ease}.call-search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.call-search-wrapper:focus-within .call-search-icon{color:#b91c1c;transform:translateY(-50%) scale(1.1)}.filter-dropdowns{display:flex;gap:15px;align-items:center}.filter-select{padding:10px 14px;border:2px solid #e1e1e1;border-radius:8px;background:#fafafa;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;min-width:160px}.filter-select:focus{outline:none;border-color:#b11226;box-shadow:0 0 0 3px #b1122626;background:#fff}.filter-select:hover{border-color:#b11226}.call-search-input{width:100%;height:42px;padding-left:45px;padding-right:14px;border:2px solid #e1e1e1;border-radius:12px;font-size:14px;outline:none;background:#fafafa;transition:all .3s ease;box-sizing:border-box}.call-search-input::placeholder{color:#9ca3af;font-weight:400}.call-search-input:focus{border-color:#dc2626;background:#fff;box-shadow:0 0 0 3px #dc26261a;transform:translateY(-1px)}.call-search-input:hover{border-color:#dc2626;background:#fff}.call-filter-row{display:flex;align-items:flex-end;gap:20px}.call-filter-group{display:flex;flex-direction:column}.call-filter-group label{font-size:13px;margin-bottom:4px;color:#555}.call-filter-input{width:170px;height:42px;padding:10px;border:1px solid #ccc;border-radius:8px;outline:none}.call-filter-input:focus{border-color:#dc2626}.call-table-card{background:#fff;border-radius:14px;overflow:hidden;border:2px solid #dc2626;box-shadow:0 2px 6px #00000014}.call-table-card table{width:100%;border-collapse:collapse}.call-table-card thead th{background:linear-gradient(to right,#991b1b,#dc2626);color:#fff;padding:14px;font-size:15px;font-weight:600}.call-table-card td,.call-table-card th{padding:16px 14px;font-size:14px;border-bottom:1px solid #f2f2f2}.call-table-card tbody tr:last-child td{border-bottom:none}.call-empty{text-align:center;color:#777;padding:25px;font-style:italic}.call-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:25px;font-size:13px;font-weight:600}.call-status-dot{width:10px;height:10px;border-radius:50%}.call-pending{background:#fff7d6;color:#b38a00}.call-pending .call-status-dot{background:#e4b300}.call-dispatching{background:#ffe9d9;color:#c25e00}.call-dispatching .call-status-dot{background:#dc2626}.call-ongoing{background:#e5f1ff;color:#0059c1}.call-ongoing .call-status-dot{background:#07f}.call-resolved{background:#ddf7e7;color:#0a7a31}.call-resolved .call-status-dot{background:#10a746}.call-cancelled{background:#ffe3e3;color:#a31c1c}.call-cancelled .call-status-dot{background:#d62828}.call-actions{display:flex;gap:10px}.call-view-btn{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.call-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.call-view-btn:active{transform:translateY(0)}.call-view-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.call-view-btn:hover:before{left:100%}.call-details-btn{background:#dc2626;color:#fff;padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:.2s}.call-details-btn:hover{background:#b91c1c}.call-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500}.call-modal-card{background:#fff;width:420px;padding:25px;border-radius:14px;box-shadow:0 3px 10px #00000026;animation:fadeIn .25s ease}.call-close-btn{background:#333;color:#fff;width:100%;padding:10px;margin-top:10px;border:none;border-radius:8px}.call-status{padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.call-pending{background:#f6c67a;color:#7a4d00}.call-dispatch-on-the-way{background:#dc2626;color:#fff}.call-ongoing-response{background:#3aa0ff;color:#fff}.call-fire-under-control{background:#ea580c;color:#fff}.call-resolved{background:#2ecc71;color:#fff}.call-view-btn{border:none;padding:6px 10px;border-radius:8px;background:#333;color:#fff;cursor:pointer}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-yellow{background:#fff6cc;color:#c89b00}.status-yellow .status-dot{background:#e0b900}.status-blue{background:#e4f0ff;color:#2d7ff9}.status-blue .status-dot{background:#1a73e8}.status-green{background:#e3f8e6;color:#1b9c34}.status-green .status-dot{background:#15a239}.status-red{background:#ffe5e5;color:#d12e2e}.status-red .status-dot{background:#c41212}.status-default{background:#eee;color:#666}.officer-log-page{width:100%;padding:20px 30px;box-sizing:border-box;font-family:Poppins,sans-serif}.officer-page-title{font-size:30px;font-weight:700;color:#1e1e1e;margin-bottom:25px}.officer-search-card{background:#fff;padding:20px 22px;border-radius:14px;box-shadow:0 2px 6px #00000014;margin-bottom:28px;display:flex;align-items:flex-end;justify-content:flex-start;gap:25px}.officer-search-wrapper{position:relative;width:260px;height:42px;display:flex;align-items:center}.officer-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#dc2626;z-index:1;pointer-events:none;transition:all .3s ease}.officer-search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.officer-search-wrapper:focus-within .officer-search-icon{color:#b91c1c;transform:translateY(-50%) scale(1.1)}.officer-search-input{width:100%;height:42px;padding-left:45px;padding-right:14px;border:2px solid #e1e1e1;border-radius:12px;font-size:14px;outline:none;background:#fafafa;transition:all .3s ease;box-sizing:border-box}.officer-search-input::placeholder{color:#9ca3af;font-weight:400}.officer-search-input:focus{border-color:#dc2626;background:#fff;box-shadow:0 0 0 3px #dc26261a;transform:translateY(-1px)}.officer-search-input:hover{border-color:#dc2626;background:#fff}.officer-filters{display:flex;align-items:flex-end;gap:20px}.officer-filter-group{display:flex;flex-direction:column}.officer-filter-group label{font-size:13px;color:#444;margin-bottom:4px}.officer-filter-input{width:170px;height:42px;padding:10px 12px;border-radius:8px;border:1px solid #ccc;outline:none;background:#fff;transition:.2s}.officer-filter-input:focus{border-color:#dc2626}.officer-table-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #00000014;border:2px solid #dc2626}.officer-table-card table{width:100%;border-collapse:collapse}.officer-table-card thead th{background:linear-gradient(to right,#991b1b,#dc2626);color:#fff;padding:14px;font-size:15px;font-weight:600}.officer-table-card td,.officer-table-card th{padding:16px 14px;font-size:14px;border-bottom:1px solid #f2f2f2}.officer-table-card tbody tr:last-child td{border-bottom:none}.officer-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;width:fit-content}.officer-status-badge:before{content:"";width:10px;height:10px;border-radius:50%;display:inline-block}.officer-status-online{background:#dfffe7;color:#0e8c35}.officer-status-online:before{background:#0e8c35}.officer-status-offline{background:#ffe1e1;color:#c21d1d}.officer-status-offline:before{background:#c21d1d}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-container-wrapper{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#f9f9f9;max-width:100%;height:450px;display:flex;flex-direction:column}.map-header{padding:12px 16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-bottom:2px solid #a93226}.map-header h3{margin:0 0 6px;font-size:16px;font-weight:600}.location-display{margin:0;font-size:13px;opacity:.9;font-weight:500}.location-coords{margin:4px 0 0;font-size:12px;opacity:.85;font-family:monospace}.map-view{width:100%!important;height:350px!important;border-radius:0!important;flex-grow:1}.map-info{padding:10px 16px;background:#ecf0f1;border-top:1px solid #bdc3c7;font-size:12px;color:#555;text-align:center}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:6px;box-shadow:0 4px 8px #0003}.leaflet-popup-content{margin:8px}.leaflet-popup-content strong{display:block;margin-bottom:6px;color:#e74c3c;font-size:14px}.leaflet-popup-content p{margin:0;font-size:12px;color:#333}.leaflet-marker-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.firetruck-marker{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:2px solid #c0392b;box-shadow:0 2px 6px #00000059;padding:3px}.caller-marker{display:flex;align-items:center;justify-content:center;background:#e74c3c;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #0006;padding:5px;animation:caller-pulse 2s ease-in-out infinite}@keyframes caller-pulse{0%,to{box-shadow:0 2px 8px #e74c3c66}50%{box-shadow:0 2px 16px #e74c3ccc}}.incident-wrapper{font-family:Poppins,sans-serif}.incident-container{display:flex;gap:25px;height:calc(100vh - 130px);overflow:hidden}.incident-map{flex:1.4;height:100%}.map-box{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:3px solid #333;border-radius:16px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.map-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#333,#555,#333);border-radius:16px;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.map-error{color:#ff9d4d;font-size:16px;font-weight:500;text-align:center;padding:20px;background:#ff6b351a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.incident-form{flex:1;height:100%;background:#fff;padding:25px;border-radius:16px;box-shadow:0 2px 10px #00000014;overflow-y:auto;scrollbar-width:thin}.section-title{margin-top:15px;font-size:18px;font-weight:700;color:#dc3545;position:relative;padding-left:15px;margin-bottom:15px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:2px}.form-item{margin-top:10px;display:flex;flex-direction:column}label{font-size:13px;font-weight:600}input,select,textarea{margin-top:5px;padding:12px;border-radius:10px;border:1.5px solid #e1e1e1;font-size:14px;transition:all .3s ease;background:#fafafa}input:focus,select:focus,textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc354526;background:#fff;transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:#dc3545}textarea{height:120px}.form-row{display:flex;gap:10px}.form-item{flex:1}.form-buttons{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.cancel-btn{padding:10px 18px;border-radius:10px;background:#f5f5f5;border:none;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.submit-btn{padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,#c82333,#dc3545);border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.submit-btn:active{transform:translateY(0)}.submit-btn:active:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:active:after{width:300px;height:300px}.voice-console-overlay{position:fixed;bottom:16px;right:16px;display:flex;align-items:flex-end;justify-content:flex-end;z-index:9999}.voice-console-card{width:min(900px,95vw);height:min(560px,80vh);background:#fff;border-radius:16px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;overflow:hidden}.voice-console-header{padding:12px 18px;background:#dc3545;color:#fff;display:flex;align-items:center;justify-content:space-between}.voice-console-header h3{margin:0;font-size:16px;font-weight:700}.voice-console-close{border:none;background:transparent;color:#fff;font-size:20px;cursor:pointer}.voice-console-body{flex:1;background:#f5f5f5}.voice-console-iframe{width:100%;height:100%;border:none}.modal-card{background:#fff;width:420px;max-width:95%;padding:40px 32px 32px;border-radius:12px;box-shadow:0 10px 25px #0000001a;animation:fadeIn .25s ease;text-align:center;border:1px solid #e2e8f0;position:relative}.modal-title{font-size:18px;font-weight:700;margin:0 0 24px;color:#1e293b;text-align:center}.modal-message{font-size:14px;line-height:1.5;color:#64748b;margin:0 0 32px;text-align:center}.modal-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:24px}.modal-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.modal-btn.cancel:hover{background:#f1f5f9;color:#475569}@media(max-width:768px){.modal-card{width:95%;padding:32px 24px 24px}.modal-actions{flex-direction:column;gap:8px}.modal-btn{width:100%}}.modal-overlay,.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card,.modal{background:#fff;width:400px;max-width:95%;padding:32px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;text-align:center;border:1px solid #e2e8f0;position:relative}.modal-title{font-size:20px;font-weight:600;margin:0;color:#1e293b}.modal-message{font-size:14px;line-height:1.5;color:#64748b;margin:16px 0 32px;text-align:left}.modal-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.modal-btn{padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:12px;transition:all .2s ease;min-width:100px;justify-content:center}.modal-btn.cancel{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.modal-btn.cancel:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}.modal-btn.confirm{background:#dc143c;color:#fff}.modal-btn.confirm:hover{background:#b91c1c;transform:translateY(-1px)}@media(max-width:768px){.modal-card,.modal{width:95%;padding:24px;margin:20px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}@keyframes emergency-border-flash{0%,to{box-shadow:inset 0 0 0 6px #dc354500}50%{box-shadow:inset 0 0 0 6px #dc3545cc}}.emergency-flash-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10003;animation:emergency-border-flash .8s ease-in-out 6}:root{--bg: #f8fafc;--panel: #ffffff;--muted: #64748b;--accent: #6b7280;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--surface-shadow: 0 1px 3px rgba(0, 0, 0, .1);--border: #e2e8f0}.reports-page{padding:20px;background:var(--bg);min-height:calc(100vh + -0px)}.inbox-wrapper{display:flex;gap:24px;max-width:1400px;margin:0 auto;height:calc(100vh - 50px)}.inbox-left{width:100%;background:var(--panel);border-radius:16px;box-shadow:var(--surface-shadow);overflow:hidden;display:flex;flex-direction:column;transition:width .3s ease;border:1px solid var(--border)}.inbox-left.has-selected{width:380px}.inbox-left-header{padding:20px 24px;font-weight:600;font-size:18px;border-bottom:1px solid var(--border);background:#fafbfc;display:flex;flex-direction:column;gap:16px}.inbox-header-content h2 i{color:var(--accent);font-size:16px}.search-and-filter{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.filter-dropdown{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--panel);color:#1e293b;cursor:pointer;transition:border-color .2s ease;min-width:150px;flex-shrink:0}.filter-dropdown:focus{outline:none;border-color:var(--accent)}.inbox-left.has-selected .search-and-filter{flex-direction:column;align-items:stretch;gap:8px}.inbox-left.has-selected .search-container{max-width:100%;width:100%}.inbox-left.has-selected .filter-dropdown{width:100%;min-width:auto}@media(max-width:768px){.inbox-header-content{flex-direction:column;align-items:stretch;gap:12px}.search-and-filter{flex-direction:column;align-items:stretch}.search-container{max-width:100%;width:100%}.filter-dropdown{width:100%;min-width:auto}}@media(max-width:500px){.inbox-left.has-selected{width:100%}}.inbox-item.active{background:#fef2f2;border-left:4px solid var(--accent);padding-left:20px}.unread-indicator{position:absolute;top:12px;right:12px;color:var(--accent);font-size:8px}.item-subject-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.item-subject{font-size:14px;color:#334155;font-weight:500;line-height:1.4}.message-direction-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.message-direction-badge.sent{background:#dcfce7;color:#166534}.message-direction-badge.received{background:#e2e8f0;color:#334155}.inbox-item.unread{background:#f0f7ff;border-left:3px solid #3b82f6}.inbox-item.unread:hover{background:#e0f0ff}.item-name-unread{font-weight:800;color:#0f172a}.item-subject-unread{font-weight:700;color:#1e3a5f}.read-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.unread-badge{background:#dbeafe;color:#1d4ed8}.read-badge-read{background:#f1f5f9;color:#64748b}.sent-badge{background:#dcfce7;color:#166534}.message-status-summary{margin-top:8px}.compose-window{position:fixed!important;width:400px!important;max-height:500px!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 20px #00000026!important;z-index:1000!important;display:flex!important;flex-direction:column!important;transition:all .2s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.compose-window.minimized{height:48px}.compose-window-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.compose-window-title{font-size:14px;font-weight:600;color:#1e293b}.compose-window-controls{display:flex;gap:8px}.compose-window-control{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:opacity .2s ease}.compose-window-control:hover{opacity:.8}.compose-window-control.minimize{background:#fbbf24}.compose-window-control.maximize{background:#34d399}.compose-window-control.close{background:#ef4444}.compose-window-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.compose-window.minimized .compose-window-body{display:none}.compose-field{display:flex;flex-direction:column;gap:4px}.compose-field label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.compose-field input,.compose-field textarea{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.compose-field input:focus,.compose-field textarea:focus{outline:none;border-color:var(--accent)}.compose-field textarea{min-height:120px;resize:vertical}.compose-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.compose-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.compose-btn.send{background:var(--accent);color:#fff}.compose-btn.send:hover{background:#4b5563}.compose-btn.cancel{background:transparent;color:var(--muted)}.compose-btn.cancel:hover{background:#f3f4f6}.attachment-area{display:flex;flex-direction:column;gap:8px}.attachment-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--muted);font-size:13px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.attachment-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.attachments-list{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f8fafc;border:1px solid var(--border);border-radius:4px;font-size:12px;transition:all .2s ease}.attachment-item:hover{background:#f1f5f9;border-color:var(--accent)}.attachment-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.attachment-info i{color:var(--muted);font-size:12px;flex-shrink:0}.attachment-name{font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.attachment-size{color:var(--muted);font-size:11px;flex-shrink:0}.attachment-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:2px;transition:all .2s ease;flex-shrink:0}.attachment-remove:hover{background:#ef4444;color:#fff}.attachment-remove i{font-size:10px}.reply-textarea{width:100%;min-height:120px;padding:10px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.thread-message{margin-bottom:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--border)}.thread-message.outgoing{background:#f0fdf4;border-color:#bbf7d0}.thread-message.incoming{background:#f8fafc}.thread-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.thread-message-time{font-size:12px;color:var(--muted)}.thread-message-body{margin:0;color:#1f2937;line-height:1.65}.thread-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.thread-attachment-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:13px;background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937;text-decoration:none}.thread-attachment-link:hover{background:#e5e7eb}.reply-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #dc26261a}.fire-truck-item{border-left:4px solid #ef4444}.filter-section{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);margin-top:8px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-btn i{font-size:12px}.filter-dropdown-wrapper{position:relative}.filter-dropdown-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--muted);cursor:pointer;transition:all .2s ease}.filter-dropdown-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.filter-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:120px;overflow:hidden}.filter-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:#fff;color:#1e293b;font-size:13px;text-align:left;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.filter-dropdown-menu button:hover{background:#f8fafc}.filter-dropdown-menu button i{font-size:12px;width:16px;text-align:center}.inbox-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.inbox-header-content h2{margin:0;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.inbox-header-content h2 i{color:#1e293b;font-size:16px}.search-container{position:relative;flex:1;max-width:300px}.search-and-filter{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;flex-wrap:wrap}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--panel);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}.search-icon.fa-magnifying-glass{font-size:14px}.back-button-content{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-left:auto}.back-button-content:hover{background:var(--panel);color:var(--accent);transform:translateY(-1px)}.back-button-content i{font-size:12px}.gmail-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:#5f6368;cursor:pointer;transition:all .2s ease;font-size:14px;position:relative}.gmail-btn:hover{background:#f3f4f6;color:#202124}.gmail-btn:active{background:#e8eaed;transform:scale(.95)}.gmail-btn.archive-btn:hover{background:#e8f0fe;color:#1a73e8}.gmail-btn.archive-btn:active{background:#d2e3fc;color:#1a73e8}.gmail-btn.delete-btn:hover{background:#fce8e6;color:#ea4335}.gmail-btn.delete-btn:active{background:#f1b2b5;color:#ea4335}.gmail-btn.reply-btn:hover{background:#e6f4ea;color:#34a853}.gmail-btn.reply-btn:active{background:#c8e6c9;color:#34a853}.gmail-btn:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#3c4043;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:4px;z-index:1000}.gmail-btn:hover:after{opacity:1}.gmail-btn.archive-btn.officer-only,.gmail-btn.delete-btn.officer-only{display:none!important}.message-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.inbox-list{overflow-y:auto;max-height:calc(100vh - 120px)}.inbox-item{display:flex;padding:20px 24px;gap:16px;cursor:pointer;border-bottom:1px solid var(--border);align-items:center;transition:all .2s ease;position:relative}.inbox-item:hover{background:#f8fafc}.inbox-item.active{background:#f0f9ff;border-left:4px solid var(--accent);padding-left:20px}.item-left .avatar{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:16px;border:2px solid #f1f5f9}.item-left .avatar i{font-size:18px;color:#64748b}.unread-indicator{position:absolute;top:12px;right:12px;color:#3b82f6;font-size:8px}.inbox-item{position:relative}.item-body{flex:1;min-width:0}.item-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.item-name{font-weight:600;font-size:15px;color:#1e293b}.item-date{color:var(--muted);font-size:13px}.item-subject{font-size:14px;color:#334155;margin-bottom:6px;font-weight:500;line-height:1.4}.item-preview{color:var(--muted);font-size:13px;line-height:1.4;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}.inbox-right{flex:1}.message-card{background:var(--panel);border-radius:16px;box-shadow:var(--surface-shadow);border:1px solid var(--border);height:100%;display:flex;flex-direction:column}.message-card-header{padding:24px 24px 20px;border-bottom:1px solid var(--border);background:#fafbfc;border-radius:16px 16px 0 0}.subject{margin:0 0 12px;font-size:20px;font-weight:600;color:#1e293b}.message-controls{display:flex;gap:12px}.small-link{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:8px 12px;border-radius:8px;transition:all .2s ease}.small-link:hover{background:var(--bg);color:var(--accent)}.message-sender{display:flex;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.sender-avatar{width:56px;height:56px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:18px;border:2px solid #f1f5f9}.sender-avatar i{font-size:20px;color:#64748b}.sender-meta{flex:1}.sender-meta .sender-name{font-weight:600;font-size:16px;color:#1e293b;margin-bottom:4px}.sender-email{color:var(--muted);font-size:14px}.message-content{flex:1;padding:24px;overflow-y:auto;line-height:1.6;color:#334155;font-size:15px}.message-content p{margin-bottom:16px}.message-content p:last-child{margin-bottom:0}.composer{border-top:1px solid var(--border);padding:20px 24px;background:#fafbfc;border-radius:0 0 16px 16px}.composer-textarea{width:100%;min-height:100px;border-radius:12px;padding:16px;border:1px solid var(--border);resize:vertical;font-family:inherit;font-size:14px;transition:border-color .2s ease}.composer-textarea:focus{outline:none;border-color:var(--accent)}.composer-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.reply-textarea{width:100%;max-width:700px;min-height:120px;border-radius:12px;padding:16px;border:1px solid var(--border);resize:vertical;font-family:inherit;font-size:14px;transition:border-color .2s ease;box-sizing:border-box;line-height:1.5}.reply-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.btn{padding:10px 20px;border-radius:10px;font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.btn-secondary:hover{background:#f1f5f9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.modal-message{margin-bottom:40px!important}.empty-state{padding:60px;text-align:center;color:var(--muted);font-size:16px}.empty-state-icon{text-align:center;padding:40px;color:#cbd5e1}.empty-state-icon i{font-size:48px;margin-bottom:16px;display:block}.composer-form{display:flex;flex-direction:column;gap:12px}.composer-fields{display:flex;gap:12px;align-items:center}.composer-to{min-width:220px;max-width:380px}.composer-subject{flex:1}.composer-textarea{min-height:220px}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px}.composer-left .btn{padding:8px 10px;border-radius:8px}.composer-right{display:flex;gap:8px;align-items:center}.composer-send{border-radius:999px;padding:10px 20px}@media(max-width:600px){.composer-fields{flex-direction:column;align-items:stretch}.composer-to{width:100%}}@media(max-width:1000px){.reports-page{padding:16px}.inbox-wrapper{flex-direction:column}.inbox-left{width:100%}}:root{--black: #111111;--dark-gray: #2a2a2a;--medium-gray: #555;--light-gray: #f5f5f5;--border-gray: #e0e0e0;--crimson: #b11226;--crimson-hover: #8f0e1e;--white: #ffffff;--success: #2e7d32;--warning: #f9a825}.readiness-wrapper{min-height:100vh;background:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;color:var(--black)}.readiness-title{font-size:28px;font-weight:700;margin-bottom:30px;letter-spacing:1px;color:var(--crimson)}.readiness-container{width:100%;max-width:1000px;background:var(--white);border-radius:16px;box-shadow:0 8px 30px #00000014;overflow:hidden;border:1px solid var(--border-gray)}.readiness-header{background:#fafafa;padding:20px 30px;border-bottom:1px solid var(--border-gray)}.readiness-header h2{margin:0;font-size:20px;font-weight:600;color:var(--black)}.readiness-header p{font-size:14px;color:var(--medium-gray)}.readiness-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}@media(max-width:768px){.readiness-content{grid-template-columns:1fr}}.checklist-section{background:#fafafa;padding:20px;border-radius:12px;border:1px solid var(--border-gray)}.section-title{font-size:16px;font-weight:600;margin-bottom:15px;border-left:4px solid var(--crimson);padding-left:10px;color:var(--crimson)}.checklist-items{display:flex;flex-direction:column;gap:12px}.check-row{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;transition:.2s ease}.check-row:hover{color:var(--crimson)}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--crimson);cursor:pointer}.status-section{grid-column:span 2;background:#fafafa;padding:25px;border-radius:12px;border:1px solid var(--border-gray);text-align:center}.status-section h3{margin-bottom:15px;font-size:18px}.status-meter{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:8px;font-weight:600;margin-bottom:15px;font-size:15px;transition:.3s ease}.status-meter.ready{background:#2e7d3214;border:1px solid var(--success);color:var(--success)}.status-meter.partiallyready{background:#f9a82514;border:1px solid var(--warning);color:var(--warning)}.status-meter.notready{background:#b1122614;border:1px solid var(--crimson);color:var(--crimson)}.readiness-percent{font-size:18px}.status-note{font-size:13px;color:var(--medium-gray);margin-bottom:20px}.confirm-button{background:var(--crimson);color:var(--white);padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s ease;letter-spacing:.5px}.confirm-button:hover{background:var(--crimson-hover);transform:translateY(-2px)}.confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.readiness-header{display:flex;justify-content:space-between;align-items:center;background:#fafafa;padding:20px 30px;border-bottom:1px solid var(--border-gray)}.edit-checklist-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--crimson);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-checklist-btn:hover{background:var(--crimson-hover);transform:translateY(-1px)}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-gray)}.edit-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--black)}.close-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--light-gray);border-radius:8px;cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:#e0e0e0}.edit-modal-content{padding:24px}.add-item-section,.edit-item-section,.current-items-section{margin-bottom:32px}.add-item-section h4,.edit-item-section h4,.current-items-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--black)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--dark-gray)}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--border-gray);border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--crimson)}.category-select{background:#fff;cursor:pointer}.add-item-btn,.save-item-btn{background:var(--crimson);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover,.save-item-btn:hover{background:var(--crimson-hover)}.edit-actions{display:flex;gap:12px}.cancel-edit-btn{background:var(--light-gray);color:var(--dark-gray);border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover{background:#e0e0e0}.items-list{border:1px solid var(--border-gray);border-radius:8px;overflow:hidden}.item-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-gray)}.item-row:last-child{border-bottom:none}.item-key{font-family:Courier New,monospace;font-size:12px;color:var(--medium-gray);background:var(--light-gray);padding:4px 8px;border-radius:4px;margin-right:12px;min-width:120px}.item-label{flex:1;font-size:14px;color:var(--black)}.item-actions{display:flex;gap:8px}.item-edit-btn{background:var(--dark-gray);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.item-edit-btn:hover{background:#bbdefb}.item-delete-btn{background:#ffebee;color:#d32f2f;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.item-delete-btn:hover{background:#ffcdd2}.settings-page{font-family:Poppins,sans-serif;padding:25px 40px;background:#f6f6f9;min-height:calc(100vh - 130px)}.settings-header{margin-bottom:30px}.settings-header h1{font-size:32px;font-weight:700;color:#222;margin-bottom:8px}.settings-header p{color:#666;font-size:16px;margin:0}.settings-layout{display:flex;gap:30px;max-width:1200px}.settings-sidebar{width:280px;min-width:280px}.settings-content{flex:1;min-width:0}.settings-nav{background:#fff;border-radius:16px;padding:20px 0;box-shadow:0 4px 20px #00000014}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 24px;border:none;background:transparent;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.settings-nav-item:hover{background:#f8f9fa;color:#b11226}.settings-nav-item.active{background:linear-gradient(135deg,#b112261a,#8f0e1e1a);color:#b11226;border-left:4px solid #b11226}.settings-nav-item i{width:20px;text-align:center}.settings-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.settings-section h2{font-size:24px;font-weight:700;color:#222;margin-bottom:8px}.section-description{color:#666;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group select{padding:12px 16px;border:1.5px solid #e1e1e1;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a;background:#fff}.form-group input:hover,.form-group select:hover{border-color:#dc3545}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.btn{padding:12px 24px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#b11226,#8f0e1e);color:#fff;box-shadow:0 4px 15px #b1122633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b112264d}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid #dc3545;color:#dc3545}.btn-outline:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#333}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc1074d}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b84d}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#b11226,#8f0e1e)}input:checked+.toggle-slider:before{transform:translate(24px)}.notification-groups{display:flex;flex-direction:column;gap:30px}.notification-group h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.notification-items{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.notification-item:hover{background:#f0f1f3;transform:translateY(-1px)}.notification-info h4{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.notification-info p{font-size:14px;color:#666;margin:0}.security-settings{display:flex;flex-direction:column;gap:30px}.security-group h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.security-items{display:flex;flex-direction:column;gap:16px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.security-item:hover{background:#f0f1f3;transform:translateY(-1px)}.security-info h4{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.security-info p{font-size:14px;color:#666;margin:0}.security-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.system-settings{display:flex;flex-direction:column;gap:30px}.system-group h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.system-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.system-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#495057;font-weight:500;cursor:pointer;transition:all .3s ease}.system-btn:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.system-btn i{font-size:18px;color:#b11226}.system-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-radius:12px}.info-item label{font-weight:600;color:#666}.info-item span{font-weight:500;color:#333}.status-online{color:#28a745;font-weight:600}.system-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1024px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%}.settings-nav{display:flex;overflow-x:auto;padding:10px}.settings-nav-item{white-space:nowrap;flex-shrink:0}}@media(max-width:768px){.settings-page{padding:20px}.form-row,.form-actions{flex-direction:column}.system-items,.system-info{grid-template-columns:1fr}.system-actions{flex-direction:column}.btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{background:#fff;width:360px;padding:22px;border-radius:14px;box-shadow:0 4px 10px #0003;animation:fadeIn .25s ease}.modal-card h2{font-size:21px;font-weight:600;margin-bottom:14px}.modal-card p{font-size:14px;margin:5px 0;line-height:1.4;color:#444}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}button{font-family:Arial,sans-serif}.modal-btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.modal-btn.cancel{background:#e3e3e3;color:#333}.modal-btn.confirm{background:#dc2626;color:#fff;font-weight:600}.modal-btn.confirm:hover{background:#b91c1c}.accept-btn{background:#dc2626;color:#fff;font-weight:600}.accept-btn:hover{background:#b91c1c}.end-btn{background:#dc2626;color:#fff;font-weight:600}.end-btn:hover{background:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fixed-call-stack-horizontal{position:fixed;top:70px;left:260px;display:flex;flex-direction:row;gap:10px;z-index:1000}.top-card-horizontal{position:relative}.modal-card-horizontal{width:320px;height:120px;padding:15px 20px;border-radius:14px;background:#fff;box-shadow:0 4px 10px #0003;display:flex;justify-content:space-between;align-items:center}.card-info p{margin:2px 0;font-size:14px;line-height:1.4;color:#444}.status.ongoing{color:#4caf50;font-weight:700}.status.completed{color:#2196f3;font-weight:700}.status.missed{color:#f44336;font-weight:700}.app-layout{display:flex;width:100%;height:100vh;overflow:hidden;font-family:Poppins,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app-layout{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:260px;min-width:260px;background:#1e1e1e;height:100vh;position:fixed;left:0;top:0;z-index:20}.main-container{margin-left:260px;width:calc(100% - 260px);height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:75px;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:0 25px;position:sticky;top:0;z-index:15}.content-area{flex:1;width:100%;overflow-y:auto;padding:25px 30px;background:#f6f6f9}.page-container,.page-wrapper,.content-container{width:100%!important;max-width:100%!important}.content-area{padding:30px 40px;width:100%;box-sizing:border-box}.page-container{width:100%;margin-left:0;padding:0;box-sizing:border-box}.page-title{font-size:32px;font-weight:700;margin-bottom:25px;color:#222}