*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #FFB800;--orange: #FF6B2B;--dark-blue: #0D1B3E;--mid-blue: #1A2F6B;--light-blue: #2D4FA0;--white: #FFFFFF;--off-white: #F8F6F0;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-600: #6B7280;--gray-800: #1F2937;--red: #EF4444;--green: #22C55E;--premium: #F59E0B;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 20px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.18)}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--off-white);color:var(--gray-800);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif}#root{display:flex;justify-content:center;align-items:center;background:#0d1b3e}.app-shell{width:100%;max-width:430px;height:100%;max-height:100vh;background:var(--off-white);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 60px #00000080}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.screen::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:50px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s;width:100%;text-align:center}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--yellow),var(--orange));color:var(--dark-blue)}.btn-primary:hover{filter:brightness(1.05)}.btn-outline{background:transparent;border:2px solid var(--yellow);color:var(--yellow)}.btn-dark{background:var(--dark-blue);color:var(--white)}.btn-ghost{background:#ffffff1f;color:var(--white);border:1px solid rgba(255,255,255,.2)}.btn-sm{padding:8px 16px;font-size:13px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:2px solid var(--gray-200);background:var(--white);font-family:Inter,sans-serif;font-size:15px;color:var(--gray-800);transition:border-color .2s;outline:none;min-height:44px}.form-input:focus{border-color:var(--orange)}.form-input.error{border-color:var(--red)}.form-input::placeholder{color:var(--gray-400)}.error-msg{font-size:12px;color:var(--red);margin-top:4px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--dark-blue);position:sticky;top:0;z-index:2000;flex-shrink:0}.top-bar-title{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--white)}.bottom-nav{display:flex;background:var(--white);border-top:1px solid var(--gray-200);flex-shrink:0;z-index:10}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px 8px;gap:3px;cursor:pointer;border:none;background:transparent;color:var(--gray-400);font-family:Inter,sans-serif;font-size:10px;font-weight:500;transition:color .2s;min-height:56px}.bottom-nav-item.active{color:var(--orange)}.bottom-nav-item span{line-height:1}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600}.badge-yellow{background:#ffb80026;color:#b87800}.badge-blue{background:#2d4fa01f;color:var(--light-blue)}.badge-green{background:#22c55e1f;color:#15803d}.badge-red{background:#ef44441f;color:#dc2626}.badge-premium{background:linear-gradient(135deg,#ffb800,#ff6b2b);color:var(--dark-blue)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-bottom:12px}.section-title{font-family:Poppins,sans-serif;font-weight:700;font-size:17px;color:var(--dark-blue)}.see-all{font-size:13px;font-weight:600;color:var(--orange);cursor:pointer;background:none;border:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--gray-100)}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-label{font-size:15px;font-weight:500;color:var(--gray-800)}.toggle-desc{font-size:12px;color:var(--gray-400);margin-top:2px}.toggle-switch{width:48px;height:26px;border-radius:13px;background:var(--gray-200);position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.toggle-switch.on{background:var(--orange)}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle-switch.on:after{transform:translate(22px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;animation:fadeIn .2s}.modal{background:var(--white);border-radius:24px 24px 0 0;width:100%;padding:24px 20px 36px;animation:slideUp .3s}.modal-handle{width:40px;height:4px;border-radius:2px;background:var(--gray-200);margin:0 auto 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;animation:fadeIn .2s}.drawer{position:relative;width:280px;height:100%;background:var(--dark-blue);animation:slideInLeft .3s;display:flex;flex-direction:column;overflow-y:auto}.hscroll{display:flex;gap:14px;overflow-x:auto;padding:4px 18px 12px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.stars{display:flex;gap:2px;color:var(--yellow)}.fab{position:absolute;bottom:80px;right:18px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--orange));border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ff6b2b73;z-index:20;transition:transform .2s}.fab:active{transform:scale(.93)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.map-container{width:100%;height:260px;position:relative;background:#c8d6e5;isolation:isolate;z-index:0;overflow:hidden;contain:strict}.leaflet-container{width:100%;height:100%}.leaflet-pane,.leaflet-top,.leaflet-bottom{z-index:auto!important}.p-18{padding:18px}.pt-0{padding-top:0}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}.font-bold{font-weight:700}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-orange{color:var(--orange)}.text-gray{color:var(--gray-600)}.text-white{color:var(--white)}.notif-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--dark-blue)}