:root{--st-navy:#12233f;--st-blue:#2563eb;--st-bg:#f4f7fb;--st-border:#dfe6ef}html{font-size:15px}body{background:var(--st-bg);color:#1e293b;min-height:100vh}.app-navbar{background:linear-gradient(115deg,#10213c,#1e3a63)}.brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:.45rem;border-radius:.55rem;background:#3b82f6;color:white}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1{font-weight:700;letter-spacing:-.025em;margin:0}.card{border:1px solid var(--st-border);border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.045)}.card-header{background:transparent;border-bottom:1px solid var(--st-border);font-weight:650;padding:1rem 1.25rem}.table{margin:0}.table>thead th{color:#64748b;font-size:.76rem;letter-spacing:.055em;text-transform:uppercase;border-bottom-width:1px}.table>tbody td{vertical-align:middle}.form-label{font-weight:600;color:#334155}.form-control,.form-select{border-color:#cbd5e1}.form-control:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}.btn-primary{background:var(--st-blue);border-color:var(--st-blue)}.status-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.4rem}.status-online{background:#22c55e}.status-offline{background:#94a3b8}.metric{padding:1rem;border-radius:.8rem;background:#f8fafc;border:1px solid #e8edf4}.metric-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.metric-value{font-weight:650;margin-top:.2rem;word-break:break-word}pre,.code-box{background:#0f172a;color:#dbeafe;border-radius:.75rem;padding:1rem;white-space:pre-wrap;word-break:break-word}.login-shell{max-width:430px;margin:6vh auto}.antenna-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.85rem}.empty-state{padding:3rem 1rem;text-align:center;color:#64748b}.welcome-hero{padding:clamp(2rem,7vh,6rem) 0}.welcome-hero h1{max-width:800px;margin:.65rem 0 1.35rem;font-size:clamp(2.5rem,5.5vw,4.8rem);font-weight:750;letter-spacing:-.055em;line-height:1.02;color:#12233f}.welcome-kicker{font-size:.78rem;font-weight:750;letter-spacing:.16em;color:#2563eb}.welcome-lead{max-width:720px;margin-bottom:2rem;font-size:1.16rem;line-height:1.7;color:#52647a}.welcome-panel{position:relative;overflow:hidden;padding:2rem;border:1px solid #d8e2ef;border-radius:1.4rem;background:linear-gradient(145deg,#fff,#edf4ff);box-shadow:0 24px 60px rgba(15,35,68,.12)}.welcome-panel:after{position:absolute;top:-5rem;right:-5rem;width:12rem;height:12rem;border-radius:50%;background:rgba(37,99,235,.09);content:""}.welcome-panel-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;border-radius:.9rem;background:#2563eb;color:#fff;font-size:1.8rem}.welcome-feature{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-top:1px solid #dce5f0}.welcome-feature:first-of-type{margin-top:1.5rem}.welcome-feature>span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:.55rem;background:#dbeafe;color:#1d4ed8;font-size:.7rem;font-weight:750}.welcome-feature strong,.welcome-feature small{display:block}.welcome-feature small{margin-top:.15rem;color:#64748b;line-height:1.45}@media(max-width:767px){.page-heading{display:block}.page-heading .btn{margin-top:1rem}.table-responsive{font-size:.9rem}.welcome-hero{padding-top:1.25rem}.welcome-hero h1{font-size:2.7rem}}