:root{font-family:Inter,Arial,sans-serif;color:#17191c;background:#f4f5f6}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:250px;background:#17191c;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;margin:0 8px 36px}.brand img{width:42px;height:42px;border-radius:12px}nav{display:grid;gap:8px}button,input,select,textarea{font:inherit}nav button{border:0;background:transparent;color:#aaa;text-align:left;padding:13px 14px;border-radius:12px;cursor:pointer}nav button.active,nav button:hover{background:#303136;color:#ffd21c}.user{margin-top:auto;border-top:1px solid #333;padding:20px 8px 0;display:grid;gap:5px}.user small{color:#aaa}.user button{margin-top:9px;background:transparent;border:1px solid #555;color:#ddd;border-radius:9px;padding:8px;cursor:pointer}main{margin-left:250px;padding:34px 42px;width:calc(100% - 250px)}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}header p,.muted{color:#777}.badge{background:#fff2ad;padding:10px 15px;border-radius:999px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stats article,.panel{background:white;border-radius:17px;padding:21px;box-shadow:0 4px 18px #00000009}.stats small{color:#777}.stats strong{display:block;font-size:30px;margin-top:8px}.red{color:#d74646}.panel{padding:0;overflow:hidden}.toolbar{display:flex;gap:12px;padding:18px}.toolbar input{flex:1}input,select,textarea{border:1px solid #ddd;border-radius:10px;padding:11px 13px;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 18px;border-top:1px solid #eee}th{font-size:12px;color:#777;text-transform:uppercase}.status{padding:7px 10px;background:#fff2ad;border-radius:8px;font-size:13px}.open{background:#ffd21c;border:0;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}dialog{border:0;border-radius:20px;padding:28px;width:min(560px,90vw);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#0006}.close{float:right;border:0;background:none;font-size:26px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.details div{background:#f5f5f5;padding:15px;border-radius:12px}.details small,.details b{display:block}.details b{margin-top:5px}textarea{display:block;width:100%;height:90px;margin-top:8px;resize:none}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.actions button{padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer}.reject{background:#fff;border:1px solid #dc5555;color:#c33}.approve{background:#ffd21c;border:0}@media(max-width:900px){aside{width:78px}.brand span,nav button,.user{font-size:0}.brand img{width:42px}main{margin-left:78px;width:calc(100% - 78px);padding:24px}.stats{grid-template-columns:1fr 1fr}th:nth-child(3),td:nth-child(3){display:none}}