*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;margin:0;padding:0;font-family:Barlow Condensed,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}.loading_screen{z-index:10000;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading_image{max-width:600px;height:auto;margin:0 auto;display:block}.header{background-color:#f5f1ee;border-radius:0 0 20px 20px;align-items:center;gap:12px;max-width:600px;margin:0 auto;padding:12px 16px;display:flex;box-shadow:0 4px 12px #00000026}.user_avatar{background-color:#d9d9d9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.user_initials{color:#000;font-family:Arial,sans-serif;font-size:18px;font-weight:600}.user_info{flex-direction:column;flex:1;gap:2px;display:flex}.user_name{color:#31414e;font-family:Arial,sans-serif;font-size:16px;font-weight:600}.user_role{color:#31414e;font-family:Arial,sans-serif;font-size:12px;font-weight:500}.header_actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.header_lang{color:#000;cursor:pointer;background:#fff;border:1.5px solid #f87154;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:14px;display:flex;position:relative}.header_lang img{width:18px;height:auto}.header_lang_menu{color:#31414e;z-index:99;cursor:pointer;background:#fff;border-radius:6px;margin-top:6px;padding:4px 0;font-size:12px;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.header_lang_menu li{cursor:pointer;white-space:nowrap;padding:4px 8px}.header_lang_menu.hidden{display:none}.notification_icon_wrapper{background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.notification_icon{object-fit:contain;width:24px;height:24px}.notification_icon_wrapper:before{content:"";border:2px solid #ff6b35;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.header{gap:10px;padding:10px 12px}.header .user_avatar{width:45px;height:45px}.header .user_initials{font-size:16px}.header .user_name{font-size:15px}.header .user_role{font-size:11px}.header_actions{gap:8px}.header_lang{padding:2px 6px;font-size:12px}.header_lang img{width:16px}.header .notification_icon_wrapper,.header .notification_icon_wrapper:before{width:36px;height:36px}.header .notification_icon{width:20px;height:20px}}.home_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.emergency_buttons{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.sos_button,.safe_button{color:#fff;cursor:pointer;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:180px;font-size:25px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.sos_button{background-color:#f87154}.safe_button{background-color:#c2e7b1}.sos_button:hover,.safe_button:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}.sos_icon,.safe_icon{object-fit:contain;filter:brightness(0)invert();width:64px;height:64px}.incidents_list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.incident_card{background-color:#f5f1ee;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #00000026}.incident_icon{object-fit:contain;flex-shrink:0;width:28px;height:28px;margin-right:20px}.incident_info{flex-direction:column;flex:1;line-height:1.2;display:flex}.incident_title{color:#31414e;font-size:18px;font-weight:700}.incident_description{color:#666;font-size:15px}.incident_time{color:#666;flex-shrink:0;font-size:14px;font-weight:500}.report_button{color:#000;cursor:pointer;background-color:#bfdbff;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:350px;margin:0 auto 24px;padding:16px 24px;font-size:20px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.report_button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.report_icon{object-fit:contain;width:32px;height:32px}.info_cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info_card{cursor:pointer;background-color:#f5f1ee;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.info_card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.info_card_icon{object-fit:contain;width:48px;height:48px;margin-bottom:4px}.info_card_text{color:#31414e;text-align:center;font-size:12px;font-weight:600;line-height:1.3}@media (width<=600px){.home_container{padding:16px 12px 100px}.emergency_buttons{gap:10px;margin-bottom:20px}.sos_button,.safe_button{gap:8px;font-size:20px}.sos_icon,.safe_icon{width:56px;height:56px}.incidents_list{gap:10px;margin-bottom:16px}.incident_card{padding:12px}.incident_title{font-size:15px}.incident_description,.incident_time{font-size:13px}.report_button{margin-bottom:20px;padding:14px 20px;font-size:16px}.info_cards{gap:10px}.info_card{padding:16px 8px}.info_card_icon{width:40px;height:40px}.info_card_text{font-size:11px}}.map_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.map_wrapper{border-radius:12px;width:100%;height:400px;position:relative;overflow:hidden}.map_image{width:100%;height:100%;display:block}.map_legend{background-color:#fff;border-top:1px solid #f5f1ee;flex-wrap:wrap;gap:16px;padding:16px;display:flex}.legend_item{color:#31414e;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.legend_color{border-radius:4px;flex-shrink:0;width:20px;height:20px}.legend_safe{background-color:#c2e7b1}.legend_alert{background-color:#fff6bf}.legend_critical{background-color:#f87154}.legend_location_icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.map_search{background-color:#f5f1ee;border-radius:12px;align-items:center;gap:12px;margin:16px;padding:12px 16px;display:flex}.search_icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.search_input{color:#31414e;background:0 0;border:none;outline:none;flex:1;font-family:Arial,sans-serif;font-size:16px}.search_input::placeholder{color:#999}@media (width<=600px){.map_container{padding-bottom:100px}.map_wrapper{height:300px}.map_legend{gap:12px;padding:12px}.legend_item{font-size:13px}.legend_color,.legend_location_icon{width:18px;height:18px}.map_search{margin:12px;padding:10px 14px}.search_input{font-size:15px}}.msg_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.msg_form{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.form_field{flex-direction:column;gap:8px}.form_label{color:#31414e;margin-bottom:5px;font-size:16px;font-weight:600;display:block}.form_input{color:#31414e;background-color:#f5f1ee;border:1px solid #d5d6d7;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Arial,sans-serif;font-size:16px}.form_input::placeholder{color:#999}.form_input:focus{border-color:#ff6b35}.form_select_wrapper{align-items:center;display:flex;position:relative}.form_select{padding-right:40px}.select_arrow{object-fit:contain;pointer-events:none;width:15px;height:15px;position:absolute;right:12px}.form_textarea{resize:vertical;min-height:100px;font-family:Arial,sans-serif}.msg_map_wrapper{border-radius:12px;width:100%;height:300px;margin-bottom:16px;overflow:hidden}.msg_map_image{object-fit:cover;width:100%;height:100%;display:block}.location_button{color:#000;cursor:pointer;background-color:#fff;border:2px solid #f87154;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.location_button:hover{color:#fff;background-color:#f87154}.location_button_icon{object-fit:contain;width:24px;height:24px}@media (width<=600px){.msg_container{padding:16px 12px 100px}.msg_form{gap:16px;margin-bottom:16px}.form_label{font-size:15px}.form_input{padding:10px 14px;font-size:15px}.msg_map_wrapper{height:250px}.location_button{padding:12px 18px;font-size:15px}.location_button_icon{width:22px;height:22px}}.help_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.help_title{color:#000;margin-bottom:24px;font-size:19px;font-weight:700}.help_cards{flex-direction:column;gap:16px;display:flex}.help_card{cursor:pointer;background-color:#f5f1ee;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.help_card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.help_card_icon{object-fit:contain;flex-shrink:0;width:28px;height:28px;margin-right:20px}.help_card_content{flex-direction:column;flex:1;gap:4px;line-height:1.2;display:flex}.help_card_title{color:#000;font-size:18px;font-weight:700}.help_card_subtitle{color:#666;font-size:15px;line-height:1.4}@media (width<=600px){.help_container{padding:16px 12px 100px}.help_title{margin-bottom:20px;font-size:18px}.help_cards{gap:12px}.help_card{gap:14px;padding:14px}.help_card_title{font-size:15px}.help_card_subtitle{font-size:13px}}.profile_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.profile_form{flex-direction:column;gap:24px;display:flex}.profile_field{flex-direction:column;gap:12px;display:flex}.profile_label{color:#000;font-size:19px;font-weight:700;display:block}.profile_input{color:#31414e;background-color:#f5f1ee;border:1px solid #d5d6d7;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Arial,sans-serif;font-size:16px}.profile_input::placeholder{color:#999}.profile_input:focus{border-color:#ff6b35}.role_options{flex-direction:column;gap:12px;display:flex}.role_option{cursor:pointer;background-color:#f5f1ee;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.role_option:hover{background-color:#e8e3de}.role_icon{object-fit:contain;flex-shrink:0;width:28px;height:28px;margin-right:20px}.role_text{color:#000;flex:1;font-size:18px;font-weight:500}.role_radio{cursor:pointer;accent-color:#f87154;width:20px;height:20px}.file_upload_section{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.upload_button{color:#000;cursor:pointer;background-color:#f5f1ee;border:1px solid #d5d6d7;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;transition:background-color .2s;box-shadow:0 4px 12px #00000026}.upload_button:hover{background-color:#e8e3de}.file_name{color:#31414e;font-size:14px;text-decoration:underline}.add_more_button{color:#000;cursor:pointer;background-color:#bfdbff;border:none;border-radius:12px;width:200px;margin-top:8px;padding:12px 16px;font-size:16px;font-weight:600;transition:background-color .2s;box-shadow:0 4px 12px #00000026}.add_more_button:hover{background-color:#a8c9f0}.save_button{color:#000;cursor:pointer;background-color:#c2e7b1;border:none;border-radius:12px;width:350px;margin:8px auto 0;padding:16px 24px;font-size:18px;font-weight:700;transition:background-color .2s,transform .2s;box-shadow:0 4px 12px #00000026}.save_button:hover{background-color:#b0d99a;transform:translateY(-2px)}@media (width<=600px){.profile_container{padding:16px 12px 100px}.profile_form{gap:20px}.profile_field{gap:10px}.profile_label{font-size:15px}.profile_input{padding:10px 14px;font-size:15px}.role_options{gap:10px}.role_option{padding:10px 14px}.role_icon{width:28px;height:28px}.role_text{font-size:15px}.role_radio{width:18px;height:18px}.upload_button{padding:8px 14px;font-size:13px}.file_name{font-size:13px}.add_more_button{padding:10px 14px;font-size:15px}.save_button{padding:14px 20px;font-size:16px}}.notification_container{max-width:600px;margin:0 auto;padding:20px 16px;font-family:Arial,serif}.notification_container .incidents_list{margin-bottom:0}@media (width<=600px){.notification_container{padding:16px 12px 100px}}.footer{z-index:999;background:#fff;border-top:2px solid #f5f1ee;align-items:center;width:100%;max-width:600px;height:130px;margin:20px auto 0;padding:8px 12px;display:flex}.footer .tabs{justify-content:space-between;gap:10px;width:100%;display:flex}.tab{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;position:relative}.tab .ico{object-fit:contain;pointer-events:none;width:40px;height:40px;margin:auto;transition:opacity .15s;display:block;position:absolute;inset:0}.tab .ico--on{opacity:0}.tab .ico--off,.tab.active .ico--on{opacity:1}.tab.active .ico--off{opacity:0}.tab.msg_tab{width:60px;height:60px}.tab.msg_tab .ico{width:80px;height:80px}@media (width<=600px){.footer{align-items:center;width:100%;max-width:100%;height:auto;min-height:80px;margin:0;padding:0 12px;position:fixed;bottom:0;left:0;right:0}.footer .tabs{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:100%}.tab{border-radius:50%;width:40px;height:40px}.tab .ico{width:35px;height:35px}.tab.msg_tab{width:50px;height:50px}.tab.msg_tab .ico{width:70px;height:70px}}.alert_overlay{z-index:9998;pointer-events:none;opacity:0;background:#ff00002e;animation:1s ease-in-out infinite alert_overlay_pulse;position:fixed;inset:0}@keyframes alert_overlay_pulse{0%,to{opacity:0}50%{opacity:1}}.alert_blink{animation:1s ease-in-out infinite alert_blink_pulse}@keyframes alert_blink_pulse{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 0 0 6px #ff00008c,0 4px 12px #00000026}}.notification_icon_wrapper.alert_blink{animation:1s ease-in-out infinite alert_bell_pulse}@keyframes alert_bell_pulse{0%,to{background-color:#fff}50%{background-color:#ff6b35}}.alert_sound_banner{z-index:9999;color:#fff;background-color:#333;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 32px);max-width:560px;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.alert_sound_banner button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ff6b35;border:none;border-radius:8px;padding:8px 14px;font-weight:700}.admin_container{max-width:600px;margin:0 auto;padding:20px 16px}.admin_status{text-align:center;background-color:#f5f1ee;border-radius:12px;margin-bottom:20px;padding:16px;font-weight:700}.admin_status.active{color:#fff;background-color:#f87154}.admin_buttons{flex-direction:column;gap:12px;display:flex}.admin_start_button,.admin_stop_button{color:#fff;cursor:pointer;border:none;border-radius:16px;padding:18px;font-size:18px;font-weight:700;box-shadow:0 4px 12px #00000026}.admin_start_button{background-color:#f87154}.admin_stop_button{background-color:#333}