*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#172033;font:15px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:10px 15px;background:#175cd3;color:white}.secondary{background:#e8eef8;color:#17345e}.danger{background:#b42318}.wrap{max-width:1200px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:22px;font-weight:700}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.nav button{background:#e5ebf5;color:#26364d}.nav button.active{background:#175cd3;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.card,.panel{background:white;border:1px solid #e4e9f1;border-radius:12px;padding:18px;box-shadow:0 2px 8px #162b4d08}.metric{font-size:26px;font-weight:700;margin-top:10px}.muted{color:#667085}.panel{margin-top:16px;overflow:auto}h2{font-size:19px;margin:0 0 14px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}label{display:block;font-size:13px;color:#475467}input,select{width:100%;padding:10px;border:1px solid #cfd7e3;border-radius:8px;margin-top:5px;background:white}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f4;font-size:14px}th{color:#475467;background:#f8fafc}.login{max-width:420px;margin:9vh auto;padding:26px;background:white;border-radius:14px;box-shadow:0 8px 35px #182b4d18}.login h1{font-size:23px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.error{color:#b42318;margin:10px 0}.success{color:#067647}.right{display:flex;gap:8px;align-items:center}.rtl{direction:rtl;text-align:right}@media(max-width:600px){.wrap{padding:12px}.brand{font-size:18px}.login{margin:4vh 12px}}@media print{.nav,.actions,.top button{display:none!important}body{background:white}.wrap{max-width:none}.panel,.card{box-shadow:none}}