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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spinner-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:6px solid #ddd;border-radius:50%;border-top-color:#25597c;height:50px;margin-bottom:10px;width:50px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.landing-root{background:linear-gradient(135deg,#0a1e6b,#a91d3a);color:#fff;min-height:100vh}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;display:flex;height:80px;justify-content:space-between;left:0;padding:0 40px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-header.scrolled{background:#fffffffa;box-shadow:0 4px 25px #00000026}.logo-section{gap:px}.logo-container,.logo-section{align-items:center;display:flex}.logo-image{height:50px;margin-right:5px;object-fit:contain;width:50px}.brand-name{color:#a91d3a;font-size:1.3rem;font-weight:700;letter-spacing:1px}.nav-links{display:flex;gap:40px}.nav-links button{background:none;border:none;color:#333;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-links button:hover{color:#25597c}.nav-links button:after{background:#25597c;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links button:hover:after{width:100%}.sign-in-btn{background:linear-gradient(135deg,#a91d3a,#1746a2);border:none;border-radius:8px;box-shadow:0 4px 15px #a91d3a4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.sign-in-btn:hover{box-shadow:0 6px 20px #a91d3a66;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#0a1e6b,#a91d3a);display:flex;justify-content:space-between;min-height:100vh;overflow:hidden;padding:120px 40px 60px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{flex:1 1;max-width:600px;position:relative;z-index:2}.hero-subtitle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#e0e7ff;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:2px;margin-bottom:20px;padding:8px 20px}.hero-title{animation:fadeInUp 1s ease-out;font-size:3.5rem;font-weight:800;letter-spacing:2px;line-height:1.1;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.hero-description{color:#e0e7ff;font-size:1.1rem;line-height:1.6;margin-bottom:30px;opacity:.9}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:2}.ambulance-svg{animation:ambulanceFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:200px;width:300px}.light-top{animation:emergencyBlink .8s infinite}.light-front{animation:emergencyBlink 1.2s infinite}@keyframes ambulanceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emergencyBlink{0%,50%{filter:brightness(1);opacity:1}51%,to{filter:brightness(1.2);opacity:.7}}.info-section{background:#fff;color:#333}.info-bg{align-items:center;background:linear-gradient(#000000b3,#000000b3),url(/static/media/municipal-hall.18e21cafbc556cdddb75.jpg) 50%/cover;display:flex;justify-content:center;min-height:400px;position:relative}.info-overlay{max-width:1200px;padding:60px 40px;width:100%}.info-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.info-image,.person-back{display:flex;justify-content:center}.person-back{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:20px;box-shadow:0 10px 20px #0000004d;height:250px;position:relative;width:200px}.shirt-text{align-items:center;color:#fff;display:flex;flex-direction:column;text-align:center}.mdrmo{background:#fff3;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:5px;padding:4px 8px}.bocaue-rescue{font-size:1.2rem;font-weight:700}.bocaue-rescue,.info-text p{text-shadow:1px 1px 2px #00000080}.info-text p{color:#fff;font-size:1.3rem;font-weight:400;line-height:1.8}.hotline-section{background:#f8f9fa;padding:60px 40px;text-align:center}.hotline-section h3{color:#a91d3a;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-transform:uppercase}.hotline-section ul{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0 auto;max-width:600px}.hotline-section li{background:#fff;border-left:4px solid #25597c;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-size:1.1rem;padding:20px 30px;transition:all .3s ease}.hotline-section li:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.hotline-section b{color:#25597c;font-weight:600}.landing-footer{background:linear-gradient(135deg,#222,#333);color:#fff;padding:60px 40px 20px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.footer-about h2{color:#a91d3a;font-size:1.8rem;font-weight:700;margin-bottom:20px}.footer-about p{color:#e0e7ff;font-size:1rem;line-height:1.8;margin-bottom:15px}.footer-about p:last-of-type{color:#a91d3a;font-weight:500}.footer-social h2{color:#a91d3a;font-size:1.5rem;font-weight:700;margin-bottom:20px}.social-icons{display:flex;gap:20px}.social-icons a{align-items:center;background:linear-gradient(135deg,#25597c,#a91d3a);border-radius:50%;box-shadow:0 4px 15px #1746a24d;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-icons a:hover{box-shadow:0 6px 20px #1746a266;transform:translateY(-3px) scale(1.1)}.footer-bottom{border-top:1px solid #444;color:#e0e7ff;font-size:.95rem;margin-top:40px;padding-top:30px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-section{flex-direction:column;padding:100px 20px 40px;text-align:center}.hero-title{font-size:2.8rem}.info-content{text-align:center}.footer-content,.info-content{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.landing-header{flex-direction:column;height:auto;padding:15px 20px}.nav-links{gap:20px;margin:15px 0}.sign-in-btn{margin-top:10px;width:100%}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.info-overlay{padding:40px 20px}.info-text p{font-size:1.1rem}.hotline-section{padding:40px 20px}.hotline-section ul{gap:10px}.hotline-section li{font-size:1rem;padding:15px 20px}.landing-footer{padding:40px 20px 20px}.person-back{height:200px;width:150px}.bocaue-rescue{font-size:1rem}.pulse-circle{height:80px;width:80px}.pulse-2{height:120px;width:120px}.pulse-3{height:160px;width:160px}.ambulance-svg{height:170px;width:250px}}@media (max-width:480px){.landing-header{flex-wrap:wrap;height:auto;justify-content:space-center;padding:6px 20px}.landing-header,.logo-section{align-items:center;display:flex}.logo-section{gap:10px}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.logo-image{height:40px;width:40px}.brand-name{font-size:1.2rem}.nav-link-btn{font-size:.8rem;padding:2px 6px}.sign-in-btn{font-size:1rem;margin-top:0;padding:8px 20px;text-align:center;width:100%}.hero-content{margin-top:60px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem;padding:6px 15px}.info-text p{font-size:1rem}.hotline-section h3{font-size:1.2rem}.footer-about h2{font-size:1.5rem}.social-icons{gap:15px}.social-icons a{font-size:1rem;height:40px;width:40px}.ambulance-svg{height:140px;width:200px}}.login-form-container{padding:2.5rem 2.2rem}.login-title{margin-bottom:1.5rem}.login-form{gap:.8rem}.login-input{box-sizing:border-box;font-size:1rem!important;min-height:2.5rem;padding:2rem}.login-forgot{color:#1d3161;cursor:pointer;font-size:.97rem;margin-bottom:1.2em;text-align:right}.login-btn{background:#25597c;border:none;border-radius:2em;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;margin:1.2em 0 .5em;padding:.9em 0;transition:background .2s,transform .2s;width:100%}.login-btn:hover{background:#215170}.login-signin-link{color:#25597c;font-weight:600;margin-left:.5em;text-decoration:none;transition:color .2s}.login-signin-link:hover{color:#1a2d5a;text-decoration:underline}.rp-modal-overlay{align-items:center;background:#00000059;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.rp-modal-content{background:#fff;border-radius:8px;padding:2rem;text-align:center;width:300px}.rp-modal-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.reset-input-group{display:flex;flex-direction:column;gap:.8rem}.rp-modal-buttons .login-btn{flex:1 1;padding:.9em 1.5em}@media (max-width:900px){.login-root{align-items:center;flex-direction:column;justify-content:center}.login-left,.login-right{-webkit-clip-path:none;clip-path:none;height:auto;min-width:0;width:100%}.login-left{display:none!important}.login-right{align-items:center;border-radius:0;display:flex;height:100vh;justify-content:center;margin:2px;padding:2rem 1rem;width:100%}.login-form-container{box-sizing:border-box;margin:2rem auto;max-width:400px;padding:2rem 1.5rem;width:90%}.login-logo{margin-bottom:1.5rem;width:120px}.login-title{font-size:1.3rem}.login-input{padding:1rem}.login-btn{font-size:1rem;padding:.8rem}.login-signup-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}}.login-root{background:#444;display:flex;min-height:100vh;overflow:hidden;width:100vw}.login-left{align-items:center;background:#25597c;color:#fff;display:flex;flex:1.1 1;flex-direction:column;height:100;justify-content:center;min-width:340px;padding:2.5rem 1.5rem;position:relative;width:100%}.login-logo{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:2rem;padding:.5rem;width:160px}.login-org-name{font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem;text-align:center}.login-org-desc{font-size:1.08rem;font-weight:500;letter-spacing:.5px;margin-top:.5rem;text-align:center}.login-right{align-items:center;display:flex;flex:2 1;height:100vh;justify-content:center;min-width:300px;position:relative}.login-form-container{background:#ffffff59}.login-form-container,.ua-form-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 32px #23408e2e;display:flex;flex-direction:column;max-height:80vh;max-width:370px;min-width:340px;overflow-y:auto;padding:2.2rem}.ua-form-container{background:#fff}.login-title{color:#25597c;font-size:1.6rem;font-weight:700;margin-bottom:18px;margin-top:0;text-align:center}.login-form{display:flex;flex-direction:column;width:100%}.login-input{background:#f5f7fa;border:none;border-radius:10px;box-shadow:0 1px 4px #23408e0a;font-size:14px;margin-bottom:0;outline:none;padding:6px;transition:box-shadow .2s;width:100%}.login-input:focus{box-shadow:0 2px 8px #23408e1a;text-align:left}.register-btn{background:#25597c;border:none;border-radius:2em;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;margin:13px 0 .5em;padding:.9em 0;transition:background .2s,transform .2s;width:100%}.login-btn:hover{background:#22506f;transform:scale(1.03)}.login-signup-row{color:#444;display:flex;font-size:1rem;justify-content:space-between;margin-top:1.2em;width:100%}.form-row{display:flex;gap:25px;margin-bottom:0}.form-field{display:flex;flex:1 1;flex-direction:column}.form-label{color:#000;font-size:15px;margin:0}.form-row.three-cols{display:flex;gap:25px}.form-row.three-cols .form-field{flex:1 1}.error-message{color:#e74c3c;font-size:.9rem;margin-top:10px;text-align:center}.file-upload-container{gap:2px;margin-top:25px}.file-upload-label{border-radius:8px;display:inline-block;font-size:14px;padding:8px 16px}.file-upload-label:hover{background-color:#1f4761}.file-upload-filename{color:#333;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.login-root{flex-direction:column}.login-left,.login-right{border-radius:.5rem;-webkit-clip-path:none;clip-path:none;height:50vh;min-width:0;width:100%}.login-left{border-radius:.5rem .5rem 0 0;padding:2rem 1rem}.login-right{border-radius:0 0 .5rem .5rem;min-height:350px}.signin-form-container{max-width:320px;min-width:300px;padding:2rem 1.8rem}.signin-title{font-size:1.4rem;margin-bottom:1.2rem}.signin-input{font-size:.95rem;padding:.8em .9em}.signin-btn{font-size:1rem;padding:.8em 0}.signin-root{align-items:center;flex-direction:column;justify-content:center}.signin-left,.signin-right{-webkit-clip-path:none;clip-path:none;height:auto;min-width:0;width:100%}.signin-left{display:none!important}.signin-right{align-items:center;border-radius:0;display:flex;height:100vh;justify-content:center;margin:2px;padding:2rem 1rem;width:100%}.signin-form-container{box-sizing:border-box;margin:2rem auto;max-width:400px;padding:2rem 1.5rem;width:90%}.signin-logo{margin-bottom:1.5rem;width:120px}.signin-title{font-size:1.3rem}.signin-input{padding:1rem}.signin-btn{font-size:1rem;padding:.8rem}.signin-signup-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}}.pending-root{align-items:center;background:#25597c;display:flex;justify-content:center;min-height:100vh}.pending-container{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 32px #23408e2e;display:flex;flex-direction:column;max-width:370px;min-width:340px;padding:2.5rem 2.2rem}.pending-icon{margin-bottom:1.5rem}.pending-message{color:#25597c;font-size:1.1rem;margin-bottom:2rem;text-align:center}.pending-btn{background:#25597c;border:none;border-radius:2em;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8em 0;transition:background .2s,transform .2s;width:60%}.pending-btn:hover{background:#23408e;transform:scale(1.03)}.in-app-notification-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;left:50%;padding:0 16px;pointer-events:none;position:fixed;top:30px;transform:translateX(-50%);z-index:9999}.in-app-notification{animation:slideDown .45s ease-out,fadeOut .5s ease-in forwards;animation-delay:0s,4.5s;background-color:#fff;border:2px solid #25597c;border-radius:14px;box-shadow:0 8px 24px #00000040;font-family:Segoe UI,Arial,sans-serif;max-width:400px;padding:16px 18px;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease;width:100%}.in-app-notification:hover{box-shadow:0 10px 28px #0000004d;transform:scale(1.02)}.in-app-notification strong{color:#25597c;display:block;font-size:15px;margin-bottom:4px}.in-app-notification p{color:#333;font-size:14px;margin:0}.in-app-notification button{background-color:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 12px}.in-app-notification button:hover{background-color:#25597c}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.98)}}body,html{margin:0;padding:0}.topbar{align-items:center;background:#25597c;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;padding:0 2rem;position:fixed;top:0;width:100%;z-index:100}.topbar-logo{height:48px}.topbar-title{color:#fff;font-size:1.3rem;font-weight:600;margin-left:1.5rem}.topbar-actions{align-items:center;display:flex;gap:1.5rem;margin-left:auto}.topbar-notification{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:.5rem;height:35px;justify-content:center;position:relative;transition:transform .1s ease;width:35px}.topbar-notification-icon{color:#757575;cursor:pointer;font-size:24px}.topbar-notification-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.topbar-notification-text{font-size:14px;font-weight:500}.topbar-notification-time{color:gray;font-size:12px}.view-all{color:#25597c;cursor:pointer;font-size:12px;font-weight:700;text-align:center}.notification-popup{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;padding:.5rem 0;position:absolute;right:0;top:50px;width:300px;z-index:200}.notification-popup ul{list-style:none;margin:0;padding:0}.notification-popup li{color:#333;cursor:pointer;font-size:14px;padding:10px 15px}.notification-popup li:hover{background:#f2f2f2}@media (max-width:600px){.topbar{height:48px;padding:0 .5rem}.topbar-title{font-size:1rem;margin-left:.5rem}.topbar-logo{height:32px}}.navbar{background:#fff;box-shadow:2px 0 16px #23408e12;height:100vh;padding:2.5rem 0 1rem;position:fixed;transition:box-shadow .3s;width:230px}.navbar,.navbar-profile{align-items:center;display:flex;flex-direction:column}.navbar-profile{margin-bottom:1.5rem}.navbar-profile-img{border:3px solid #eaf0fb;border-radius:50%;box-shadow:0 2px 8px #23408e14;height:70px;margin-bottom:.7rem;object-fit:cover;transition:border .3s;width:70px}.navbar-profile-name{color:#222;font-size:15px;font-weight:600;margin-bottom:.1rem}.navbar-profile-role{color:#aaa;font-size:13px}.navbar-divider{border:none;border-top:1px solid #eaeaea;margin:.5rem 0;width:80%}.navbar-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem;width:100%}.navbar-menu-item{align-items:center;border-radius:8px;color:#757575;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:1.1rem;padding:.6rem 1.2rem;text-decoration:none!important;transition:background .2s,color .2s,transform .2s;will-change:background,color,transform}.navbar-menu-item.active,.navbar-menu-item:hover{background:#eaf0fb;box-shadow:0 2px 8px #23408e0f;color:#25597c;transform:translateX(6px) scale(.97)}.navbar-menu-icon{font-size:1.5rem;min-width:24px;text-align:center;transition:color .2s}.navbar-logout{align-items:center;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;margin-right:7px;margin-top:5px;padding:15px 20px;transition:background .2s,color .2s,transform .2s}.navbar-logout:hover{background:#ffe5e0;color:#b71c1c;transform:translateX(6px) scale(1.03)}@media (max-width:900px){.navbar{padding:1rem .3rem;width:70px}.navbar-divider,.navbar-logout span,.navbar-menu-item span,.navbar-profile,.navbar-profile-name,.navbar-profile-role{display:none}.navbar-logout,.navbar-menu-item{justify-content:center;padding:.7rem .2rem}}@media (max-width:600px){.navbar{display:none}}.dispatcher-dashboard-container{background:#f5f6fa;display:flex;flex-direction:column;min-height:100vh}.dispatcher-main-content{display:flex;flex:1 1;margin-top:64px;min-height:0}.dispatcher-content-area{display:flex;flex-direction:column;gap:1rem;margin-left:230px;min-width:0;padding:.5rem 2rem 2rem;width:calc(100% - 230px)}.dispatcher-header{margin-top:0;padding-top:0}.dispatcher-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;padding:2.5rem 1rem 1rem;position:relative}.dispatcher-card-header{background:linear-gradient(135deg,#22465f,#25597c);border-radius:12px 12px 0 0;box-sizing:border-box;color:#fff;font-size:15px;font-weight:600;left:0;padding:8px 16px;position:absolute;top:0;width:100%}.dispatcher-card-content{display:flex;flex-direction:column;gap:.5rem;padding-top:2rem}.dispatcher-title{color:#25597c;font-size:20px;margin-bottom:0;margin-top:0}.dispatcher-grid{display:flex;flex-wrap:wrap;gap:1rem}.dispatcher-column{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:340px}.active-reports,.available-responders,.dispatcher-incident-heatmap,.incoming-reports{font-size:15px;margin-bottom:0;margin-top:0}.dispatcher-incident-heatmap{box-sizing:border-box;height:420px;padding:3.2rem 1rem 4.5rem}.report-item{flex-direction:column;gap:.5rem;margin-bottom:0;padding:1rem}.report-item,.responder-item{background:#f8f9fb;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex}.responder-item{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:5px;padding:8px 12px}.responder-details .status{color:#2da637;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.assigned,.report-badge.pending{background:#e9e9e9;border:1px solid #cbcbcb;border-radius:8px;color:gray;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.accepted{background:#e2ffb9;border:1px solid #9fde92;border-radius:8px;color:green;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.en-route,.report-badge.on-scene{background:#c6e0ff;border:1px solid #8aa5fd;border-radius:8px;color:#1041bc;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.invalid,.report-badge.unanswered{background:#ffc6c6;border:1px solid #fd8a8a;border-radius:8px;color:#c94c4c;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.backup-assigned,.report-badge.requesting-backup{background:#fee9c7;border:1px solid #fdcf8a;border-radius:8px;color:#b45309;font-size:13px;font-weight:500;padding:4px 12px}.report-badge.resolved{background:#15803d;border:1px solid #11622f;border-radius:8px;color:#fff;font-size:13px;font-weight:500;padding:4px 12px}.dispatcher-report-title{color:#25597c;font-size:16px;font-weight:600;margin-right:.7em;padding-left:5px}.dispatcher-report-time{color:#aaa;font-size:13px}.dispatcher-report-desc{color:#444;font-size:13px;margin-top:.3em}.responder-name{color:#25597c;font-weight:500}.responder-details{color:#444;font-size:13px;margin-bottom:.3em}.status.onroute{color:#27ae60;font-weight:600}.assign-btn{align-self:flex-end;background:#23408e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.4em 1.2em;transition:background .2s}.assign-btn:hover{background:#1a2d5a}.dispatcher-heatmap-placeholder{align-items:center;background:#f0f2f7;border-radius:8px;color:#888;display:flex;font-size:15px;height:280px;justify-content:center}@media (max-width:1100px){.dispatcher-grid{flex-direction:column;gap:1rem}.dispatcher-content-area{margin-left:80px;padding:1rem;width:auto}}@media (max-width:800px){.dispatcher-main-content{flex-direction:column}.dispatcher-content-area{margin-left:80px;padding:1rem;width:auto}.dispatcher-grid{gap:1rem}}@media (max-width:600px){.dispatcher-title{font-size:1.4rem}.dispatcher-welcome{font-size:.9rem}.dispatcher-card{padding:.8rem}.report-item,.responder-item{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:.5rem}.assign-btn{flex-shrink:0;font-size:.75rem;padding:.3rem .6rem}.heatmap-placeholder{height:150px}}.search-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25;min-height:40px;padding:.6rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.search-btn-primary{background:#1a56db;box-shadow:0 1px 3px #0000001a;color:#fff}.search-btn-primary:hover{background:#1e40af;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.search-btn-primary:active{background:#1e3a8a;transform:translateY(0)}.search-btn-primary:focus{box-shadow:0 0 0 3px #1a56db1a;outline:none}.search-btn-secondary{background:#6b7280;color:#fff}.search-btn-secondary:hover{background:#4b5563}.search-btn-secondary:active{background:#374151}.search-btn-small{font-size:.75rem;min-height:32px;padding:.5rem 1rem}.search-btn-icon{min-height:40px;min-width:40px;padding:.6rem}.search-btn-icon.search-btn-small{min-height:32px;min-width:32px;padding:.5rem}.search-icon{display:inline-block;font-size:14px}@media (max-width:768px){.search-btn{font-size:.8rem;min-height:36px;padding:.5rem 1rem}.search-btn-small{font-size:.7rem;min-height:28px;padding:.4rem .8rem}}.search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.25;padding:.6rem 1rem;transition:all .2s ease-in-out;width:100%}.search-input:focus{border-color:#25597c;box-shadow:0 0 0 3px #1a56db1a;outline:none}.search-input::placeholder{color:#9ca3af;font-style:italic}.search-input-small{font-size:.75rem;padding:.5rem .75rem}.search-input-large{font-size:1rem;padding:.75rem 1.25rem}.search-input-outline{border:2px solid #d1d5db}.search-input-outline:focus{border-color:#25597c}.search-input-filled{background-color:#f9fafb;border-color:#e5e7eb}.search-input-filled:focus{background-color:#fff;border-color:#25597c}.search-input-rounded{border-radius:25px}.search-input-square{border-radius:4px}.search-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.search-input.error{border-color:#c94c4c;box-shadow:0 0 0 3px #dc26261a}.search-input.success{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.search-input.warning{border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.search-input-with-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke=%27%236b7280%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z%27%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;background-size:1rem;padding-left:2.5rem}.search-input-with-icon:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke=%27%231a56db%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z%27%3E%3C/svg%3E")}.search-input-group{align-items:center;display:flex;position:relative}.search-input-group .search-input{flex:1 1}.search-input-group .search-icon{color:#6b7280;font-size:1rem;left:.75rem;pointer-events:none;position:absolute;transition:color .2s ease-in-out}.search-input-group:focus-within .search-icon{color:#25597c}@media (max-width:768px){.search-input{font-size:.8rem;padding:.5rem .75rem}.search-input-small{font-size:.7rem;padding:.4rem .6rem}.search-input-large{font-size:.9rem;padding:.6rem 1rem}}.emergency-report-card{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000d;margin:0;padding:15px}.emergency-report-header{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0}.incident-actions-header button{margin-left:8px}.emergency-report-wrapper{display:inline-block;margin:0;padding:0}.emergency-report-badge{background:linear-gradient(135deg,#25597c,#317fa6);border-radius:12px 12px 0 0;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;position:relative;width:100%}.assign-medic-btn{background:#25597c;margin-right:0}.assign-medic-btn,.invalid-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 18px}.invalid-btn{background:#c94c4c}.incident-type-label{font-size:17px;font-weight:600;margin-right:8px}.incident-type-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.incident-meta{color:#555;font-size:14px;margin-top:4px}.incident-reporter{font-size:13px}.incident-description h4,.incident-evidence h4,.incident-location h4{color:#000;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:16px}.incident-map{border-radius:8px;height:250px!important;margin-top:8px;width:100%!important}.description-input{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:16px;margin-top:8px;padding:15px 0;width:100%}.incident-actions{display:flex;justify-content:flex-end}.incident-actions-header{display:flex;gap:8px}.incident-details{flex:1 1;min-width:300px}.send-btn{background:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px}.emergency-reports-title,.report-title{color:#25597c;font-size:20px;font-weight:700;margin-bottom:0}.emergency-reports-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:20px}.emergency-reports-controls{display:flex;gap:8px;margin-bottom:12px}.emergency-reports-search{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:.6rem 1rem}.emergency-reports-table{border-collapse:collapse;margin-bottom:12px;width:100%}.emergency-reports-table td.location-type{max-width:140px}.emergency-reports-table td.location-cell{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emergency-reports-table td,.emergency-reports-table th{border-bottom:1px solid #eee;color:#374151;font-size:14px;padding:12px 10px}.type-badge{color:#fff;font-size:13px;font-weight:400;overflow:hidden;padding:4px 12px;text-overflow:ellipsis}.report-type-badge,.type-badge{border-radius:8px;cursor:default;display:inline-block;max-width:140px;vertical-align:middle;white-space:nowrap}.report-type-badge{font-size:17px;font-weight:600;padding:2px 8px}.emergency-reports-table td.status-cell{text-align:center}.a-status-badge{border-radius:8px;font-size:13px;font-weight:500;padding:4px 12px}.a-status-badge.a-status-assigned,.a-status-badge.a-status-pending{background:#e9e9e9;border:1px solid #cbcbcb;border-radius:8px;color:gray;font-size:13px;font-weight:500;padding:4px 12px}.a-status-badge.a-status-accepted{background:#e2ffb9;border:1px solid #9fde92;border-radius:8px;color:green;font-size:13px;font-weight:500;padding:4px 12px}.a-status-badge.a-status-en-route,.a-status-badge.a-status-on-scene{background:#c6e0ff;border:1px solid #8aa5fd;border-radius:8px;color:#1041bc;font-size:13px;font-weight:500;padding:4px 12px}.a-status-badge.a-status-invalid,.a-status-badge.a-status-unanswered{background:#ffc6c6;border:1px solid #fd8a8a;border-radius:8px;color:#c94c4c;font-size:13px;font-weight:500;padding:4px 12px}.a-status-badge.a-status-backup-assigned,.a-status-badge.a-status-requesting-backup{background:#fee9c7;border:1px solid #fdcf8a;color:#b45309}.a-status-badge.a-status-resolved{background:#9ff1bcc9;border:1px solid #68c087c9;color:#25597c}td button:last-child{margin-right:0}.emergency-reports-pagination{color:#888;display:flex;font-size:13px;justify-content:space-between;margin-top:8px}.pagination-btn{background:#e0e7ff;border:none;border-radius:6px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500;padding:4px 10px;transition:background .2s;white-space:nowrap}.reporter-label{color:#c94c4c;font-size:13px}.incident-meta,.reporter-name{color:#000;font-size:13px;margin-bottom:3px}.incident-location-detail{color:gray;font-size:13px;margin-bottom:3px}.duplicate-badge{background:#fc0;border-radius:12px;color:#000;font-size:12px;font-weight:700;margin-left:8px;padding:4px 8px}.report-icon{color:#c94c4c;font-size:15px;transition:transform .15s,color .15s;vertical-align:middle}.incident-evidence{margin-top:20px}.proof-thumb{border:1px solid #ccc;border-radius:8px;height:200px;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:200px}.incident-evidence p{color:#555;font-size:14px;margin-top:5px}.incoming-call-container{align-items:flex-end;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;top:20px;transition:top .3s ease;z-index:3000}.incoming-call-container.with-active-call{top:250px}.active-call-popup{order:-1;z-index:10000}.incoming-call-popup{animation:slideIn .5s ease-out;background-color:#fff;border:3px solid #c94c4c;border-radius:12px;box-shadow:0 8px 20px #0000004d;font-family:Arial,sans-serif;padding:16px;pointer-events:auto;width:300px;z-index:1000}.incoming-call-popup h4{color:#25597c;font-size:18px;margin:0 0 8px}.incoming-call-popup p{color:#333;font-size:14px;margin:0 0 12px}.incoming-call-popup button{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 12px}.incoming-call-popup button:first-of-type{background-color:#25597c;color:#fff}.incoming-call-popup button:last-of-type{background-color:#c94c4c;color:#fff}.floating-call-popup{background:linear-gradient(135deg,#25597c,#317fa6);border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;font-family:sans-serif;font-size:14px;margin:15px;padding:12px;position:fixed;right:20px;text-align:center;top:70px;width:200px;z-index:2000}.call-info-mini{flex:1 1;gap:5px;overflow:hidden}.d-caller-name{font-size:13px;font-weight:700;margin:0 0 4px}.d-caller-label{font-size:12px}.call-popup h4{font-size:16px;margin:0 0 8px}.call-popup p{font-size:14px;margin:4px 0}.call-popup-actions{display:flex;justify-content:center;margin-top:10px}.call-popup-location{color:#e3f2fd;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-duration,.call-popup-location,.call-status{font-size:13px;margin:2px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-call-btn img{height:20px;object-fit:contain;width:20px}.end-call-btn{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;padding:6px;transition:background .2s ease;width:34px}.end-call-btn:hover{background:#c62828}body,html{overflow-x:hidden}.admin-dashboard-container{background:#f5f6fa;display:flex;flex-direction:column;min-height:100vh}.dashboard-main-content{display:flex;flex:1 1;margin-top:64px;min-height:0}.dashboard-content-area{display:flex;flex-direction:column;gap:1rem;margin-left:230px;min-width:0;padding:.5rem 2rem 2rem;width:calc(100% - 230px)}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;padding:10px 20px}.dashboard-greeting{margin-top:0;padding-top:0}.dashboard-title{color:#25597c;font-size:20px;margin-bottom:0}.dashboard-welcome{color:#888;font-size:15px}.dashboard-stats{display:flex;gap:1rem;height:60px;justify-content:flex-start;width:100%}.stat-card{align-items:center;background:#f4f5f9;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:0 .8rem;text-align:center}.stat-label{color:#888;font-size:13px;line-height:1.1;padding-top:10px}.stat-value{font-size:15px;font-weight:700;margin:2px 0 0}.stat-danger{color:#e74c3c}.stat-warning{color:#f39c12}.stat-success{color:#27ae60}.dashboard-overview-section{display:flex;flex-wrap:wrap;gap:2rem}.reports-overview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;flex:2 1;flex-direction:column;gap:1.5rem;min-width:320px;padding:1.5rem}.reports-summary{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.summary-value{color:#25597c;font-size:1.5rem;font-weight:700}.summary-label{color:#888;font-size:.95rem}.reports-chart-placeholder{align-items:center;background:#f0f2f7;border-radius:8px;display:flex;height:80px;justify-content:center}.chart-bar{background:linear-gradient(90deg,#e74c3c 20%,#3498db 60%,#27ae60);border-radius:12px;height:24px;width:90%}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{color:#444;display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px}.activity-time{color:#aaa;font-size:.9rem;margin-left:1rem}.dashboard-lower-section{display:flex;flex-direction:column;gap:2rem;width:100%}.lower-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:minmax(400px,2fr) 1fr;width:100%}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;grid-row:1/2;max-height:230px;overflow-y:auto;padding:1.5rem}.incident-heatmap h3,.incident-report-monthly h3,.latest-emergency-report h3,.recent-activity h3{color:#25597c;margin-bottom:10px}.incident-heatmap{grid-row:1/span 2;height:448px;padding:1.5rem 1.5rem 5.5rem;width:100%}.incident-heatmap,.latest-emergency-report{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;flex:1 1;min-width:320px}.latest-emergency-report{padding:1.5rem}.heatmap-placeholder{align-items:center;background:#f0f2f7;border-radius:8px;color:#888;display:flex;font-size:1.1rem;height:auto;justify-content:center;min-height:400px}.heatmap-legend{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:12px}.legend-label{white-space:nowrap}.legend-bar{background:linear-gradient(90deg,#78c878 0,#78c878 33.33%,#ffd278 0,#ffd278 66.66%,#c94c4c 0,#c94c4c);border-radius:8px;flex:1 1;height:16px}.emergency-report-list{list-style:none;margin:0;padding:0}.emergency-report-list li{border-bottom:1px solid #f0f0f0;margin-bottom:1.2rem;padding-bottom:1rem}.dashboard-report-status{border-radius:8px;display:inline-block;font-size:.95rem;font-weight:600;margin-right:.7rem;padding:.2rem .7rem}.report-status.assigned{background:#ffe5e0;color:#e74c3c}.report-status.enroute{background:#e0f7fa;color:#3498db}.dashboard-report-title{color:#23408e;font-weight:600;margin-right:.7rem}.dashboard-report-date{color:#aaa;font-size:12px}.dashboard-report-details{color:#444;font-size:.97rem;margin-top:.3rem}.dashboard-report-team{color:#25597c;font-size:14px}.dashboard-same-line{align-items:center;display:flex;gap:8px;padding:5px 0}.dashboard-report-type{font-size:14px;margin:0}.dashboard-report-type strong{color:#c94c4c}.dashboard-report-location{color:gray;font-size:14px;font-weight:500;padding:5px 0}.stat-icon{color:#757575;font-size:15px;margin-bottom:2px;margin-right:6px;transition:transform .15s,color .15s;vertical-align:middle}.incident-report-monthly{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;min-width:320px;padding:1.5rem}.incident-report-monthly table{border-collapse:collapse;width:100%}.incident-report-monthly td,.incident-report-monthly th{color:#444;font-size:14px;padding:6px 14px}.incident-report-monthly th:first-child{background-color:#f4f5f9;text-align:left}.incident-report-monthly th:nth-child(2){background-color:#f4f5f9;text-align:center}.incident-report-monthly td:first-child{text-align:left}.incident-report-monthly td:nth-child(2){color:#25597c;font-weight:600;text-align:center}.incident-report-monthly tbody tr:nth-child(2n){background-color:#f4f5f9}.incident-report-monthly tbody tr:nth-child(odd){background-color:#fff}.incident-report-monthly tbody tr:hover{background-color:#eef2fb}.incident-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.print-icon{font-size:14px;margin-top:2px}.print-btn{background-color:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:background .2s ease}.print-btn:hover{background-color:#225171}.incident-detailed-section{display:flex;justify-content:flex-end;margin-top:10px}@media (max-width:1100px){.dashboard-lower-section,.dashboard-overview-section{flex-direction:column;gap:1.2rem}.dashboard-content-area{padding:1rem .5rem;width:auto}}@media (max-width:800px){.dashboard-main-content{flex-direction:column}.dashboard-content-area{margin-left:80px;padding:1rem .5rem;width:auto}}@media (max-width:600px){.dashboard-header,.incident-heatmap,.latest-emergency-report,.recent-activity,.reports-overview{padding:1rem .5rem}.dashboard-title{font-size:1.3rem}.stat-card{min-width:120px;padding:.7rem .8rem}.dashboard-content-area{margin-left:100px;padding:1rem .5rem;width:auto}}.btn{align-items:center;border-radius:6px;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25;min-height:40px;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out}.btn-primary{box-shadow:0 1px 3px #0000001a}.btn-primary:hover{background:#225272;box-shadow:0 4px 6px #0000001a}.btn-primary:active{background:#225272;transform:translateY(0)}.btn-primary:focus{box-shadow:0 0 0 3px #1a56db1a;outline:none}.btn-small{font-size:.75rem;min-height:32px;padding:6px 12px}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-secondary:active{background:#374151}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-success:active{background:#065f46}.btn-danger{background:#c94c4c;color:#fff}.btn-danger:hover{background:#a81a1a}.btn-danger:active{background:#b34545}.btn-warning{background:#d97706;color:#fff}.btn-warning:hover{background:#b45309}.btn-warning:active{background:#92400e}.btn-outline{border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-outline-primary{background:#0000;border:1px solid #1a56db;color:#1a56db}.btn-outline-primary:hover{background:#1a56db;color:#fff}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-icon{min-height:40px;min-width:40px;padding:8px}.btn-icon.btn-small{min-height:32px;min-width:32px;padding:6px}.btn-group{border-radius:6px;display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid #fff3}.btn-group .btn:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.btn-group .btn:last-child{border-bottom-right-radius:6px;border-right:none;border-top-right-radius:6px}.btn-loading{color:#0000;position:relative}.btn-loading:after{animation:btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.btn{font-size:.8rem;min-height:36px;padding:8px 16px}.btn-small{font-size:.7rem;min-height:28px;padding:5px 10px}}.admin-page-container{background:#f5f6fa;display:flex;min-height:100vh}.admin-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}@media (max-width:900px){.admin-main-content{margin-left:70px}}@media (max-width:600px){.admin-main-content{margin-left:0}}.user-management-content{flex:1 1;padding:2rem 2.5rem}.user-management-title{color:#25597c;font-size:20px;font-weight:700;margin-bottom:0}.user-management-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:1.5rem}.user-management-section{margin-bottom:1.5rem}.section-title{color:#374151;font-size:16px;margin-bottom:1rem;margin-top:0}.user-management-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.search-section{display:flex;flex:2 1;gap:.5rem;min-width:200px}.u-search-input{flex:1 1}.filter-section{display:flex;gap:.5rem;min-width:200px}.user-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;min-width:120px;padding:.6rem 1rem}.user-filter-select:focus{border-color:#25597c;box-shadow:0 0 0 3px #1a56db1a;outline:none}.action-section{margin-left:auto}.create-user-btn{background:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.7rem 1rem;white-space:nowrap}.user-table-wrapper{margin-bottom:1rem;overflow-x:auto}.user-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:.8rem .7rem;text-align:left}.user-table th{background:#f9fafb;color:#374151;font-weight:600}.user-table td{color:#6b7280}.user-table td:nth-child(n+2):nth-child(-n+6),.user-table th:nth-child(n+2):nth-child(-n+6){text-align:center}.even-row{background-color:#f9fafb}.odd-row{background-color:#fff}.no-data{color:#9ca3af;font-style:italic;text-align:center}.user-status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.user-status.active{background-color:#e6f7ec;border:1px solid #2e7d32;color:#2e7d32}.user-status.pending{background-color:#fff8e1;border:1px solid #f57c00;color:#f57c00}.user-status.rejected{background-color:#fdecea;border:1px solid #bb4545;color:#c94c4c}.user-action-btn{align-items:center;background:#1a56db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;padding:6px 8px;transition:background-color .2s}.user-action-btn:hover{background:#1e40af}.user-pagination{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;margin-top:1rem;padding-top:1rem}.pagination-info{color:#6b7280}.pagination-controls{display:flex;gap:.5rem}@media (max-width:900px){.user-management-content{padding:1rem .5rem}.user-management-card{padding:1rem}.user-management-controls{align-items:stretch;flex-direction:column}.action-section,.filter-section,.search-section{width:100%}.search-section{flex-direction:column}.filter-section{justify-content:space-between}.action-section{margin-left:0;margin-top:.5rem}.user-table td,.user-table th{font-size:13px;padding:.5rem .3rem}}.user-icon{color:#fff;font-size:13px}@media (max-width:600px){.user-management-title{font-size:1.1rem}.user-management-card{padding:.5rem}.user-table td,.user-table th{font-size:.9rem;padding:.3rem .2rem}.user-management-content{padding:.5rem .2rem}.user-pagination{align-items:center;flex-direction:column;gap:.5rem}}.h-container{padding:1rem}.h-title{color:#25597c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.h-controls{display:flex;gap:8px;margin-bottom:12px}.h-print-btn{background-color:#25597c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;transition:background .2s;width:25%}.h-print-btn:hover{background-color:#225271}.h-table{border-collapse:collapse;font-size:12px;margin-bottom:12px;width:100%}.h-table th{font-size:13px}.h-table td,.h-table th{border-bottom:1px solid #eee;color:#374151;padding:10px}.h-table td{text-align:center}.h-table tbody tr:nth-child(2n){background-color:#f9f9f9}.h-table tbody tr:nth-child(odd){background-color:#fff}.h-status-badge{border-radius:8px;display:inline-block;font-size:11px;font-weight:500;padding:4px 12px;white-space:nowrap}.h-pagination{color:#888;display:flex;font-size:13px;justify-content:space-between;margin-top:8px}.h-pagination-btn{background:#e0e7ff;border:none;border-radius:6px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500;padding:4px 10px;transition:background .2s}.h-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.h-select-all-checkbox{cursor:pointer}.h-table-container{overflow-x:auto}.h-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;padding:.6rem 1rem}.h-filter-select:focus{border-color:#25597c;box-shadow:0 0 0 3px #1a56db1a;outline:none}.response-team-title{color:#25597c;font-size:20px;font-weight:700;margin-bottom:0}.response-team-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:8px;padding:24px}.response-team-controls{display:flex;gap:8px;margin-bottom:12px}.create-team-btn{background:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 18px;width:150px}.response-team-table{border-collapse:collapse;margin-bottom:12px;width:100%}.response-team-table td,.response-team-table th{border-bottom:1px solid #eee;font-size:14px;padding:12px 10px;text-align:left}.response-team-table th{color:#374151}.availability-badge{border-radius:8px;font-size:14px;font-weight:500;padding:4px 12px}.status-available{color:#78c878;font-weight:600}.status-unavailable{color:#c94c4c;font-weight:600}.response-team-pagination{color:#888;display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.view-btn{color:#757575;margin-right:6px}.delete-btn,.view-btn{cursor:pointer;font-size:24px;transition:transform .15s,color .15s;vertical-align:middle}.delete-btn{color:#e74c3c}.view-btn:hover{color:#626262;transform:scale(1.1)}.delete-btn:hover{color:#c0392b;transform:scale(1.1)}.create-user-wrapper.compact{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-left:10px;margin-top:20px;padding:0}.cu-grid.compact{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 180px;margin-bottom:20px;padding:0 20px}.cu-header{align-items:center;background:#25597c;border-radius:8px 8px 0 0;color:#fff;display:flex;gap:12px;margin-bottom:20px;padding:15px 20px}.cu-header h2{font-size:20px;font-weight:600;margin:0}.cu-form{padding:0 0 20px}.cu-info-section{align-items:center;column-gap:20px;display:flex;flex-direction:column;grid-template-columns:150px 1fr;row-gap:10px}.cu-content{padding:0 5px 5px}.cu-info-table{border-collapse:collapse;font-size:13px;margin-left:50px;margin-top:40px;table-layout:fixed;width:100%}.cu-info-table td{word-wrap:break-word;padding:0 8px;vertical-align:top}.cu-info-table .label{color:#25597c;font-size:14px;font-weight:600;white-space:nowrap;width:50%}.cu-info-table .value{color:gray;font-size:13px;width:30%}.cu-info-table .image-label{color:#25597c;font-weight:600;width:20%}.file-upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.file-upload-container input[type=file]{display:none}.file-upload-label{background-color:#25597c;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:5px 14px;transition:background .2s ease}.file-upload-label:hover{background-color:#1e4b6b}.file-upload-count{color:#374151;font-size:.9rem}.profile-image{border-radius:6px;height:150px;object-fit:cover;width:150px}.ct-grid,.cu-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr 200px;margin-bottom:30px}.ct-col,.cu-col{gap:15px}.ct-col,.cu-col,.cu-col.compact{display:flex;flex-direction:column}.cu-col.compact{gap:12px}.ca-grid{box-sizing:border-box;gap:15px;padding:20px}.ca-col,.ca-grid{display:flex;flex-direction:column;width:100%}.ca-col{gap:12px}.ca-label{color:#25597c;font-size:15px;font-weight:600;padding:0 5px;width:100%}.cu-upload-col{display:flex;flex-direction:column;gap:15px}.cu-upload-col.compact{display:flex;flex-direction:column;gap:12px}.ct-col label,.ct-upload-col label,.cu-col label,.cu-upload-col label{color:#25597c;font-size:14px;font-weight:600;margin-bottom:5px}.cu-col label.compact,.cu-upload-col label.compact{color:#25597c;font-size:13px;font-weight:600;margin-bottom:3px}.ct-input,.cu-input{border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px}.ct-input,.cu-input,.cu-input.compact{background:#fff;font-size:14px;transition:border-color .2s ease}.cu-input.compact{border:1px solid #d1d5db;border-radius:6px;padding:10px 14px}.ct-input:focus,.cu-input:focus{border-color:#25597c;box-shadow:0 0 0 2px #1e40af1a;outline:none}.ct-input::placeholder,.cu-input::placeholder{color:#9ca3af}.ct-input[type=select],.cu-input[type=select],select.ct-input,select.cu-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.ct-upload-box,.cu-upload-box{border:2px dashed #d1d5db;border-radius:8px;height:200px;width:200px}.ct-upload-box,.cu-upload-box,.cu-upload-box.compact{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:center;transition:border-color .2s ease,background-color .2s ease}.cu-upload-box.compact{border:1px dashed #d1d5db;border-radius:6px;height:180px;width:180px}.ct-upload-box:hover,.cu-upload-box:hover{background:#f0f9ff;border-color:#1e40af}.ct-plus,.cu-plus{color:#6b7280;font-size:48px;font-weight:300}.ct-upload-box:hover .ct-plus,.cu-upload-box:hover .cu-plus{color:#1e40af}.cu-actions{margin:20px;min-width:100px;padding:6px 20px;text-align:center;width:auto}.ct-actions,.cu-actions{border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:center;padding-top:20px}.btn{font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background:#22506f;box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #c94c4c;color:#c94c4c}.btn-outline:hover{background:#b84545;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.ct-grid,.cu-grid{gap:20px;grid-template-columns:1fr 1fr}.ct-upload-col,.cu-upload-col{align-items:center;grid-column:span 2}}@media (max-width:768px){.ct-grid,.cu-grid{gap:20px;grid-template-columns:1fr}.ct-upload-col,.cu-upload-col{grid-column:span 1}.ct-actions,.cu-actions{align-items:center;flex-direction:column}.btn{max-width:200px;width:100%}}@media (max-width:1024px){.cu-grid.compact{gap:15px;grid-template-columns:1fr 1fr}.cu-upload-col{align-items:center;grid-column:span 2}}@media (max-width:768px){.cu-grid.compact{gap:15px;grid-template-columns:1fr}.cu-upload-col{grid-column:span 1}.cu-actions{align-items:center;flex-direction:column}.btn{max-width:180px;width:100%}}.btn:focus-visible,.ct-input:focus-visible,.cu-input:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.btn:disabled,.ct-input:disabled,.cu-input:disabled{cursor:not-allowed;opacity:.6}.ct-input.error,.cu-input.error{border-color:#c94c4c}.ct-input.error:focus,.cu-input.error:focus{border-color:#c94c4c;box-shadow:0 0 0 3px #dc26261a}.ct-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:0 20px 20px}.ct-info-section,.ct-schedule-section{display:flex;flex-direction:column;gap:25px}.ct-info-item>label{font-size:14px;margin-top:10px}.ct-status{font-size:13px}.ct-info-item.ct-status-item .ct-status.available{background:#dcfce7;color:#23a956}.ct-info-item.ct-status-item .ct-status.unavailable{background:#fef2f2;color:#dc2626}.ct-member-item{border:1px solid #e2e8f0}.ct-add-member-btn:hover{background:#245474}.ct-add-member-btn:focus-visible,.ct-checkbox:focus-visible,.ct-delete-btn:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.create-team-wrapper.compact{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-left:10px;margin-top:20px;max-width:auto;padding:0}.ct-header{background:#25597c;border-radius:8px 8px 0 0;color:#fff;gap:5px;margin-bottom:0;padding:10px 15px}.ct-header,.ct-header-icon{align-items:center;display:flex}.ct-header-icon{background:#fff3;border-radius:50%;font-size:16px;font-weight:700;height:25px;justify-content:center;width:25px}.ct-header h2{font-size:16px;font-weight:600;margin:0 0 0 10px}.ct-add-member-btn:hover{background:#224f6e}@media (max-width:768px){.ct-content{gap:30px;grid-template-columns:1fr}.ct-actions{align-items:center;flex-direction:column;justify-content:center}.btn{max-width:200px;width:100%}}.ct-header-with-edit{align-items:center;background:#25597c;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.ct-header-left{align-items:center;display:flex;gap:12px}.cu-header-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-weight:700;height:25px;justify-content:center;padding:5px;width:25px}.announcement-icons{font-size:15px;margin-right:5px;margin-top:2px}.ct-header-left h2{font-size:20px;font-weight:600;margin:0}.edit-btn-top{background:#25597c;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;font-weight:500;height:36px;min-width:80px;padding:8px 16px;transition:all .2s ease}.edit-btn-top:hover{background:#235272;border-color:#ffffff80;transform:translateY(-1px)}.edit-btn-top:focus{box-shadow:0 0 0 3px #fff3;outline:none}.ct-info-item>label{color:#1e40af}.ct-add-member-btn:hover{background:#235271}.ct-info-section.ct-top-row{align-items:left;display:flex;flex-wrap:wrap;gap:2rem;margin-left:0}.edit-btn-inline{height:2rem;margin-left:90px;margin-top:1.2rem;width:300px}.a-edit-btn-inline{margin-left:90px;margin-top:140px;max-height:30px;width:300px}@media (max-width:768px){.ct-header-with-edit{align-items:stretch;flex-direction:column;gap:15px}.ct-content{gap:30px;grid-template-columns:1fr}.ct-actions{align-items:center;flex-direction:column;justify-content:center}.btn{max-width:200px;width:100%}}.ct-edit-section{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-left:auto;margin-top:0;padding:15px 20px;width:200px}.edit-btn-separated{background:#22506e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:80px;padding:8px 16px;transition:all .2s ease}.edit-btn-separated:hover{background:#245575;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.edit-btn-separated:focus{box-shadow:0 0 0 3px #1e40af33;outline:none}.ct-info-item{display:flex;flex-direction:column;gap:10px}.ct-info-item>label{color:#25597c;font-size:16px;font-weight:600;margin-bottom:5px}.ct-status{border-radius:20px;display:inline-block;font-size:16px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.ct-members-list{display:flex;flex-direction:column;gap:12px}.ct-member-item{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.ct-member-item:hover{background:#f1f5f9;border-color:#cbd5e1}.ct-checkbox{accent-color:#25597c;cursor:pointer;height:18px;width:18px}.ct-member-name{color:#374151;flex:1 1;font-size:14px}.ct-delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.ct-delete-btn:hover{background:#fef2f2}.ct-add-member-btn{align-items:center;align-self:flex-start;background:#25597c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:8px;transition:all .2s ease;width:40px}.ct-add-member-btn:hover{background:#235474;transform:scale(1.05)}.ct-plus{font-size:24px;font-weight:300}.ct-date-input{display:flex;flex-direction:column;gap:8px}.ct-date-input label{color:#374151;font-size:14px;font-weight:500}.ct-date-display{background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:12px 16px}.ct-actions{border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:flex-end;padding:20px}@media (max-width:768px){.ct-edit-section{justify-content:center}.ct-content{gap:30px;grid-template-columns:1fr}.ct-actions{align-items:center;flex-direction:column;justify-content:center}.btn{max-width:200px;width:100%}}.user-display-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:40px auto;max-width:1200px;overflow:hidden}.ud-header{background:#25597c;color:#fff;gap:12px;padding:15px 20px}.ud-header,.ud-header-icon{align-items:center;display:flex}.ud-header-icon{background:#fff3;border-radius:50%;font-size:16px;font-weight:700;height:35px;justify-content:center;width:35px}.ud-header h2{font-size:20px;font-weight:600;margin:0}.ud-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:40px}.ud-details-section h3,.ud-image-section h3{border-bottom:2px solid #e5e7eb;color:#1e40af;font-size:18px;font-weight:600;margin:0 0 25px;padding-bottom:12px}.ud-details-list{gap:25px}.ud-detail-item,.ud-details-list{display:flex;flex-direction:column}.ud-detail-item{gap:10px}.ud-detail-item label{color:#374151;font-size:15px;font-weight:600}.ud-detail-item span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:16px;min-height:25px;padding:15px 20px}.ud-image-container{align-items:center;display:flex;justify-content:center;min-height:400px}.ud-id-image{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:500px;max-width:100%;object-fit:contain}.ud-no-image{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-style:italic;height:300px;width:400px}.ud-actions,.ud-no-image{background:#f9fafb;display:flex;justify-content:center}.ud-actions{border-top:1px solid #e5e7eb;gap:30px;padding:40px}.btn-reject{background:#c94c4c;border:2px solid #c94c4c;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .2s ease}.btn-reject:hover{background:#ba4747;border-color:#ba4747;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-approve{background:#25597c;border:2px solid #25597c;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .2s ease}.btn-approve:hover{background:#21506f;border-color:#21506f;box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}@media (max-width:768px){.ud-content{gap:30px;grid-template-columns:1fr;padding:20px}.ud-actions{align-items:center;flex-direction:column;padding:20px}.btn{max-width:200px;width:100%}.user-display-wrapper{margin:20px}.create-team-wrapper.compact,.create-user-wrapper.compact,.cu-form{margin:80px}}@media (max-width:1100px){.create-team-wrapper.compact,.create-user-wrapper.compact,.cu-form{margin-left:140px;width:auto}}@media (max-width:800px){.create-team-wrapper.compact,.create-user-wrapper.compact,.cu-form{margin-left:140px;width:auto}}.admin-announcement-title{color:#25597c;font-size:20px;margin-bottom:0}.create-announcement-btn{background:#25597c;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:14px;font-weight:500;margin-bottom:0;padding:10px 18px}.announcement-list{display:flex;flex-direction:column;gap:18px;margin-top:20px}.announcement-card{background:#fff;box-shadow:0 2px 8px #0000000d;min-height:120px;padding:18px 24px;position:relative}.announcement-icon{color:#25597c;font-size:2.5rem;margin-right:18px}.announcement-content{flex:1 1}.announcement-date{color:#888;margin-bottom:8px}.announcement-image img{max-height:200px;max-width:220px}.announcement-pagination{color:#888;display:flex;font-size:14px;justify-content:space-between;margin-top:18px}.announcement-delete-btn{align-items:center;background:#c94c4c;border:none;border-radius:20%;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:0;position:absolute;right:10px;transition:background .2s;width:40px}.announcement-delete-btn:hover{background:#b84646}.settings-title{color:#25597c;font-size:20px;margin-bottom:0}.settings-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:0;padding:18px;position:relative}.settings-card.full-width{grid-column:1/-1}.activity-log-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;justify-content:space-between;padding:0 12px 16px;width:100%}.title-wrapper{align-items:center;display:flex;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-log-btn{flex-shrink:0;font-size:14px;margin-left:auto;margin-top:0;max-width:20%;padding:6px 14px}.card-header{gap:8px;margin-bottom:8px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{color:#757575;font-size:24px;height:24px;justify-content:center;width:24px}.settings-card h4{color:#111827;font-size:16px;font-weight:600;margin:0}.settings-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:16px}.settings-card table{border-collapse:collapse;margin-bottom:16px;width:100%}.settings-card td,.settings-card th{border-bottom:1px solid #e5e7eb;font-size:13px;padding:8px 10px;text-align:left}.settings-card th{background-color:#f9fafb;color:#374151;font-weight:600}.settings-card td{color:#6b7280}.settings-card tbody tr:nth-child(2n){background-color:#f9fafb}.settings-card tbody tr:nth-child(odd){background-color:#fff}.form-group{margin-bottom:12px}.settings-card label{color:#374151;font-size:13px;font-weight:500;margin-right:8px}.settings-card input[type=time],.settings-card select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;padding:6px 8px}.settings-card input[type=time]:focus,.settings-card select:focus{border-color:#25597c;box-shadow:0 0 0 3px #1a56db1a;outline:none}.edit-btn{font-size:12px;margin-left:auto;padding:6px 12px}.activity-logs{border-collapse:collapse;width:100%}.activity-logs td,.activity-logs th{font-size:13px;padding:8px;text-align:left}.lookup-table td,.lookup-table th{font-size:13px;padding:8px}.button-group{display:flex;gap:10px;margin-top:70px}.button-group .btn{flex:1 1}@media (max-width:768px){.settings-grid{gap:16px;grid-template-columns:1fr}.settings-card{padding:16px}.card-header{flex-wrap:wrap}.settings-card.full-width{grid-column:1}}.incident-editor-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.incident-editor-modal{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:75%;max-width:95%;overflow-y:auto;width:700px}.ie-header{align-items:center;background:#25597c;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:15px 20px}.ie-table-container{padding:10px}.ie-table{border-collapse:collapse;font-size:12px;width:100%}.ie-table td,.ie-table th{border-bottom:1px solid #e5e7eb;padding:8px 15px;text-align:left}.ie-table th{color:#25597c;font-weight:600}.ie-table input{border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:8px 12px;transition:border .2s ease;width:100%}.ie-table input:focus{border-color:#25597c;box-shadow:0 0 0 2px #1e40af1a;outline:none}.ie-actions{display:flex;gap:15px}.ie-actions button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.ie-actions .btn-save{background:#25597c;color:#fff}.ie-actions .btn-save:hover{background:#235170;box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.ie-actions .btn-delete{background:#c94c4c;color:#fff}.ie-actions .btn-delete:hover{background:#bc4646;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.ie-new-row input{background:#f9fafb}.ie-close-btn{align-self:flex-end;background:#eeeff2;border:none;border-radius:6px;color:#111827;cursor:pointer;font-weight:500;margin:20px;padding:10px 20px}.ie-close-btn:hover{background:#e5e7eb}.priority-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:8px 16px;transition:border-color .2s ease}.icon-dropdown{height:48px;position:relative;width:48px}.icon-dropdown-selected{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;transition:.2s;width:100%}.icon-dropdown-selected:hover{background:#f2f2f2}.icon-dropdown-list{grid-gap:8px;background:#fff;border:1px solid #ccc;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);left:0;max-height:220px;overflow-y:auto;padding:8px;position:absolute;top:52px;z-index:10}.icon-dropdown-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:.15s}.icon-dropdown-item:hover{background:#eaeaea}.icon-preview{font-size:1.3rem}.icon-placeholder{color:#aaa;font-size:1.4rem}.ie-footer{align-items:center;border-top:1px solid #ddd;display:flex;gap:10px;justify-content:flex-end;padding:10px 20px}.ie-footer .btn-add,.ie-footer .btn-delete-all,.ie-footer .btn-save-all{align-items:center;background:#eeeff2;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:4px;justify-content:center;padding:6px;transition:background .2s ease,transform .2s ease}.ie-footer .btn-add:hover,.ie-footer .btn-delete-all:hover,.ie-footer .btn-save-all:hover{background:#e5e7eb;transform:translateY(-1px)}.ie-footer .card-icon{font-size:14px}.notifications-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:100%;margin-top:1rem;padding:20px}.dashboard-container{background-color:#f7f8fa;min-height:100vh;padding-bottom:70px;position:relative}.scroll-view{min-height:calc(100vh - 230px);padding-bottom:100px;padding-top:130px}.user-info-section{background-color:#fff;margin-top:100px;padding:16px}.welcome{color:#222;font-size:18px;font-weight:600;margin:0 0 4px}.name{color:#222;font-size:16px;font-weight:700;margin:0 0 2px}.address{color:#666;font-size:12px;margin:0 0 8px}.tips-button{align-items:center;align-self:flex-start;background:none;border:none;cursor:pointer;display:flex;padding:0}.tips-button-text{color:#222;font-size:14px;margin-right:8px}.tips-show-button{background-color:#c94c4c;border-radius:8px;padding:4px 14px}.tips-show-button-text{color:#fff;font-size:14px;font-weight:700}.sos-section{align-items:center;background-color:#fff;border:1px solid #c94c4c;border-radius:16px;display:flex;flex-direction:column;margin:16px 16px 18px;padding:18px}.sos-title{color:#222;font-size:16px;font-weight:700;margin:0 0 2px}.sos-subtitle{color:#888;font-size:12px;margin:0 0 10px}.sos-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-top:8px;transition:transform .2s ease}.sos-button:hover{transform:scale(1.05)}.sos-button:active{transform:scale(.95)}.sos-outer-circle{background-color:#ffb3b3;border-radius:90px;height:180px;width:180px}.sos-inner-circle,.sos-outer-circle{align-items:center;display:flex;justify-content:center}.sos-inner-circle{background-color:#c94c4c;border-radius:70px;box-shadow:0 4px 8px #6e120e66;height:140px;width:140px}.sos-text{color:#fff;font-size:36px;font-weight:700;letter-spacing:2px;margin:0}.resident-section-title{color:#222;font-size:15px;font-weight:700;margin-bottom:4px;margin-left:16px;margin-top:10px}.announcement-card{align-items:center;margin-bottom:8px;padding:12px}.announcement-text{color:#222;flex:1 1;font-size:14px;margin:0}.announcement-button{background-color:#4be37a;border:none;border-radius:8px;cursor:pointer;padding:6px 18px}.announcement-button-text{color:#fff;font-size:14px;font-weight:700}.resident-report-card{align-items:center;background-color:#fff;border:1px solid #25597c;border-radius:12px;display:flex;margin:8px 16px;padding:12px}.report-type{color:#c94c4c;font-size:13px}.report-location{color:#666;font-size:12px}.report-status{color:#fff;font-size:13px;font-weight:700}.resident-status-badge{border-radius:20px;color:#000;font-size:13px;font-weight:500;margin-right:10px;padding:10px 20px}.resident-status-badge.status-accepted{background:#e0e0e0;color:#000}.resident-status-badge.status-invalid{background:#fee2e2;color:#000}.resident-status-badge.status-requesting-for-backup{background:#fef3c7;color:#000}.resident-status-badge.status-resolved{background:#bbf7d0;color:#000}.empty-card{align-items:center;display:flex;justify-content:center;margin-bottom:8px;margin-left:16px;margin-right:16px;padding:16px}.empty-text{font-size:14px}.unanswered-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.unanswered-modal{animation:fadeIn .2s ease-in-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:400px;padding:24px;text-align:center;width:90%}.unanswered-modal h2{color:#222;font-size:1.5rem;margin-bottom:12px}.unanswered-modal p{color:#555;font-size:1rem;margin-bottom:20px}.unanswered-modal-buttons{display:flex;gap:12px;justify-content:center}.unanswered-modal-buttons .primary{background-color:#c94c4c;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.unanswered-modal-buttons .primary:hover{background-color:#c83c3c}.unanswered-modal-buttons .secondary{background-color:#f0f0f0;border:none;border-radius:12px;color:#333;cursor:pointer;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.unanswered-modal-buttons .secondary:hover{background-color:#d9d9d9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header{padding-top:20px}.scroll-view{min-height:calc(100vh - 190px);padding-bottom:80px;padding-top:110px}.sos-outer-circle{border-radius:70px;height:140px;width:140px}.sos-inner-circle{border-radius:50px;height:100px;width:100px}.sos-text{font-size:28px}}@media (max-width:480px){.scroll-view{min-height:calc(100vh - 170px);padding-bottom:70px;padding-top:100px}.user-info-section{display:flex;justify-content:space-between}.sos-outer-circle{border-radius:60px;height:120px;width:120px}.sos-inner-circle{border-radius:40px;height:80px;width:80px}.sos-text{font-size:24px}}.announcement-container{background-color:#f7f8fa;flex:1 1;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.scroll-view{flex:1 1;overflow-y:auto;padding-bottom:120px;padding-top:0}.announcement-card{align-items:flex-start;background-color:#fff;border:1px solid #b3c6e0;border-radius:12px;display:flex;flex-direction:column;margin-bottom:18px;margin-left:16px;margin-right:16px;padding:16px}.announcement-title{color:#222;font-size:20px;font-weight:700;margin:0 0 10px}.announcement-img-box{border-radius:12px;height:140px;margin-bottom:10px;overflow:hidden;width:100%}.announcement-img{height:100%;object-fit:cover;width:100%}.announcement-date{color:#222;font-size:14px;margin:2px 0 0}.empty-text{width:100%}.announcement-image{flex-shrink:0}.announcement-image img{border-radius:8px;height:auto;margin-left:15px;margin-top:15px;max-height:120px;max-width:140px;object-fit:cover;width:auto}@media (max-width:768px){.header{padding-top:20px}.title-row{margin-bottom:20px;padding-top:70px}.title{font-size:20px}.announcement-title{font-size:18px}.nav-icon-text{font-size:1.3rem}}@media (max-width:480px){.title-row{margin-bottom:16px}.title{font-size:18px}.announcement-title{font-size:16px}.announcement-img-box{height:120px}.nav-icon-text{font-size:1.2rem}}.report-container{background-color:#f7f8fa;flex:1 1;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.title-row{padding-top:20px}.toggle-row{align-items:center;display:flex;margin-bottom:10px;margin-left:16px}.toggle-label{color:#222;font-size:15px;font-weight:700;margin-right:10px}.toggle-button{background-color:#eee;border:none;border-radius:8px;cursor:pointer;margin-right:8px;padding:6px 18px;transition:all .3s ease}.toggle-button:hover{background-color:#ddd}.toggle-button-active-victim,.toggle-button-active-witness{background-color:#c94c4c}.toggle-button-text{color:#222;font-size:15px;font-weight:700}.toggle-button-text-active-victim,.toggle-button-text-active-witness{color:#fff}.incident-container{background-color:#fff;border:1px solid #b3c6e0;border-radius:10px;display:flex;flex-direction:column;margin:12px 16px 100px;max-height:70vh;overflow-y:auto;padding:22px}.incident-label{color:#222;font-size:20px;font-weight:700;margin:0 0 10px}.incident-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%}.incident-button{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:center;min-height:80px;transition:transform .3s ease,box-shadow .3s ease}.incident-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.incident-button-text{color:#222;font-size:16px;font-weight:700;line-height:1.2;text-align:center;white-space:pre-line}.incident-button-content{align-items:center;display:flex;gap:8px;justify-content:center;padding:10px}.incident-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:20px;height:24px;object-fit:contain;width:24px}@media (max-width:768px){.title-row{padding-top:15px}.incident-label,.title{font-size:18px}.incident-button{flex-basis:100%;margin-right:0}.incident-button-text{font-size:15px}}@media (max-width:480px){.title{font-size:16px}.incident-label{font-size:15px}.incident-button{min-height:60px}.incident-button-text,.toggle-button-text,.toggle-label{font-size:14px}}.header-left{align-items:center;display:flex}.app-logo{height:50px;width:auto}.app-title{color:#222;font-size:20px;font-weight:700}.avatar{background:#fff;border:none;border-radius:50%;height:20px;overflow:hidden;width:20px}.avatar img{height:100%;object-fit:cover;width:100%}.bottom-nav{background-color:#25597c;border-top:1px solid #eee;border-top-left-radius:18px;border-top-right-radius:18px;bottom:0;height:60px;justify-content:space-around;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0;z-index:10}.bottom-nav,.nav-icon{align-items:center;display:flex}.nav-icon{aspect-ratio:1/1;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:45px;justify-content:center;padding:10px;transition:background-color .3s ease}.nav-icon.smaller-icon{font-size:42px}.nav-icon.even-smaller-icon{font-size:38px}.nav-icon:hover{background-color:#ffffff1a;border-radius:50%}.nav-icon.active{background-color:hsla(0,0%,100%,.101);border-radius:50%;transform:scale(1.05)}.title-container{align-items:center;display:flex;justify-content:flex-start;margin-left:1rem;margin-top:90px;place-items:center}.back-button{align-items:center;background:none;border:none;color:#25597c;cursor:pointer;display:flex;font-size:40px;gap:1rem;justify-content:center}.title-container>h1{font-size:22px}@media (max-width:768px){.header{padding-top:20px}}.notification-container{background-color:#f7f8fa;display:flex;flex-direction:column;min-height:100vh;padding-bottom:70px;position:relative}.container,.title-row{margin-bottom:8px}.container{background-color:#fff;border:1px solid #b3c6e0;border-radius:10px;display:flex;flex:1 1;flex-direction:column;margin-left:16px;margin-right:16px;overflow-y:auto;padding:8px 8px 16px}.notifications-list{padding-bottom:16px;padding-top:8px}.notification-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:10px;padding-top:10px}.notification-item:last-child{border-bottom:none}.notification-text{color:#222;flex:1 1;font-size:15px;margin:0 12px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:#888;font-size:12px;margin:0;text-align:right;white-space:nowrap}.empty-text{margin:40px 0 0}@media (max-width:480px){.title-row{margin-bottom:6px}}.history-container{background-color:#f7f8fa;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.title-row{padding-top:90px}.title{flex:1 1}.title-container{margin-bottom:10px}.report-button{align-items:center;background-color:#c94c4c;border:none;border-radius:8px;cursor:pointer;display:flex;margin-left:10px;margin-right:12px;padding:6px 14px}.report-button-text{color:#fff;font-size:15px;font-weight:700;margin-right:6px}.report-button-icon{filter:brightness(0) invert(1);height:22px;object-fit:contain;width:22px}.report-card{background:#fff;border:1px solid #b3c6e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin:5px 5px 0;padding:12px}.report-card-border{margin-bottom:0x}.report-table{border-collapse:collapse;width:100%}.date-cell{color:#666;font-size:14px;font-weight:500}.type-cell{color:#222;font-size:15px;font-weight:700;padding:0}.landmark-cell{color:#222;font-size:14px;padding-top:6px}.empty-text{margin:30px 0;text-align:center}@media (max-width:768px){.header{padding-top:20px}.title-row{padding-top:70px}}@media (max-width:480px){.title-row{margin-bottom:16px}}.profile-container{background-color:#f7f8fa;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.profile-title-row{align-items:center;display:flex;margin-bottom:16px;margin-left:16px;margin-top:20px;padding-top:90px}.profile-title{color:#111;font-size:24px;font-weight:700;margin:0}.top-container{align-items:center;background-color:#fff;border:1px solid #b3c6e0;border-radius:10px;display:flex;flex-direction:column;margin-left:16px;margin-right:16px;padding:20px}.view-profile-avatar{align-items:center;background:#fff;border:none;border-radius:50%;display:flex;height:90px;justify-content:center;overflow:hidden;width:90px}.view-profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-name{margin:0 0 2px}.edit-profile-button{background:none;border:none;cursor:pointer;margin-top:2px;padding:0}.edit-profile-text{color:#25597c;font-size:13px;margin-top:2px;text-decoration:underline}.info-container{background-color:#fff;border:1px solid #b3c6e0;border-radius:10px;margin-left:16px;margin-right:16px;margin-top:18px;padding:18px}.info-header{align-items:center;background-color:#25597c;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;margin:-18px -18px 12px;padding:8px 12px}.info-header-icon{color:#fff;font-size:16px;font-weight:700;margin-right:6px}.info-header-text{color:#fff;font-size:15px;font-weight:700}.info-row{display:flex}.info-label{color:#222;flex-shrink:0;font-weight:700;width:90px}.info-value{word-wrap:break-word;color:#222;flex:1 1}.password-form-container{background-color:#fff;border:1px solid #b3c6e0;border-radius:10px;margin-top:4px;padding:16px}.reset-password-title{font-size:20px;font-weight:700;margin:0 0 16px;text-align:center}.save-btn{background-color:#25597c;border:none;border-radius:8px;cursor:pointer;margin-bottom:8px;margin-top:8px;padding:12px 36px;width:100%}.save-btn-text{color:#fff;font-size:17px;font-weight:700;text-align:center}.cancel-btn{background-color:#888;border:none;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 36px;width:100%}.cancel-btn-text{color:#fff;font-size:17px;font-weight:700;text-align:center}.change-password-btn{align-items:center;background-color:#25597c;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-left:16px;margin-right:16px;margin-top:24px;padding-bottom:12px;padding-top:12px;width:calc(100% - 32px)}.change-password-text{color:#fff;font-size:16px;font-weight:700}.logout-btn{align-items:center;background-color:#c94c4c;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin:14px 16px 24px;padding-bottom:12px;padding-top:12px;width:calc(100% - 32px)}.logout-text{color:#fff;font-size:16px;font-weight:700}@media (max-width:768px){.header{padding-top:20px}.profile-title-row{padding-top:70px}}@media (max-width:480px){.profile-title-row{margin-bottom:10px}}.edit-profile-container{background-color:#f7f8fa;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.avatar{align-items:center;background:#fff3;display:flex;font-size:1.5rem;justify-content:center}.scroll-container{overflow-y:auto;padding-bottom:120px;padding-top:130px}.title{font-size:22px}.edit-profile-container{margin-bottom:5rem}.avatar-card{background-color:#fff;border:1px solid #b3c6e0;border-radius:12px;flex-direction:column;margin-bottom:18px;margin-left:16px;margin-right:16px;padding:18px}.avatar-card,.profile-avatar{align-items:center;display:flex}.profile-avatar{background:#fff;border:none;border-radius:50%;height:90px;justify-content:center;overflow:hidden;width:90px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-name{color:#222;font-size:18px;font-weight:700;margin:0 0 8px}.change-photo-btn{background-color:#25597c;margin-top:4px;padding:6px 14px}.change-photo-text{color:#fff;font-size:15px;font-weight:700}.form-group{margin-bottom:18px;margin-left:16px;margin-right:16px}.label{font-size:15px;margin-bottom:4px}.input{background-color:#fff;margin-bottom:12px}.input,.input-disabled{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:15px;padding:10px 12px;width:100%}.input-disabled{background-color:#eee;color:#888;margin-bottom:2px}.input-note{color:#888;font-size:12px;margin:0 0 10px 2px}.phone-age-row{display:flex;gap:8px;justify-content:space-between}.phone-field{flex:1 1;margin-right:8px}.age-field{width:80px}.button-row{display:flex;justify-content:space-between;margin-left:16px;margin-right:16px;margin-top:8px}.btn{background-color:#888;padding:12px 36px}.btn-text{color:#fff;font-size:17px;font-weight:700}.save{background-color:#25597c}.cancel{background-color:#c94c4c}@media (max-width:768px){.header{padding-top:20px}.scroll-container{padding-top:110px}}@media (max-width:480px){.title-row{margin-bottom:24px}}.call-container{background:linear-gradient(135deg,#22465f,#25597c);color:#fff;flex:1 1;min-height:100vh;position:relative}.content-scroll{justify-content:flex-start;min-height:calc(100vh - 100px);padding-bottom:60px;padding-top:40px}.call-interface,.content-scroll{align-items:center;display:flex;flex-direction:column}.call-interface{gap:40px;margin-top:20px;max-width:350px;padding:20px;width:100%}.call-menu{align-self:flex-end;margin-bottom:30px}.menu-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;padding:10px;transition:background-color .3s ease}.menu-button:hover{background-color:#ffffff1a}.menu-dots{font-weight:700}.call-info{margin-bottom:30px;text-align:center}.caller-name{color:#fff;font-size:36px;font-weight:700;margin:0 0 15px}.call-duration{color:#e3f2fd;font-family:monospace;font-size:20px;margin:0}.call-status-text{color:#e3f2fd;font-size:18px;margin:0;opacity:.8}.call-controls{align-items:center;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:flex-start;margin-top:120px;width:100%}.control-row{display:flex;gap:25px;justify-content:space-around}.control-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:space-between;overflow:hidden;padding:8px 6px;position:relative;transition:all .3s ease;width:80px}.control-button:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.control-button:disabled{cursor:not-allowed;opacity:.5}.control-button.active{background:#ffffff4d;box-shadow:0 0 20px #ffffff4d}.control-button.end-call{background:#c94c4c;height:90px;padding:10px 8px;width:90px}.control-button.end-call:hover{background:#c94c4c;transform:scale(1.1)}.control-icon{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;margin-top:4px;overflow:hidden;width:36px}.control-img{filter:brightness(0) invert(1);height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.control-button.active .control-img{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(200deg)}.control-label{color:#fff;font-size:11px;font-weight:500;line-height:1.1;margin-bottom:2px;text-align:center}.modal-backdrop{background-color:#00000080}.modal-backdrop,.modal-overlay{height:100%;left:0;top:0;width:100%;z-index:1000}.modal-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;position:fixed}.modal{border-radius:8px;padding:20px;text-align:center;width:300px}.modal-buttons button{border-radius:4px;cursor:pointer;margin:5px;padding:8px 12px}.modal-buttons button.primary{background-color:#25597c;color:#fff}.modal-buttons button.secondary{background-color:#1e4066;border:2px solid #fff;color:#fff}@media (max-width:768px){.content-scroll{padding-top:30px}.call-interface{gap:35px;margin-top:15px;padding:15px}.caller-name{font-size:32px}.call-duration{font-size:18px}.call-status-text{font-size:16px}.control-button{height:70px;padding:6px 5px;width:70px}.control-button.end-call{height:80px;padding:8px 6px;width:80px}.control-icon{height:32px;margin-top:3px;width:32px}.control-label{font-size:10px}}@media (max-width:480px){.call-interface{gap:25px;margin-top:10px;padding:10px}.caller-name{font-size:28px}.call-duration{font-size:16px}.call-status-text{font-size:14px}.control-button{height:65px;padding:5px 4px;width:65px}.control-button.end-call{height:75px;padding:7px 5px;width:75px}.control-icon{height:28px;margin-top:2px;width:28px}.control-label{font-size:9px}.control-row{gap:20px}}.call-status-text:contains("Connecting"){animation:pulse 1.5s infinite}.waiting-container{background-color:#f7f8fa;min-height:100vh;overflow:hidden;padding-bottom:70px;padding-top:15px;position:relative}.status-card{background-color:#f8f8f8f8;text-align:center}.status-icon{margin-bottom:20px}.processing-spinner{animation:pulse 2s ease-in-out infinite;display:inline-block;height:60px;position:relative;width:60px}.processing-spinner,.pulse-animation{box-shadow:none!important}.spinner-circle{animation:spin 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#25597c #25597c #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;height:100%;position:relative;width:100%}.spinner-circle:before{border-bottom:8px solid #25597c;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:50%;position:absolute;top:-3px;transform:translateX(-50%);width:0}.status-content{display:flex;flex-direction:column;gap:12px}.status-title{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0}.status-subtitle{color:#666;font-size:13px;line-height:1.3;margin:0}.retry-button:hover{background:#235272}.status-icon{color:#25597c}@media (max-width:480px){.status-card{bottom:100px;padding:36px 28px 28px}.status-title{font-size:16px}.status-subtitle{font-size:13px}}@media (max-width:360px){.status-card{bottom:90px;padding:32px 24px 24px}.processing-spinner{height:55px;width:55px}.status-title{font-size:15px}.status-subtitle{font-size:12px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.details-form-container{background-color:#f7f8fa;display:flex;flex-direction:column;min-height:100vh;padding:100px 16px}.form-header{margin-bottom:18px}.form-header h2{color:#25597c;font-size:22px;font-weight:700;margin-bottom:6px}.form-header p{color:#555;font-size:14px}.form-group{margin-bottom:14px}.incident-details-label{color:#222;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.input-field,.textarea-field{background:#fff;border:1px solid #ccd6e2;border-radius:10px;font-size:14px;padding:12px;width:100%}.textarea-field{min-height:130px;resize:none}.button-section{display:flex;gap:10px;margin-top:20px}.primary-btn{background-color:#25597c}.primary-btn,.secondary-btn{border:none;border-radius:10px;color:#fff;flex:1 1;font-size:16px;font-weight:600;padding:14px}.secondary-btn{background-color:#c94c4c}.complete-container{background-color:#f7f8fa;min-height:100vh;overflow:hidden;padding-bottom:70px;padding-top:15px;position:relative}.map-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.map-background,.map-placeholder{background:linear-gradient(135deg,#e8f4fd,#f0f8ff)}.map-placeholder{height:100%;position:relative;width:100%}.route-info{left:20px;position:absolute;top:120px;z-index:5}.route-details{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 12px}.route-icon{font-size:16px}.route-text{display:flex;flex-direction:column;gap:2px}.route-time{color:#333;font-size:14px;font-weight:600}.route-distance{color:#666;font-size:12px}.status-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px 20px 0 0;bottom:80px;box-shadow:none;left:50%;max-width:none;padding:24px 20px 20px;position:absolute;transform:translateX(-50%);width:100%;z-index:10}.completion-icon{margin-bottom:8px}.completion-icon,.success-circle{display:flex;justify-content:center}.success-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:#4caf50;border-radius:50%;box-shadow:0 4px 12px #4caf504d;height:60px;width:60px}.checkmark{color:#fff;font-size:32px;font-weight:700;line-height:1}.completion-message{align-items:center;display:flex;justify-content:center;text-align:center}.completion-text{color:#333;font-size:16px;font-weight:600;line-height:1.4;text-align:center}.loading-overlay{background:#ffffffe6;border-radius:8px;left:50%;padding:20px 40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.loading-overlay p{color:#666;font-size:14px;font-weight:500;margin:0}.error-overlay{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.error-icon{font-size:48px;margin-bottom:16px}.error-message{color:#c94c4c;font-size:16px;font-weight:500;margin:0 0 20px}.retry-button{background:#25597c;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:#225170;transform:translateY(-1px)}@media (max-width:480px){.status-card{bottom:70px;padding:20px 16px 16px}.route-info{left:16px;top:100px}.route-details{padding:6px 10px}.success-circle{height:50px;width:50px}.checkmark{font-size:28px}.completion-text{font-size:15px}}@media (max-width:360px){.status-card{bottom:65px;padding:18px 14px 14px}.route-info{left:12px;top:90px}.route-details{padding:5px 8px}.route-time{font-size:13px}.route-distance{font-size:11px}.success-circle{height:45px;width:45px}.checkmark{font-size:24px}.completion-text{font-size:14px}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{box-shadow:0 4px 12px #4caf504d;transform:scale(1)}50%{box-shadow:0 6px 16px #4caf5066;transform:scale(1.05)}}.witness-report-container{background-color:#f7f8fa;flex:1 1;min-height:100vh;padding-bottom:70px;padding-top:15px;position:relative}.header{align-items:center;background-color:#25597c;border-bottom:1px solid #eee;display:flex;justify-content:space-between;left:0;padding:40px 16px 16px;position:fixed;right:0;top:0;z-index:100}.header-left{flex:1 1}.account-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center}.avatar{border:2px solid #eee;border-radius:20px;height:40px;object-fit:cover;width:40px}.title-row{align-items:center;display:flex;margin-bottom:18px;margin-left:12px;margin-top:10px}.title{color:#222;font-size:20px;font-weight:700;margin:0}.form-section{align-items:center;margin-bottom:14px;place-content:center;align-content:center}.label{color:#222;display:block;font-size:16px;font-weight:700;margin-bottom:6px;margin-left:18px}.input-box{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;margin-bottom:14px;margin-left:16px;margin-right:16px;min-height:20px;padding:12px 16px}.instruction-text{color:#222;font-size:16px;margin:8px 16px}.map-box{align-items:center;background-color:#f8f9fa;border:1px solid #b3c6e0;border-radius:12px;display:flex;height:500px;justify-content:center;margin-bottom:18px;margin-left:16px;margin-right:16px;overflow:hidden}.map-placeholder{color:#666;font-size:14px;text-align:center}.here-center-pin{background-image:url(https://js.api.here.com/v3/3.1/mapsjs-ui-assets/markers/marker.png);background-repeat:no-repeat;background-size:contain;height:32px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);width:32px}.submit-button{background-color:#e53935;border:none;border-radius:10px;display:block;height:50px;margin-left:20px;padding:8px 25px;width:90%}.submit-button-text{color:#fff;font-size:18px;font-weight:700}@media (max-width:768px){.header{padding-top:20px}.content-scroll{padding-top:70px}.title-row{margin-bottom:15px;margin-top:5px}.title{font-size:18px}.label{font-size:15px}.input-box{padding:10px 14px}.input-field,.input-text{font-size:15px}.action-button{padding:14px}.action-button-text{font-size:16px}}@media (max-width:480px){.title{font-size:16px}.label{font-size:14px}.input-box{padding:8px 12px}.input-field,.input-text{font-size:14px}.action-button{padding:12px}.action-button-text{font-size:15px}.map-box{height:500px}}.responder-dashboard{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.dashboard-content{margin:0 auto;max-width:600px;padding:100px 16px}.welcome-section{margin-bottom:24px}.welcome-text{font-size:24px;margin:0}.section-title,.welcome-text{color:#2c3e50;font-weight:600}.section-title{font-size:18px;margin:0 0 16px}.assigned-reports-section{margin-bottom:32px}.reports-container{background:#fff;border:1px solid #d6e0ff;border-radius:12px;box-shadow:0 2px 6px #0000000f;padding:12px}.reports-container-header{display:flex;justify-content:flex-end;margin-bottom:12px}.section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.section-action-btn{background-color:#25597c;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px}.reports-list{display:flex;flex-direction:column;gap:12px}.report-card{align-items:center;background-color:#fff;border:2px solid #25597c;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:16px}.report-date{color:#7f8c8d;font-size:14px}.report-date,.report-type{font-weight:500;margin:0 0 4px}.report-type{color:#2c3e50;font-size:16px}.report-type strong{color:#c94c4c;font-weight:600}.report-location{color:#7f8c8d;font-size:14px;margin:0}.view-button{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.view-button:hover{background-color:#229954}.empty-card{background-color:#fff;border:2px solid #25597c;border-radius:12px;box-shadow:0 2px 4px #0000001a}.empty-inner{background:#f9fbff;border:1px solid #d6e0ff;border-radius:10px;padding:16px;text-align:center}.empty-text{color:#7f8c8d;font-size:16px;font-weight:500}.heatmap-section{margin-bottom:32px}.responder-map-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:400px;overflow:hidden;position:relative}.responder-map-placeholder{background:#fff;padding:1rem 1rem 3rem}.responder-map-content,.responder-map-placeholder{height:100%;position:relative;width:100%}@media (max-width:480px){.dashboard-content{padding:90px 12px}.welcome-text{font-size:20px}.section-title{font-size:16px}.report-card{padding:12px}.empty-card{padding:20px}.empty-text{font-size:14px}.map-container{height:250px}}.responder-edit-profile{background:#f7f8fa;min-height:100vh}.title-container h1{margin:0}.profile-card{align-items:center;background:#fff;border:1px solid #b3c6e0;border-radius:10px;display:flex;flex-direction:column;margin:12px 16px;padding:16px}.change-photo-btn{background:#25597c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.form-card{background:#fff;border:1px solid #b3c6e0;border-radius:10px;margin:12px 16px 90px;padding:16px 16px 30px}.field-label{color:#222;font-size:14px;margin:12px 0 6px}.text-input{border:1px solid #b3c6e0;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;width:90%}.row-2col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.readonly-chip{background:#eef2fb;border:1px solid #d6e0ff;border-radius:6px;color:#666;font-size:14px;padding:10px 12px}.subtext{color:#999;font-size:12px;margin-top:4px}.actions{justify-content:space-between;margin-top:20px}.btn{border-radius:10px;padding:12px 16px}.btn-secondary{background:#e6e6e6;color:#333}@media (max-width:480px){.row-2col{grid-template-columns:1fr}}.responder-reports{background-color:#f7f8fa;min-height:100vh;position:relative}.title-with-actions{align-items:center;display:flex;justify-content:space-between;margin-left:1rem;margin-right:1rem;margin-top:90px}.title-container.reports-title{align-items:center;background:#f7f8fa;box-shadow:0 2px 6px #0000001a;display:flex;gap:12px;left:0;padding:18px 16px;position:fixed;top:50px;width:100%;z-index:999}.responder-reports-card{background:#fff;border:1px solid #b3c6e0;border-radius:10px;margin:16px;min-height:320px;padding:8px 0}.responder-reports-list{display:flex;flex-direction:column}.report-row{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:8px;justify-content:space-between;padding:12px}.report-row:last-child{border-bottom:none}.report-info{flex:1 1}.a-report-datetime{color:#666;font-size:12px;margin:0 0 6px}.a-report-incident{color:#222;font-size:15px;font-weight:600;margin:0 0 4px}.a-incident-type{color:#25597c;font-weight:700}.a-report-location{color:#666;font-size:12px;margin:0}.a-status-label{font-size:13px;font-weight:700;white-space:nowrap}.a-status-label.status-en-route{color:#f09a06}.a-status-label.status-on-scene{color:#25597c}.a-status-label.status-requesting-backup{color:#f2790f!important}.a-status-label.status-resolved{color:#2ecc40}.a-status-label.status-assigned{color:#7f8c8d}.empty-card{background:#fff;border:1px solid #b3c6e0;border-radius:10px;margin:12px 16px;padding:24px;text-align:center}.empty-text{color:#888;margin:0}.reports-empty{padding:16px 0;text-align:center}.responder-reports{padding-bottom:80px}.assigned-incident-popup{animation:slideIn .5s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000004d;font-family:Arial,sans-serif;margin-bottom:10px;padding:16px;position:fixed;right:20px;top:20px;width:300px;z-index:1000}.assigned-incident-popup h4{color:#007bff;font-size:18px;margin:0 0 8px}.assigned-incident-popup p{color:#333;font-size:14px;margin:0 0 12px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.responder-view-report{background:#f5f7fb}.map-section{position:relative}.floating-back{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;left:12px;position:absolute;top:12px;width:36px;z-index:2}.r-title-container{background:#f7f8fa;display:flex;justify-content:flex-start;margin-left:0;padding:17px 12px 12px;position:fixed;width:100%;z-index:10!important}.r-title-container>h1{font-size:22px;padding:3px}.responder-view-report{background:#0000;min-height:100vh;overflow-y:auto;padding-top:70px;position:relative;width:100%}.map-section{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1}.map-placeholder{background:50%/cover no-repeat;filter:saturate(.8) brightness(.95);height:220px}.details-card{background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #00000026;margin-top:50vh;min-height:55vh;padding:16px 16px 100px;position:relative;z-index:2}.top-row{align-items:center;display:flex;justify-content:space-between}.r-report-datetime{color:#2c3e50;font-weight:600;margin:0}.toggle-wrap{align-items:center;display:flex;gap:8px}.toggle-label{color:#666;font-size:12px}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#25597c}input:checked+.slider:before{transform:translateX(20px)}.details-body{margin-bottom:16px}.details-placeholder{height:12px;margin-bottom:8px;visibility:hidden}.r-report-name{font-size:16px;font-weight:600;margin:15px 0 4px}.r-report-location{color:#2c3e50;font-size:19px;font-weight:700;margin:0 0 6px}.r-report-landmark{color:#6b7280;font-size:15px;margin:0 0 6px}.r-report-incident{color:#2c3e50;margin:0}.incident-type{color:#c94c4c;font-weight:700}.r-report-description{color:#2c3e50;font-size:15px;font-weight:700}.field-label{display:block;font-weight:600;margin:12px 0 8px}.select-wrap{display:inline-block;position:relative}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f9fbff;border:1px solid #c7d2fe;border-radius:8px;font-size:14px;padding:10px 36px 10px 12px}.chevron{color:#475569;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.actions{display:flex;gap:12px;margin-top:40px}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:10px 12px}.btn-backup{background:#f59e0b;color:#fff}.btn-primary{background:#25597c;color:#fff}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:30}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 20px #0003;max-width:360px;padding:16px;width:90%}.modal-title{margin:4px 0 12px;text-align:center}.modal-content{padding:4px 8px 8px}.modal-label{display:block;font-size:14px;font-weight:600;margin:8px 0 6px}.modal-select-wrap{position:relative}.modal-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 36px 10px 12px;width:100%}.modal-chevron{color:#6b7280;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal-actions{display:flex;justify-content:center;margin-top:12px}.modal-request-btn{background:#25597c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.success-icon{border:3px dashed #25597c;border-radius:50%;height:44px;margin:6px auto 10px;width:44px}.success-text{font-weight:600;margin:8px 0 4px;text-align:center}.map-container{position:relative}.map-blur-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff6;border-radius:8px;color:#333;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.proof-upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.proof-upload-container input[type=file]{display:none}
/*# sourceMappingURL=main.e5d45c3a.css.map*/