:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--toolbar-bg:#333;--toolbar-text:#fff;--gold-color:#d4af37}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));margin:0;font-family:Arial,Helvetica,sans-serif}.toolbar{background-color:var(--toolbar-bg);color:var(--toolbar-text);padding:10px 20px;justify-content:space-between}.toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:20px}.logo{font-weight:700;font-size:1.2rem;color:var(--toolbar-text);text-decoration:none}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh}.login-form{background:hsla(0,0%,100%,.1);padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:300px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.login-button{width:100%;padding:.75rem;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-button:disabled{background-color:#ccc}.logout-button{background:none;border:1px solid var(--toolbar-text);padding:5px 10px;cursor:pointer;border-radius:4px}.logout-button,.nav-link{color:var(--toolbar-text)}.nav-link{text-decoration:none;margin-left:15px}.nav-link:hover{text-decoration:underline}