:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9f2ec;background:#101916;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{padding:32px 24px;border-right:1px solid #33483e;background:#17241d}.brand{font-size:1.5rem;font-weight:750;letter-spacing:-.04em}.brand span,.eyebrow{color:#efbf75}aside p{color:#b9d0c3}nav{display:grid;gap:10px;margin-top:36px}button,a.secondary{font:inherit;border:1px solid #617e6c;border-radius:10px;padding:12px 18px;cursor:pointer}button{background:#efbf75;color:#17241d;font-weight:650}nav button{background:transparent;color:#e9f2ec;text-align:left}nav button[aria-current=page]{background:#2b4335;border-color:#efbf75}main{padding:32px 48px;max-width:1400px;width:100%}header{display:flex;align-items:center;justify-content:space-between}.eyebrow{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.12em}h1{font-size:2.5rem;letter-spacing:-.04em}p{line-height:1.6;color:#bdd2c5}section{border:1px solid #3b5143;border-radius:18px;padding:24px;background:#1b2a23}a{color:#efbf75}.secondary{display:inline-block;margin:12px;background:transparent}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{text-align:left;padding:16px 12px;border-bottom:1px solid #3b5143;overflow-wrap:anywhere}input,select,textarea{font:inherit;background:#101916;color:#fff;border:1px solid #648071;border-radius:8px;padding:12px;width:100%}label{display:block;margin:16px 0 8px}form{max-width:650px}.toolbar{display:flex;gap:12px}.toolbar input{max-width:450px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #3b5143;border-radius:14px;padding:20px}.error{color:#ffb9ab}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efbf75;outline-offset:3px}@media(max-width:850px){body{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #33483e;padding:24px}nav{grid-template-columns:repeat(2,1fr);margin-top:20px}main{padding:24px}.cards{grid-template-columns:1fr}table{font-size:.85rem}td,th{padding:10px 6px}}
