:root{--ink: #1b1d33;--primary: #383c61;--accent: #ff914d;--surface: #f6f7fb;--card: #ffffff;--muted: #5c6180;--line: #d9dce8;--danger: #b42318;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--primary);color:#fff;padding:1.25rem 1rem}.sidebar h1{font-size:1.1rem;margin:0 0 1.5rem}.sidebar a{display:block;text-decoration:none;padding:.45rem .6rem;border-radius:8px;margin-bottom:.25rem}.sidebar a.active,.sidebar a:hover{background:#ffffff1f}.main{padding:1.5rem 2rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--primary),#23263f)}.login form{width:min(420px,92vw);background:#fff;padding:2rem;border-radius:16px}label{display:block;margin:.8rem 0 .3rem}input{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px}.btn{margin-top:1rem;background:var(--accent);color:#1b1d33;border:0;border-radius:8px;padding:.7rem 1rem;font-weight:700;cursor:pointer}.btn.secondary{background:var(--primary);color:#fff}.error{color:var(--danger)}.empty{color:var(--muted)}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:flex;gap:.5rem;overflow:auto}}