@font-face{font-family:Vazir;src:local(Vazir)}*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#222;font-family:Vazir,Tahoma,Arial,sans-serif;direction:rtl}input,button{font:inherit}a{color:#303f9f;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#171a2b;color:#fff;padding:24px;display:flex;flex-direction:column}aside h2{margin:0;font-size:24px}aside small{opacity:.65;margin-bottom:30px}nav{display:grid;gap:7px}nav a{color:#d8daea;padding:11px 12px;border-radius:8px}.on,nav a:hover{background:#2b3050;color:#fff}.logout{margin-top:auto;color:#ffb8b8}main header{height:72px;background:#fff;border-bottom:1px solid #e5e7ef;padding:0 30px;display:flex;align-items:center;justify-content:space-between}header span{font-size:12px;margin-right:10px;color:#777}.content,.page{padding:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel,.card{background:#fff;border:1px solid #e5e7ef;border-radius:14px;padding:22px;box-shadow:0 5px 20px #00000008}.stats span{display:block;color:#777}.stats strong{font-size:32px}.panel{margin-top:20px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.card{width:min(440px,100%)}form{display:grid;gap:12px}input{width:100%;padding:11px;border:1px solid #d9dce7;border-radius:8px;background:#fff}button{border:0;border-radius:8px;background:#303f9f;color:#fff;padding:12px;cursor:pointer}.alert{background:#fff1f1;color:#a40000;padding:10px;border-radius:8px;margin:10px 0}.grid{grid-template-columns:repeat(2,1fr)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #eee;text-align:right;font-size:11px}th{background:#f0f2f8}@media(max-width:800px){.layout{grid-template-columns:1fr}.layout aside{display:none}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}