:root{--clr-bg-deep: #07080d;--clr-bg-base: #0a0b12;--clr-bg-card: #0f1018;--clr-bg-surface: #141620;--clr-bg-hover: #1a1d2e;--clr-border: rgba(255,255,255,.07);--clr-border-glow:rgba(19,236,149,.25);--clr-primary: #13ec95;--clr-primary-dim:#0db876;--clr-primary-bg: rgba(19,236,149,.08);--clr-primary-bg2:rgba(19,236,149,.12);--clr-warning: #f59e0b;--clr-warning-bg: rgba(245,158,11,.1);--clr-danger: #ef4444;--clr-danger-bg: rgba(239,68,68,.1);--clr-info: #60a5fa;--clr-info-bg: rgba(96,165,250,.1);--clr-success: #13ec95;--clr-text-1: #f0f2ff;--clr-text-2: #a0a8c0;--clr-text-3: #6b7280;--clr-text-muted: #4b5563;--font-base: "Space Grotesk", system-ui, sans-serif;--fs-xs: .65rem;--fs-sm: .75rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--bottom-nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-base);font-size:var(--fs-base);color:var(--clr-text-1);background-color:var(--clr-bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:390px;margin:0 auto;position:relative;background:var(--clr-bg-base);overflow:hidden}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-h) + var(--sp-4));-webkit-overflow-scrolling:touch}.screen-content::-webkit-scrollbar{display:none}.header{background:var(--clr-bg-base);border-bottom:1px solid var(--clr-border);padding:var(--sp-4) var(--sp-4) var(--sp-3);position:relative;z-index:10;flex-shrink:0}.header-top{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:var(--fs-sm);font-weight:var(--fw-semi);letter-spacing:.15em;text-transform:uppercase;color:var(--clr-text-3)}.header-callsign{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--clr-text-1);line-height:1}.header-callsign span{color:var(--clr-primary)}.status-badge{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-primary);background:var(--clr-primary-bg);border:1px solid var(--clr-border-glow);padding:3px 8px;border-radius:var(--radius-full)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--clr-primary);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:390px;height:var(--bottom-nav-h);background:#0a0b12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--clr-border);display:flex;align-items:center;justify-content:space-around;z-index:100;padding:0 var(--sp-2)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:var(--sp-2);cursor:pointer;background:none;border:none;color:var(--clr-text-3);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.nav-item:hover{color:var(--clr-text-2)}.nav-item.active{color:var(--clr-primary)}.nav-item.active .nav-icon-wrap{background:var(--clr-primary-bg);border-color:var(--clr-border-glow)}.nav-icon-wrap{width:34px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid transparent;transition:all var(--transition-base)}.nav-icon{font-size:20px!important;font-variation-settings:"FILL" 0,"wght" 400}.nav-item.active .nav-icon{font-variation-settings:"FILL" 1,"wght" 400}.nav-label{font-size:9px;font-weight:var(--fw-semi);letter-spacing:.06em;text-transform:uppercase}.card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-4);position:relative;overflow:hidden}.card-glow{border-color:var(--clr-border-glow)}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--clr-primary),transparent);opacity:.6}.kpi-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-4);position:relative;overflow:hidden}.kpi-label{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text-3);margin-bottom:var(--sp-2)}.kpi-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-text-1);letter-spacing:-.03em;line-height:1}.kpi-value.primary{color:var(--clr-primary)}.kpi-value.warning{color:var(--clr-warning)}.kpi-value.danger{color:var(--clr-danger)}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);font-weight:var(--fw-semi);margin-top:var(--sp-2);padding:2px 6px;border-radius:var(--radius-full)}.kpi-delta.up{color:var(--clr-primary);background:var(--clr-primary-bg)}.kpi-delta.down{color:var(--clr-danger);background:var(--clr-danger-bg)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-title{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text-3);display:flex;align-items:center;gap:var(--sp-2)}.section-title-icon{color:var(--clr-primary);font-size:14px!important}.alert-item{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);align-items:flex-start;transition:border-color var(--transition-fast)}.alert-item:hover{border-color:#ffffff1f}.alert-icon-wrap{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px!important}.alert-icon-wrap.primary{background:var(--clr-primary-bg);color:var(--clr-primary)}.alert-icon-wrap.warning{background:var(--clr-warning-bg);color:var(--clr-warning)}.alert-icon-wrap.danger{background:var(--clr-danger-bg);color:var(--clr-danger)}.alert-icon-wrap.info{background:var(--clr-info-bg);color:var(--clr-info)}.alert-content{flex:1;min-width:0}.alert-title{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--clr-text-1);margin-bottom:3px;letter-spacing:.02em}.alert-body{font-size:var(--fs-xs);color:var(--clr-text-2);line-height:1.5}.alert-time{font-size:var(--fs-xs);color:var(--clr-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-sm)}.tag.primary{background:var(--clr-primary-bg);color:var(--clr-primary);border:1px solid var(--clr-border-glow)}.tag.warning{background:var(--clr-warning-bg);color:var(--clr-warning);border:1px solid rgba(245,158,11,.25)}.tag.danger{background:var(--clr-danger-bg);color:var(--clr-danger);border:1px solid rgba(239,68,68,.25)}.tag.info{background:var(--clr-info-bg);color:var(--clr-info);border:1px solid rgba(96,165,250,.25)}.tag.muted{background:var(--clr-bg-surface);color:var(--clr-text-3);border:1px solid var(--clr-border)}.divider{height:1px;background:var(--clr-border);margin:var(--sp-4) 0}.screen{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;-webkit-user-select:none;user-select:none}.progress-bar-track{height:4px;background:var(--clr-bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--clr-primary);transition:width .8s ease}.progress-bar-fill.warning{background:var(--clr-warning)}.progress-bar-fill.danger{background:var(--clr-danger)}.h-scroll{display:flex;gap:var(--sp-3);overflow-x:auto;padding-bottom:var(--sp-2);scroll-snap-type:x mandatory}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .35s ease both}.fade-in-1{animation-delay:.05s}.fade-in-2{animation-delay:.1s}.fade-in-3{animation-delay:.15s}.fade-in-4{animation-delay:.2s}.fade-in-5{animation-delay:.25s}.fade-in-6{animation-delay:.3s}@keyframes scanline{0%{top:0}to{top:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1.2s step-end infinite}.text-primary{color:var(--clr-primary)}.text-muted{color:var(--clr-text-3)}.text-dim{color:var(--clr-text-2)}.text-danger{color:var(--clr-danger)}.text-warning{color:var(--clr-warning)}.text-center{text-align:center}.text-right{text-align:right}.fw-bold{font-weight:var(--fw-bold)}.fw-semi{font-weight:var(--fw-semi)}.monospace{font-variant-numeric:tabular-nums}.uppercase{text-transform:uppercase;letter-spacing:.1em}.small{font-size:var(--fs-xs)}