body{color:#222;background:#f5f6f8;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;box-sizing:border-box;background:#111827;width:250px;padding:20px}aside h1{margin:0 0 20px;font-size:24px}aside button{text-align:left;color:#fff;cursor:pointer;background:#1f2937;border:0;border-radius:6px;width:100%;margin:4px 0;padding:10px;display:block}aside button.active{background:#2563eb}main{flex:1;padding:24px;overflow:auto}header{background:#fff;border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 1px 5px #ddd}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 5px #ddd}.card pre{white-space:pre-wrap;font-size:12px}.form{background:#fff;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;padding:16px;display:grid;box-shadow:0 1px 5px #ddd}label{text-transform:capitalize;font-size:12px;font-weight:700}input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-top:5px;padding:9px;display:block}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:10px 14px;font-weight:700}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 5px #ddd}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px;font-size:13px}th{background:#f0f2f5}.msg,.alert{background:#fff4d6;border-radius:6px;padding:10px}