:root{--bg:#0e1a24;--panel:#162633;--border:#2b3d4f;--text:#eaf2f9;--muted:#a7b8c7}
body{background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Arial,sans-serif;margin:0}
.container{max-width:1200px;margin:0 auto;padding:20px} h1{color:#5fa8d3}
.panel{background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:12px;margin-bottom:16px}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:8px}
.badge{display:inline-block;padding:6px 10px;border-radius:8px;background:#2b3d4f;color:#fff;text-decoration:none}
.updated{color:var(--muted);margin-top:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.direction-screen .direction-header{font-size:2rem;text-align:center;margin-top:18px} .direction-screen .direction-subheader{text-align:center;color:var(--muted);margin-bottom:12px}