*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f5f8;color:#1e293b}.layout{display:flex;min-height:100vh}aside{width:230px;background:#111827;color:#fff;padding:24px}aside h2{margin-top:0}aside a{display:block;color:#d1d5db;text-decoration:none;padding:11px 0}main{padding:30px;flex:1}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 15px #0000000b}.card strong{display:block;font-size:26px;margin-top:8px}input,select,button{padding:11px;border:1px solid #d1d5db;border-radius:8px;margin:5px 0}button{background:#111827;color:#fff;cursor:pointer}.panel{margin:15px 0}.panel label{display:block;margin-top:8px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row b{min-width:280px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.error{background:#fee2e2;padding:12px;border-radius:8px;margin:10px 0}.success{background:#dcfce7;padding:12px;border-radius:8px;margin:10px 0}pre{white-space:pre-wrap;max-height:600px;overflow:auto}.login{display:grid;place-items:center;min-height:100vh}.loginbox{background:#fff;padding:30px;border-radius:12px;width:340px;box-shadow:0 4px 25px #0002}.loginbox input,.loginbox button{display:block;width:100%;margin:10px 0}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}aside{width:190px}}