:root{--background: #ffffff;--foreground: #171717}@media(prefers-color-scheme:dark){:root{--background: #0a0a0a;--foreground: #ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0f172a;color:#fff}.logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;font-size:14px}.nav-links a:hover{text-decoration:underline}.logout-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}