@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/webfonts/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/webfonts/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/webfonts/fa-brands-400.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:local("Poppins"),local("Poppins-Regular")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:local("Poppins Medium"),local("Poppins-Medium")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:local("Poppins SemiBold"),local("Poppins-SemiBold")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:local("Poppins Bold"),local("Poppins-Bold")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f7fafc;color:#2d3748}body.dark-theme{background-color:#2a2a2a;color:#d1d5db}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#app{isolation:isolate}:root{--brand-navy: #151B42;--brand-orange-light: #FE8C00;--brand-orange-dark: #F83600;--brand-gradient: linear-gradient(90deg, #FE8C00 0%, #F83600 100%);--primary-color: #3182ce;--primary-hover: #2b6cb0;--primary-active: #2c5aa0;--primary-disabled: #90caf9;--success-color: #4caf50;--success-hover: #38a169;--success-active: #2e7d32;--success-disabled: #a5d6a7;--warning-color: #ff9800;--warning-hover: #e68900;--warning-active: #cc7a00;--warning-disabled: #ffcc80;--warning-text: #856404;--warning-background: #fff3cd;--warning-border: #ffeeba;--error-color: #e53e3e;--error-hover: #c53030;--error-active: #cc3333;--error-disabled: #ef9a9a;--danger-color: #e53e3e;--text-color: #4a5568;--text-dark: #2d3748;--text-secondary: #4a5568;--label-color: #6b7280;--background-light: #fff;--background-light-secondary: #f7fafc;--background-gray: #eaeaea;--disabled-bg: #edf2f7;--light-gray: #f3f3f3;--background-hover: #f7fafc;--background-secondary: #f7fafc;--background-primary: #fff;--dark-primary: #3182ce;--border-color: #e2e8f0;--shadow-light: rgba(0, 0, 0, .05);--shadow-primary: rgba(49, 130, 206, .2);--box-shadow: 0 2px 4px rgba(0, 0, 0, .05);--topbar-bg: linear-gradient(90deg, #FE8C00 0%, #F83600 100%);--topbar-text: #fff;--sidebar-bg: #2c3e50;--sidebar-text: #dfe6e9;--sidebar-hover-bg: #34495e;--sidebar-hover-text: #ffffff;--sidebar-active-bg: #FE8C00;--sidebar-active-text: #fff;--dropdown-bg: #34495e;--dropdown-hover-bg: #3e5c76;--dropdown-hover-text: #ffffff;--button-border: #fff;--button-hover-bg: rgba(255, 255, 255, .2);--input-bg: #fff;--input-text: #4a5568;--input-font-size: 12px;--input-padding-x: 16px;--input-padding-y: 8px;--input-margin-x: 8px;--input-margin-y: 8px;--checkbox-size: 16px;--input-ring-offset: 2px;--input-text-indent: 4px;--font-family: "Poppins", sans-serif;--font-size-base: 14px;--font-size-heading: 24px;--font-size-small: 12px;--border-radius: 6px;--transition: all .3s ease;--overlay-bg: #6b7280;--overlay-opacity: .75}body.dark-theme{--primary-color: #4a90e2;--primary-hover: #357abd;--primary-active: #2b6cb0;--primary-disabled: #82b1ff;--success-color: #2ecc71;--success-hover: #27ae60;--success-active: #229954;--success-disabled: #81c784;--dark-success: #2ecc71;--warning-color: #f39c12;--warning-hover: #d58512;--warning-active: #b8770f;--warning-disabled: #ffb300;--warning-text: #d4b106;--error-color: #ff5555;--error-hover: #ff7777;--error-active: #ff4444;--error-disabled: #ff8a80;--text-color: #d1d5db;--text-dark: #d1d5db;--text-secondary: #b0b8c4;--dark-text: #d1d5db;--label-color: #9ca3af;--background-light: #1a1a1a;--background-light-secondary: #2a2a2a;--background-gray: #333;--disabled-bg: #333;--dark-background: #1a1a1a;--dark-background-secondary: #2a2a2a;--dark-card-bg: #2a2a2a;--dark-background-tertiary: #3a3a3a;--dark-background-input: #333;--dark-background-light: #3a3a3a;--background-hover: #3a3a3a;--background-secondary: #2a2a2a;--background-primary: #1a1a1a;--dark-primary: #4a90e2;--warning-background: #4a3f00;--dark-surface: #2a2a2a;--border-color: #444;--dark-border: #4a4a4a;--dark-text-light: #9ca3af;--shadow-light: rgba(255, 255, 255, .1);--shadow-primary: rgba(74, 144, 226, .2);--dark-shadow: rgba(0, 0, 0, .5);--dark-shadow-primary: rgba(74, 144, 226, .3);--box-shadow: 0 2px 4px rgba(0, 0, 0, .5);--topbar-bg: linear-gradient(90deg, #2c3e50 0%, #34495e 100%);--topbar-text: #dfe6e9;--sidebar-bg: #1a252f;--sidebar-text: #b0bec5;--sidebar-hover-bg: #263544;--sidebar-hover-text: #e2e8f0;--sidebar-active-bg: #FE8C00;--sidebar-active-text: #fff;--dark-sidebar-active-bg: #fe8c00;--dropdown-bg: #263544;--dropdown-hover-bg: #2e4053;--dropdown-hover-text: #e2e8f0;--button-border: #b0bec5;--button-hover-bg: rgba(176, 190, 197, .2);--input-bg: #2a2a2a;--input-text: #d1d5db;--overlay-bg: #111827;--overlay-opacity: .85}*{font-family:var(--font-family),sans-serif}h1,h2{font-size:var(--font-size-heading);font-weight:600;color:var(--text-dark)}body.dark-theme h1,body.dark-theme h2{color:var(--text-dark)}h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:15px}body.dark-theme h2{color:var(--text-dark)}h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:15px}body.dark-theme h3{color:var(--text-dark)}.tabs{display:flex;gap:0;margin-bottom:20px}.tab-button{position:relative;padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--transition)}body.dark-theme .tab-button{color:var(--text-color)}.tab-button:hover,body.dark-theme .tab-button:hover{border-bottom-color:var(--sidebar-active-bg)}.tab-button.active,body.dark-theme .tab-button.active{border-bottom-color:var(--sidebar-active-bg);color:var(--sidebar-active-bg)}.tab-button .error-icon{color:var(--error-color);margin-left:8px;font-size:.9rem}body.dark-theme .tab-button .error-icon{color:var(--error-color)}.form-section{margin-bottom:24px;padding:16px;background-color:var(--background-light-secondary);border-radius:var(--border-radius);box-shadow:inset 0 1px 2px var(--shadow-light)}body.dark-theme .form-section{background-color:var(--background-light-secondary);box-shadow:inset 0 1px 2px var(--shadow-light)}.form-section h3{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:12px}body.dark-theme .form-section h3{color:var(--text-color)}.form-section h4{font-size:16px;font-weight:500;color:var(--text-color);margin-top:16px;margin-bottom:12px}body.dark-theme .form-section h4{color:var(--text-color)}.saved-message{font-size:var(--font-size-small);color:var(--success-color)}body.dark-theme .saved-message{color:var(--success-color)}.pending-message{font-size:var(--font-size-small);color:var(--warning-color);margin-top:4px}body.dark-theme .pending-message{color:var(--warning-color)}.input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.phone-actions{display:flex;gap:8px;margin-top:8px}label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--label-color);text-transform:uppercase;letter-spacing:.5px}label span{font-size:var(--font-size-small);color:var(--text-color)}input::placeholder,textarea::placeholder{color:#9ca3af}body.dark-theme input::placeholder,body.dark-theme textarea::placeholder{color:#6b7280}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--label-color);margin-bottom:6px}body.dark-theme .form-group label{color:var(--label-color)}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--text-color);background:var(--background-light);box-sizing:border-box;transition:var(--transition)}body.dark-theme .form-group input,body.dark-theme .form-group textarea{border-color:var(--border-color);color:var(--text-color);background:var(--input-bg)}.form-group input:hover,.form-group textarea:hover,body.dark-theme .form-group input:hover,body.dark-theme .form-group textarea:hover{border-color:var(--primary-color);box-shadow:0 0 8px var(--shadow-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px var(--shadow-primary)}body.dark-theme .form-group input:focus,body.dark-theme .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 8px var(--shadow-primary)}.form-group input.error,.form-group textarea.error{border-color:var(--error-color);box-shadow:0 0 8px #e53e3e33}body.dark-theme .form-group input.error,body.dark-theme .form-group textarea.error{border-color:var(--error-color);box-shadow:0 0 8px #f553}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;height:24px;width:16px;background-color:var(--background-hover);border-left:1px solid var(--border-color)}body.dark-theme .form-group input[type=number]::-webkit-inner-spin-button,body.dark-theme .form-group input[type=number]::-webkit-outer-spin-button{background-color:var(--background-hover);border-left-color:var(--border-color)}.form-group input[type=number]::-webkit-inner-spin-button:hover,.form-group input[type=number]::-webkit-outer-spin-button:hover{background-color:var(--primary-color)}body.dark-theme .form-group input[type=number]::-webkit-inner-spin-button:hover,body.dark-theme .form-group input[type=number]::-webkit-outer-spin-button:hover{background-color:var(--primary-color)}.loader{border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}body.dark-theme .loader{border:2px solid var(--border-color);border-top:2px solid var(--primary-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-small{width:16px;height:16px;animation:spin 1s linear infinite}.error-message{color:var(--error-color);font-size:var(--font-size-base);margin:5px 0}body.dark-theme .error-message{color:var(--error-color)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition)}body.dark-theme .btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}body.dark-theme .btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.btn-green{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--success-color);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-base);cursor:pointer;transition:var(--transition)}body.dark-theme .btn-green{background-color:var(--success-color)}.btn-green:hover:not(:disabled){background-color:var(--success-hover)}body.dark-theme .btn-green:hover:not(:disabled){background-color:var(--success-hover)}.btn-green:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.btn-blue{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:var(--font-size-base);cursor:pointer;transition:var(--transition)}body.dark-theme .btn-blue{background-color:#1976d2}.btn-blue:hover:not(:disabled){background-color:#1976d2}body.dark-theme .btn-blue:hover:not(:disabled){background-color:#1565c0}.btn-blue:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.btn-white,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition)}body.dark-theme .btn-white,body.dark-theme .btn-secondary{background-color:var(--background-light-secondary);color:var(--text-color);border-color:var(--border-color)}.btn-white:hover,.btn-secondary:hover{background:var(--background-light-secondary);border-color:var(--primary-color)}body.dark-theme .btn-white:hover,body.dark-theme .btn-secondary:hover{background:var(--background-hover);border-color:var(--primary-color)}.btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-cancel:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-small{padding:6px 12px;font-size:var(--font-size-small)}.flag-icon{width:42px;height:26px;border-radius:3px;border:1px solid var(--border-color);object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.flag-icon:hover{transform:scale(1.1);box-shadow:0 3px 6px #00000026}body.dark-theme .flag-icon{border-color:var(--dark-border);box-shadow:0 2px 4px #0003}body.dark-theme .flag-icon:hover{box-shadow:0 3px 6px #0000004d}@media(max-width:768px){.tabs{display:none}.form-section{margin-bottom:15px;background:var(--background-light);border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid var(--border-color)}body.dark-theme .form-section{background:var(--background-light-secondary);border:1px solid var(--border-color);box-shadow:0 2px 5px #0000004d}.form-section h3{font-size:1.2rem;padding:10px 15px;border-bottom:1px solid var(--border-color);margin-bottom:12px}body.dark-theme .form-section h3{border-bottom:1px solid var(--border-color)}.phone-actions{flex-direction:column;align-items:flex-start}}.user-location-marker-container{background:transparent!important;border:none!important}.user-location-marker{position:relative;width:30px;height:30px}.pulse-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#4a90e2;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #4a90e299;z-index:2}.pulse-ring{position:absolute;top:50%;left:50%;width:30px;height:30px;border:2px solid #4a90e2;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-out infinite;opacity:0}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.dark-theme .pulse-dot{background:#4a90e2;border-color:#1a1a1a}.dark-theme .pulse-ring{border-color:#4a90e2}.pending-location-marker{filter:drop-shadow(0 2px 4px rgba(254,140,0,.3));transition:transform .2s ease;cursor:pointer}.pending-location-marker:hover{transform:scale(1.1)}.form-location-marker{filter:drop-shadow(0 2px 4px rgba(74,144,226,.3));transition:transform .2s ease;cursor:pointer}.form-location-marker:hover{transform:scale(1.1)}.custom-marker-popup .leaflet-popup-content-wrapper{background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 12px #00000026}.dark-theme .custom-marker-popup .leaflet-popup-content-wrapper{background:var(--dark-background-secondary);box-shadow:0 4px 12px #0006}.custom-marker-popup .leaflet-popup-content{margin:0;min-width:180px}.custom-marker-popup .leaflet-popup-tip{background:#fff}.dark-theme .custom-marker-popup .leaflet-popup-tip{background:var(--dark-background-secondary)}.marker-popup-content{padding:12px 16px;font-size:14px;color:var(--text-dark);display:flex;flex-direction:column;gap:8px}.dark-theme .marker-popup-content{color:var(--dark-text)}.marker-popup-content strong{font-weight:600;display:block;margin-bottom:4px;color:var(--text-dark)}.dark-theme .marker-popup-content strong{color:var(--dark-text)}.marker-coordinates{font-size:12px;color:var(--text-secondary);font-family:Courier New,monospace}.dark-theme .marker-coordinates{color:var(--dark-text-light)}.marker-popup-content .popup-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;background:var(--primary-color);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.marker-popup-content .popup-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.marker-popup-content .popup-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.marker-popup-content .popup-btn svg{flex-shrink:0}.leaflet-marker-icon{cursor:pointer!important}
