@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-dark:#07090e;--panel-bg:#0d1019a6;--panel-border:#ffffff14;--panel-glow:#3b82f626;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle at 20% 20%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 80% 30%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 50% 80%,#10b9811f 0%,#0000 40%);width:140%;height:140%;animation:20s ease-in-out infinite alternate auroraFlow;position:fixed;top:-20%;left:-20%}@keyframes auroraFlow{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(3deg)}to{transform:scale(1)rotate(0)}}.app-layout{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--border);z-index:50;background:#0a0c12cc;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #3b82f666}.sidebar-brand-title{color:#fff;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.sidebar-brand-sub{color:var(--text-muted);font-size:.75rem}.sidebar-nav{flex-direction:column;flex-grow:1;gap:20px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;padding:0 12px;font-size:.75rem;font-weight:700}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#3b82f633,#8b5cf61a);border:1px solid #3b82f64d;font-weight:600;box-shadow:0 4px 16px #3b82f626}.nav-sub-item{color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px 8px 34px;font-size:.86rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-sub-item:before{content:"";background:var(--border);width:6px;height:1px;position:absolute;top:50%;left:20px}.nav-sub-item:hover{color:var(--text-main);background:#ffffff0a}.nav-sub-item.active{color:#818cf8;background:#6366f11f;border-left:2px solid #818cf8;font-weight:600}.main-content{flex-grow:1;margin-left:260px;padding:32px}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}@media (width<=1200px){.col-span-4,.col-span-5,.col-span-7,.col-span-8{grid-column:span 12}}.card.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:24px;padding:24px;transition:transform .2s,border-color .2s;box-shadow:0 16px 48px #0006}.card.glass:hover{border-color:#ffffff26}.card.glass h2{color:#fff;align-items:center;gap:10px;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.metrics-row{flex-direction:column;gap:16px;margin-top:12px;display:flex}.metric{flex-direction:column;gap:4px;display:flex}.m-title{color:var(--text-muted);font-size:.85rem}.m-val{font-size:1.6rem;font-weight:800}.m-sub{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono)}.progress-bg{background:#ffffff14;border-radius:99px;width:100%;height:8px;margin-top:6px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .4s}.services-list{flex-direction:column;gap:10px;max-height:240px;display:flex}.svc-item{border:1px solid var(--border);background:#0000004d;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.svc-name{color:#fff;font-size:.9rem;font-weight:600}.svc-node{color:var(--text-muted);font-size:.75rem}.led{background:#64748b;border-radius:50%;width:8px;height:8px}.led.on{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.led.off{background:var(--accent-red)}.btn-mini{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-mini:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-action{cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:0 6px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3b82f680}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.input{border:1px solid var(--border);color:#fff;background:#0006;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:.9rem;transition:border-color .2s}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 12px #3b82f633}.select-wrapper{position:relative}.select{border:1px solid var(--border);color:#fff;appearance:none;cursor:pointer;background:#0a0c12e6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:.9rem}.select-wrapper:after{content:"▾";color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sw{width:44px;height:24px;display:inline-block;position:relative}.sw input{opacity:0;width:0;height:0}.sw .track{cursor:pointer;background-color:#ffffff26;border-radius:99px;transition:all .3s;position:absolute;inset:0}.sw .thumb{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.sw input:checked+.track{background-color:var(--accent-green)}.sw input:checked+.track .thumb{transform:translate(20px)}.data-table-container{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px;font-size:.8rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:14px 12px;font-size:.9rem}.iphone-mockup{background:#111;border:4px solid #333;border-radius:36px;padding:16px;position:relative;box-shadow:0 20px 50px #0009}.iphone-notch{background:#000;border-radius:0 0 12px 12px;width:90px;height:18px;margin:0 auto}.iphone-header{color:#fff;justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}.notification-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff26;border-radius:16px;padding:12px;box-shadow:0 8px 24px #0000004d}.banner-top{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:.75rem;display:flex}.banner-title{font-size:.9rem;font-weight:700}.banner-body{opacity:.9;margin-top:2px;font-size:.82rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:28px;width:90%;max-width:420px;padding:32px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-box{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px);border-radius:28px;width:100%;max-width:360px;padding:40px 32px;box-shadow:0 20px 50px #00000080}.pin-display{justify-content:center;gap:16px;margin:28px 0 36px;display:flex}.pin-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:all .2s}.pin-dot.filled{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 12px var(--accent-blue)}.numpad{grid-template-columns:repeat(3,1fr);gap:16px;max-width:260px;margin:0 auto;display:grid}.num-btn{border:1px solid var(--border);color:#fff;width:64px;height:64px;font-size:1.4rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;transition:all .2s;display:flex}.num-btn:hover{border-color:var(--accent-blue);background:#ffffff26;transform:scale(1.05)}.num-btn:active{transform:scale(.95)}.flight-deck-wrapper{color:#f1f5f9;background-color:#07090e;background-image:radial-gradient(circle at 10% 20%,#10b9810a 0%,#0000 40%),radial-gradient(circle at 90% 10%,#3b82f60d 0%,#0000 40%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;flex-direction:column;width:100%;min-height:100vh;display:flex}.flight-header-hud{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:#0a0d14d9;border-bottom:1px solid #ffffff14;padding:14px 24px;position:sticky;top:0}.flight-header-row-1{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.flight-header-row-2{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.hud-pill{font-family:var(--font-mono);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:inline-flex}.hud-pill-emerald{color:#34d399;background:#10b98114;border-color:#10b9814d}.hud-pill-amber{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b4d}.hud-pill-cyan{color:#38bdf8;background:#06b6d414;border-color:#06b6d44d}.flight-split-container{flex:1;grid-template-columns:46% 54%;gap:20px;padding:20px 24px;display:grid}.flight-pane-left,.flight-pane-right{flex-direction:column;gap:16px;display:flex}.flight-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f19b3;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.flight-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.flight-card-title{letter-spacing:-.01em;color:#fff;text-transform:uppercase;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.flight-card:after{content:"";background:linear-gradient(90deg,#0000,#3b82f666,#0000);height:2px;position:absolute;top:0;left:0;right:0}@keyframes flightGlow{0%{box-shadow:0 0 8px #10b98133}50%{box-shadow:0 0 18px #10b98180}to{box-shadow:0 0 8px #10b98133}}.pulse-glow-emerald{animation:3s ease-in-out infinite flightGlow}.mobile-tab-bar{background:#0a0d14e6;border-bottom:1px solid #ffffff14;gap:8px;padding:8px 16px;display:none}@media (width<=1024px){.flight-split-container{grid-template-columns:1fr;padding:14px 16px}.mobile-tab-bar{display:flex}}.mobile-only-btn,.mobile-bottom-nav,.sidebar-backdrop{display:none}@media (width<=768px){.sidebar{z-index:95;width:270px;transition:transform .25s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#000000a6;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:16px 14px 76px}.mobile-only-btn{justify-content:center;align-items:center;display:inline-flex}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:4px 8px calc(4px + env(safe-area-inset-bottom));z-index:80;background:#0a0c12f0;border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0}}