@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#070f0e;--bg-gradient:radial-gradient(circle at center, #0a1f1c 0%, #030807 100%);--panel-bg:#06282040;--panel-border:1px solid #34d39926;--panel-blur:blur(20px);--text-primary:#f2fbf7;--text-secondary:#89bfa9;--accent-emerald:#10b981;--accent-emerald-glow:#10b98166;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e66;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d466;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);height:100vh;line-height:1.4;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#02141066}::-webkit-scrollbar-thumb{background:#34d39926;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#34d3994d}.portal-container{grid-template-rows:64px 1fr;gap:16px;max-width:1800px;height:100vh;margin:0 auto;padding:16px;display:grid}.portal-header{background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:var(--panel-border);border-radius:12px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 4px 20px #00000080}.header-logo-group{align-items:center;gap:12px;display:flex}.header-logo{background:linear-gradient(to right, var(--accent-emerald), var(--accent-cyan));-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:20px;font-weight:700}.header-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;border-left:1px solid #34d39933;padding-left:12px;font-size:11px}.portal-grid{grid-template-columns:310px 1fr 340px;gap:16px;height:calc(100vh - 112px);display:grid;overflow:hidden}@media (width<=1100px){.portal-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr;height:auto;overflow-y:auto}}.portal-card{background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:var(--panel-border);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.portal-card h2{color:var(--text-primary);border-bottom:1px solid #34d3991a;align-items:center;gap:6px;padding-bottom:8px;font-size:16px;font-weight:600;display:flex}.tabs-header{background:#02141080;border:1px solid #34d3991a;border-radius:8px;padding:3px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600}.tab-btn.active{background:var(--accent-emerald);color:#031410;box-shadow:0 2px 8px #10b9814d}.tab-content{flex:1;padding-right:2px;overflow-y:auto}.form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.form-group label{color:var(--text-secondary);font-size:11px;font-weight:500}.form-control{color:var(--text-primary);font-family:var(--font-family);transition:var(--transition-smooth);background:#02100db3;border:1px solid #34d39933;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.form-control:focus{border-color:var(--accent-emerald);outline:none;box-shadow:0 0 8px #10b98140}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-green{background:var(--accent-emerald);color:#022c22}.btn-green:hover{box-shadow:0 0 12px var(--accent-emerald-glow);background:#34d399}.btn-rose{background:var(--accent-rose);color:#fff}.btn-rose:hover{box-shadow:0 0 12px var(--accent-rose-glow);background:#fb7185}.btn-cyan{background:var(--accent-cyan);color:#022c22}.btn-cyan:hover{box-shadow:0 0 12px var(--accent-cyan-glow);background:#22d3ee}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #34d39933}.btn-outline:hover{background:#34d3990d;border-color:#34d39966}.btn-outline-cyan{color:var(--accent-cyan);background:0 0;border:1px solid #06b6d44d}.btn-outline-cyan:hover{background:#06b6d41a}.badge{text-transform:uppercase;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700}.badge.draft{color:var(--text-secondary);background:#ffffff14}.badge.submitted{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge.approved{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.list-container{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.list-item{transition:var(--transition-smooth);background:#02141066;border:1px solid #34d39914;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.list-item:hover{background:#021410b3;border-color:#34d39933}.no-data{color:var(--text-secondary);text-align:center;background:#02141033;border:1px dashed #34d3991a;border-radius:8px;padding:20px;font-size:12px}.map-panel{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.radar-header{border-bottom:1px solid #34d3991a;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.radar-canvas-container{background:radial-gradient(circle,#021a15 0%,#000403 100%);border:1px solid #34d3991a;border-radius:8px;flex:1;margin-top:10px;position:relative;overflow:hidden}.radar-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.radar-sweep{transform-origin:50%;fill:none;stroke:url(#radarSweepGrad);stroke-width:2px;animation:4s linear infinite sweep}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-pin{transform-origin:50%;animation:2s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.radar-grid-line{stroke:#34d3990d;stroke-width:1px}.radar-ring{stroke:#34d3991a;stroke-width:1px;fill:none}.radar-ring-text{fill:#34d39959;text-anchor:middle;font-size:8px}.telemetry-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;pointer-events:none;background:#010c0ad9;border:1px solid #06b6d44d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;animation:.25s ease-out slide-up;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 4px 20px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.telemetry-details{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.telemetry-stat{flex-direction:column;gap:2px;display:flex}.telemetry-stat label{color:var(--text-secondary);text-transform:uppercase;font-size:9px}.telemetry-stat span{color:#fff;font-size:12px;font-weight:600}.emergency-broadcast-panel{border:1.5px solid var(--accent-rose);background:linear-gradient(135deg,#f43f5e1f 0%,#064e3b1a 100%);border-radius:8px;flex-direction:column;gap:8px;padding:14px;animation:2s infinite alternate pulse-border;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #f43f5e26}.emergency-header{align-items:center;gap:10px;display:flex}.emergency-title{color:#fff;letter-spacing:.5px;font-size:13px;font-weight:700}.emergency-details{background:#02141099;border:1px solid #f43f5e26;border-radius:6px;flex-direction:column;gap:6px;padding:10px;font-size:12px;display:flex}.emergency-details p{justify-content:space-between;display:flex}.countdown-bar-container{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.countdown-bar{background:var(--accent-rose);height:100%;transition:width 1s linear}.active-trip-panel{background:#06b6d414;border:1px solid #06b6d440;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 0 15px #06b6d41a}.trip-status-header{justify-content:space-between;align-items:center;display:flex}.trip-status-header h3{color:var(--accent-cyan);text-transform:uppercase;font-size:12px;font-weight:700}.kyc-checklist{flex-direction:column;gap:12px;margin-top:10px;display:flex}.kyc-step{transition:var(--transition-smooth);background:#0214104d;border:1px solid #34d3990d;border-radius:8px;align-items:flex-start;gap:12px;padding:10px;display:flex}.kyc-step.active{background:#34d3990d;border-color:#34d39933}.step-num-icon{width:22px;height:22px;color:var(--text-secondary);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.kyc-step.completed .step-num-icon{background:var(--accent-emerald);color:#022c22}.step-details{flex-direction:column;flex:1;gap:2px;display:flex}.step-title{color:#fff;font-size:12px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:10px}.step-action-row{margin-top:6px}@keyframes pulse-border{0%{border-color:#f43f5e80}to{border-color:#f43f5ee6}}#leaflet-map{background:#021a15}.leaflet-container{font-family:var(--font-family)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff!important;background:#010c0ae6!important;border:1px solid #34d39933!important}.leaflet-popup-content{margin:8px 12px!important;font-size:11px!important;line-height:1.5!important}