:root{font-family:Inter,system-ui,sans-serif;color:#121723;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}.login{max-width:420px;margin:12vh auto;padding:32px;background:#fff;border:1px solid #e2e5ea;border-radius:20px}.brand{font-weight:800;letter-spacing:.12em;color:#bd861f}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.nav{padding:28px 16px;background:#121723;color:#fff}.nav button{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:12px;border-radius:10px;font:inherit}.nav button.active{background:#2a303d}.content{padding:32px;max-width:1300px;width:100%;margin:auto}.head{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar{display:flex;gap:12px;margin:24px 0}input{width:100%;padding:12px;border:1px solid #d8dce3;border-radius:10px;font:inherit}button{cursor:pointer;padding:10px 14px;border:0;border-radius:10px;background:#bd861f;color:#18130a;font-weight:700}button.secondary{background:#e9edf2;color:#18202c}.table{background:#fff;border:1px solid #e2e5ea;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px;text-align:left;border-bottom:1px solid #edf0f3;font-size:14px}th{color:#6a7280;font-size:12px;text-transform:uppercase}.muted{color:#6a7280}.error{color:#b42318;margin-top:12px}.hidden{display:none}@media(max-width:760px){.shell{grid-template-columns:1fr}.nav{display:flex;gap:8px;overflow:auto;padding:14px}.nav button{width:auto;white-space:nowrap}.content{padding:20px}}