@font-face{font-family:Vazirmatn;src:local("Vazirmatn"),local("Vazir");}
*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:#090b0a;color:#f2f4f3;direction:rtl}
a{text-decoration:none;color:inherit}.layout{min-height:100vh;display:flex}.sidebar{width:250px;background:#0d100f;border-left:1px solid #1d2521;padding:24px 16px;position:fixed;right:0;top:0;bottom:0}.brand{font-size:30px;font-weight:900;letter-spacing:.5px;padding:8px 12px 28px}.brand span{color:#16a36a}.nav a{display:block;padding:13px 14px;margin:5px 0;border-radius:10px;color:#b8c1bd}.nav a:hover,.nav a.active{background:#123e2c;color:#fff}.logout{position:absolute;bottom:22px;right:16px;left:16px;padding:12px;border:1px solid #27312d;border-radius:10px;text-align:center;color:#d0d6d3}
main{margin-right:250px;width:calc(100% - 250px);padding:34px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.title{font-size:28px;font-weight:800}.muted{color:#8e9994}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#0f1412;border:1px solid #202a25;border-radius:14px;padding:20px}.card .num{font-size:32px;font-weight:900;margin-top:10px}.green{color:#16a36a}.panel{margin-top:22px;background:#0f1412;border:1px solid #202a25;border-radius:14px;padding:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid #202a25;text-align:right;white-space:nowrap}.table th{color:#9da8a3;font-weight:600}.btn{display:inline-block;border:0;border-radius:9px;padding:9px 13px;background:#123e2c;color:#fff;cursor:pointer}.btn.danger{background:#4b1f23}.btn.small{padding:7px 10px;font-size:13px}.search{display:flex;gap:10px;margin-bottom:15px}.search input{flex:1;background:#090b0a;border:1px solid #27312d;color:#fff;border-radius:9px;padding:11px}.empty{padding:28px;text-align:center;color:#8e9994}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:min(430px,100%);background:#0f1412;border:1px solid #202a25;border-radius:18px;padding:30px}.login-box h1{margin-top:0}.field{margin:14px 0}.field label{display:block;margin-bottom:7px;color:#aab4b0}.field input{width:100%;padding:13px;border-radius:10px;border:1px solid #27312d;background:#090b0a;color:#fff;outline:none}.submit{width:100%;padding:13px;border:0;border-radius:10px;background:#16a36a;color:#06100b;font-weight:800;cursor:pointer}.error{background:#401e22;border:1px solid #713137;color:#ffc8cd;padding:10px;border-radius:9px;margin-bottom:15px}
@media(max-width:900px){.sidebar{width:210px}.cards{grid-template-columns:repeat(2,1fr)}main{margin-right:210px;width:calc(100% - 210px)}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto}.layout{display:block}.logout{position:static;margin-top:15px}.nav{display:grid;grid-template-columns:1fr 1fr}main{margin:0;width:100%;padding:20px}.cards{grid-template-columns:1fr 1fr}.top{display:block}}