:root{--color-surface:#fbf9f4;--color-surface-dim:#dbdad5;--color-surface-bright:#fbf9f4;--color-surface-lowest:#fff;--color-surface-low:#f5f3ee;--color-surface-container:#f0eee9;--color-surface-high:#eae8e3;--color-surface-highest:#e4e2dd;--bg-body:#fbf9f4;--bg-surface:#fff;--bg-surface-elevated:#f5f3ee;--bg-surface-sunken:#eae8e3;--bg-sidebar:#1c2733;--bg-sidebar-hover:#26354d;--bg-sidebar-active:#07121d;--color-on-surface:#1b1c19;--color-on-surface-variant:#44474b;--text-primary:#1b1c19;--text-secondary:#44474b;--text-muted:#75777c;--text-inverse:#fff;--text-sidebar:#d8e3f4;--text-sidebar-muted:#838e9d;--brand-navy:#1c2733;--brand-navy-dark:#07121d;--brand-coral:#ff6b4d;--brand-coral-hover:#e85536;--brand-coral-active:#ae3119;--brand-gold:#c9a227;--brand-gold-container:#fef3c7;--brand-primary:var(--brand-coral);--brand-primary-hover:var(--brand-coral-hover);--brand-primary-rgb:255, 107, 77;--outline:#75777c;--outline-variant:#c4c6cc;--border-subtle:#e5e0d8;--border-medium:#d1cdc4;--border-strong:#1c2733;--border-focus:var(--brand-coral);--status-success:#10b981;--status-success-bg:#ecfdf5;--status-success-border:#a7f3d0;--status-success-text:#065f46;--status-info:#0ea5e9;--status-info-bg:#f0f9ff;--status-info-border:#bae6fd;--status-info-text:#0369a1;--status-warning:#c9a227;--status-warning-bg:#fef3c7;--status-warning-border:#fde68a;--status-warning-text:#92400e;--status-danger:#ef4444;--status-danger-bg:#fef2f2;--status-danger-border:#fecaca;--status-danger-text:#991b1b;--status-occupied-bg:#f1f5f9;--status-occupied-border:#cbd5e1;--status-occupied-text:#1c2733;--font-heading:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-metric:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"Space Grotesk", "JetBrains Mono", ui-monospace, monospace;--sidebar-width:16rem;--sidebar-collapsed-width:4.5rem;--topbar-height:4rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 3px #1c27330d;--shadow-md:0 4px 6px -1px #1c273314, 0 2px 4px -2px #1c27330a;--shadow-lg:0 8px 20px -4px #1c27331f;--shadow-xl:0 20px 35px -8px #1c273340;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button,input,select,textarea{color:inherit;outline:none;font-family:inherit;font-size:.9375rem}.display-lg,.headline-lg,.headline-md,.headline-sm,.metric-stat,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary)}.app-layout{min-height:100vh}.app-layout,.main-content{background-color:var(--bg-body);display:flex}.main-content{flex-direction:column;flex:1;min-width:0}.page-container{flex:1;width:100%;max-width:1680px;padding:1.5rem 2rem}@media (width<=768px){.page-container{padding:1rem}}.card,.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{border-color:var(--border-medium)}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand-coral);border-color:var(--brand-coral);box-shadow:0 1px 2px #ff6b4d33;color:#fff!important}.btn-primary:hover:not(:disabled){background-color:var(--brand-coral-hover);border-color:var(--brand-coral-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b4d4d}.btn-primary:active:not(:disabled){background-color:var(--brand-coral-active);transform:translateY(0)}.btn-secondary{background-color:var(--brand-navy);border-color:var(--brand-navy);color:#fff!important}.btn-secondary:hover:not(:disabled){background-color:#26354d;border-color:#26354d}.btn-outline{color:var(--text-primary);border-color:var(--border-medium);background-color:#fff}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-low);border-color:var(--brand-navy)}.btn-danger{background-color:var(--status-danger);border-color:var(--status-danger);color:#fff!important}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{border-radius:var(--radius-xs);padding:.375rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:1rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#fff;padding:.55rem .85rem;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-navy);box-shadow:0 0 0 2px #1c27331f}.form-textarea{resize:vertical}.badge{font-family:var(--font-heading);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.badge-success{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.badge-info{background-color:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.badge-warning{background-color:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.badge-danger{background-color:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.badge-occupied{background-color:var(--status-occupied-bg);border-color:var(--status-occupied-border);color:var(--status-occupied-text)}.badge-secondary,.badge-subtle{background-color:var(--color-surface-high);border-color:var(--border-subtle);color:var(--text-secondary)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.kpi-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--brand-navy);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.stripe-green:before{background:var(--status-success)}.kpi-card.stripe-coral:before{background:var(--brand-coral)}.kpi-card.stripe-gold:before{background:var(--brand-gold)}.kpi-card.stripe-navy:before{background:var(--brand-navy)}.kpi-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.kpi-val{font-family:var(--font-metric);color:var(--brand-navy);letter-spacing:-.02em;font-size:2.15rem;font-weight:700;line-height:1.1}.kpi-sub{color:var(--text-secondary);font-size:.8125rem}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{background:var(--color-surface-low);font-family:var(--font-heading);color:var(--text-secondary);border-bottom:1px solid var(--border-medium);white-space:nowrap;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;background:#fff;padding:.85rem 1rem}.data-table tr:hover td{background:var(--color-surface)}.dispatch-banner{background:var(--brand-navy);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.dispatch-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-coral);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.6875rem;display:inline-flex}.dispatch-tag,.dispatch-title{font-family:var(--font-heading);font-weight:700}.dispatch-title{color:#fff;letter-spacing:-.02em;font-size:1.625rem;line-height:1.2}.dispatch-subtitle{color:var(--text-sidebar);margin-top:.35rem;font-size:.875rem}.dispatch-telemetry{border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:2rem;padding:.85rem 1.25rem;display:flex}.telemetry-item{flex-direction:column;display:flex}.telemetry-label{font-family:var(--font-heading);letter-spacing:.06em;color:var(--text-sidebar-muted);text-transform:uppercase;font-size:.625rem;font-weight:700}.telemetry-value{font-family:var(--font-metric);color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2}.telemetry-status{font-family:var(--font-heading);color:#fff;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.8125rem;font-weight:600;display:flex}.split-view-layout{grid-template-columns:420px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1100px){.split-view-layout{grid-template-columns:1fr}}.typology-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.typology-grid{grid-template-columns:1fr}}.typology-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.typology-header{justify-content:space-between;align-items:center;display:flex}.typology-name{font-family:var(--font-heading);font-size:.9375rem}.typology-name,.typology-pct{color:var(--brand-navy);font-weight:700}.typology-pct{font-family:var(--font-metric);font-size:1.125rem}.typology-progress-track{background:var(--color-surface-container);border-radius:var(--radius-full);height:6px;overflow:hidden}.typology-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.typology-progress-fill.coral{background:var(--brand-coral)}.typology-progress-fill.navy{background:var(--brand-navy)}.typology-progress-fill.gold{background:var(--brand-gold)}.typology-progress-fill.green{background:var(--status-success)}.typology-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.feed-card{gap:.85rem}.feed-card,.feed-item{flex-direction:column;display:flex}.feed-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;gap:.4rem;padding:1rem}.feed-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.feed-item-top{justify-content:space-between;align-items:center;display:flex}.feed-item-title{font-family:var(--font-heading);color:var(--brand-navy);font-size:.875rem;font-weight:700}.feed-item-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.feed-item-link{font-family:var(--font-heading);color:var(--brand-coral);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.feed-item-link:hover{text-decoration:underline}.animate-fade-in{animation:.2s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.font-mono,.text-mono{font-family:var(--font-mono)}.text-coral{color:var(--brand-coral)}.text-navy{color:var(--brand-navy)}.text-gold{color:var(--brand-gold)}.text-emerald{color:var(--status-success)}