:root{--bg-primary: #F1F5F9;--bg-secondary: #FFFFFF;--bg-tertiary: #E2E8F0;--panel-bg: rgba(255, 255, 255, .95);--panel-border: rgba(15, 23, 42, .12);--panel-border-glow: rgba(2, 132, 199, .25);--color-hud: #0284c7;--color-hud-glow: rgba(2, 132, 199, .15);--color-success: #16a34a;--color-success-glow: rgba(22, 163, 74, .15);--color-danger: #e11d48;--color-danger-glow: rgba(225, 29, 72, .15);--color-warning: #ea580c;--color-warning-glow: rgba(234, 88, 12, .15);--color-text-main: #0f172a;--color-text-muted: #475569;--color-cclhd: #0284c7;--color-nswas: #16a34a;--color-frnsw: #e11d48;--color-rfs: #d97706;--color-vra: #ca8a04;--color-deltapower: #7c3aed;--color-civilians: #4b5563;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-main);background-color:var(--bg-primary);margin:0;padding:0;box-sizing:border-box}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(at 0% 0%,rgba(2,132,199,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(225,29,72,.03) 0px,transparent 50%);background-attachment:fixed;min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,monospace;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase;color:var(--color-text-main)}h1{font-size:2rem;color:var(--color-text-main);border-bottom:2px solid var(--panel-border);padding-bottom:.5rem}h2{font-size:1.4rem;color:var(--color-hud)}p{color:var(--color-text-main);margin-top:0}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;padding:.85rem 1.75rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #00000008;width:100%}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;white-space:nowrap;flex-shrink:0}.logo-text{font-family:Space Grotesk,monospace;font-weight:900;font-size:clamp(1.05rem,3.8vw,1.45rem);white-space:nowrap;letter-spacing:.08em;color:#ea580c;position:relative;display:inline-block}.logo-tag{display:inline-flex;align-items:center;gap:.4rem;background:#e11d481a;border:1px solid rgba(225,29,72,.4);color:#e11d48;padding:.25rem .65rem;border-radius:20px;font-family:Space Grotesk,monospace;font-size:clamp(.6rem,2.2vw,.72rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 12px #e11d482e,inset 0 0 8px #0284c71a;transition:all .2s ease}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem 1.25rem;align-items:center;min-width:0}.nav-toggle{display:none;align-items:center;gap:.4rem;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-main);background:#e2e8f0;border:1px solid #CBD5E1;border-radius:6px;padding:.5rem .8rem;cursor:pointer}.nav-link{color:var(--color-text-muted);text-decoration:none;font-family:Space Grotesk,monospace;font-size:.9rem;font-weight:600;transition:all .2s ease}.nav-link{padding:.25rem .5rem;border-bottom:2px solid transparent;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-hud);border-bottom:2px solid var(--color-hud)}.nav-user-area{display:flex;align-items:center;gap:.75rem;margin-left:.75rem;border-left:1px solid #CBD5E1;padding-left:.75rem;flex-shrink:0}.nav-user-label{font-size:.8rem}.btn{display:inline-block;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600;text-transform:uppercase;padding:.65rem 1.25rem;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none}.btn-primary{background:var(--color-hud);border-color:var(--color-hud);color:#fff}.btn-primary:hover:not(:disabled){background:#0369a1;box-shadow:0 4px 12px var(--color-hud-glow)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:0 4px 12px var(--color-success-glow)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#be123c;box-shadow:0 4px 12px var(--color-danger-glow)}.btn-secondary{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.btn-secondary:hover:not(:disabled){background:#cbd5e1;color:#0f172a}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-content{background:#fff;border:1px solid #CBD5E1;border-radius:12px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;animation:modal-appear .2s ease-out}.nav-user-label{padding:.3rem .6rem;white-space:nowrap}.content-area{flex:1}.container{width:100%}.card{color:var(--color-text-main)}.input{display:block;width:100%;padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:6px;background:#fff;color:#0f172a;font-family:inherit;font-size:.95rem}.input:focus{outline:none;border-color:var(--color-hud);box-shadow:0 0 6px var(--color-hud-glow)}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:3000;padding:1rem}.roster-table{width:100%;border-collapse:collapse;font-size:.86rem}.roster-table th{text-align:left;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:.6rem .75rem;border-bottom:1px solid var(--panel-border);background:#f8fafc}.roster-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}@media (max-width: 760px){.main-nav{flex-direction:row;align-items:center;padding:.6rem 1rem}.nav-toggle{display:inline-flex;min-height:44px}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links .nav-link{padding:.8rem .5rem;border-bottom:1px solid rgba(15,23,42,.06)}.nav-user-area{margin:.5rem 0 0;border-left:none;padding:.5rem 0 0;flex-wrap:wrap;justify-content:space-between}.input,select,textarea{font-size:16px}.dispatch-table,.dispatch-table tbody,.dispatch-table tr,.dispatch-table td{display:block;width:100%!important;min-width:0!important}.dispatch-table thead{display:none}}@media (max-height: 500px){.main-nav{position:static}}@media (pointer: coarse){.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-sm{min-height:38px}.input{min-height:44px}}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}