:root{--bg:#0f172a;--card:#1e293b;--text:#f1f5f9;--accent:#3b82f6;--error:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:linear-gradient(135deg,#0f172a,#1e3a5f);color:var(--text);min-height:100vh}.main{max-width:1200px;margin:0 auto;padding:1.5rem}.header{background:var(--card);padding:1rem 1.5rem;border-bottom:1px solid #334155}.header__nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;max-width:1200px;margin:0 auto}.header__link{color:var(--text);text-decoration:none}.header__link:hover{color:var(--accent)}.header__logout{margin-left:auto;background:transparent;border:1px solid #475569;color:var(--text);padding:.4rem .8rem;border-radius:6px;cursor:pointer}.login{display:flex;justify-content:center;align-items:center;min-height:80vh}.login__card{background:var(--card);padding:2rem;border-radius:12px;width:100%;max-width:400px}.login__title{margin-top:0;text-align:center}.login__form{display:flex;flex-direction:column;gap:.75rem}.login__label{font-size:.9rem}.login__input{padding:.6rem;border-radius:6px;border:1px solid #475569;background:#0f172a;color:var(--text)}.login__submit{margin-top:.5rem;padding:.75rem;background:var(--accent);color:white;border:none;border-radius:6px;cursor:pointer}.login__error{color:var(--error);font-size:.9rem}.login__success{color:#22c55e;font-size:.9rem}.login__register{text-align:center;margin-top:1rem}.page-title{margin-top:0}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--card);padding:1rem;border-radius:8px}