*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6fa;color:#1f2937}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#fff;padding:24px;border-radius:12px;width:360px;box-shadow:0 10px 30px #0000001a}input,button{width:100%;padding:11px;margin:7px 0;border-radius:8px;border:1px solid #d1d5db}.err{color:#dc2626}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#111827;color:#fff;padding:20px 0}aside h2{padding:0 20px;margin:0 0 20px}aside button{display:block;width:100%;text-align:left;background:transparent;color:#d1d5db;border:0;padding:12px 20px;cursor:pointer}aside button.active,aside button:hover{background:#1f2937;color:#fff}main{padding:26px}.toolbar button{width:auto;margin-right:8px}.card{width:100%;overflow:auto}pre{font-size:12px;white-space:pre-wrap}