*{box-sizing:border-box}html,body{color:#17293d;background:#f3f6fa;min-height:100%;margin:0}body{font-family:Vazirmatn,Tahoma,Segoe UI,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.muted{color:#7b8da3}.authShell{background:radial-gradient(circle at 70% 20%,#c9e6f0 0,#0000 32%),linear-gradient(125deg,#e8f3f8,#f7f9fc 70%);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{text-align:right;background:#fff;border:1px solid #e3eaf1;border-radius:26px;width:100%;max-width:450px;padding:40px;box-shadow:0 25px 80px #162e491a}.mark{color:#fff;letter-spacing:-3px;background:#153e59;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:26px;font-size:26px;font-weight:900;display:flex}.mark span{color:#4fcbda}.eyebrow,.heroEyebrow,.crumb{letter-spacing:1.5px;color:#64849a;text-align:right;direction:ltr;font-size:10px;font-weight:700}.loginCard h1{margin:13px 0;font-size:26px}.loginCard p{line-height:1.9}.form{gap:20px;margin-top:30px;display:grid}.form label{color:#30455b;gap:9px;font-weight:700;display:grid}.form input{text-align:left;background:#fbfdff;border:1px solid #dce6ef;border-radius:12px;outline:none;width:100%;padding:14px 15px}.form input:focus{border-color:#2d8ea9;box-shadow:0 0 0 3px #2d8ea923}.primary{color:#fff;background:#126483;border:0;border-radius:12px;justify-content:space-between;padding:14px 18px;font-weight:700;display:flex}.primary:hover{background:#0f526b}.footerNote{color:#99a7b5;text-align:center;margin-top:30px;font-size:12px}.error{color:#a93c37;background:#fff1f0;border-radius:10px;padding:10px 12px}.shell{min-height:100vh;display:flex}.sidebar{color:#dbe8f5;background:#101d31;flex-shrink:0;width:242px;min-height:100vh;padding:28px 15px;position:relative}.logo{border-bottom:1px solid #ffffff1d;align-items:center;gap:12px;padding:4px 12px 34px;display:flex}.logoShape{color:#fff;background:#21a2b7;border-radius:12px;place-items:center;width:46px;height:46px;font-size:28px;font-weight:900;display:grid}.logo strong{direction:ltr;font-size:19px;display:block}.logo small{color:#8c9eb3;margin-top:4px;font-size:11px;display:block}.sideLabel{color:#72889f;padding:27px 15px 12px;font-size:11px}.nav{border-radius:11px;align-items:center;gap:13px;margin:4px 0;padding:14px;font-size:15px;display:flex}.nav.active{color:#fff;background:#17415b;border-right:3px solid #34c5d6}.nav.disabled{color:#6d8299}.nav span{align-items:center;gap:8px;display:flex}.nav em{background:#1c2c41;border-radius:7px;padding:4px 7px;font-size:9px;font-style:normal}.sideBottom{color:#768da7;padding:0 16px;font-size:11px;line-height:2;position:absolute;bottom:25px}.content{width:calc(100% - 242px);max-width:1600px;margin:auto;padding:32px 42px}.top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.top h1{margin:9px 0;font-size:26px}.top p{margin:0}.wave{color:#2c99b8}.profile{background:#fff;border:1px solid #e5ebf2;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.avatar{color:#17738a;background:#e4f5fa;border-radius:12px;place-items:center;width:41px;height:41px;font-weight:700;display:grid}.profile strong{display:block}.profile small{color:#8291a3;padding-top:4px;font-size:11px;display:block}.logout{color:#52657b;background:#f1f4f7;border:0;border-radius:9px;margin-right:15px;padding:9px 12px}.hero{color:#fff;background:linear-gradient(110deg,#133a58,#0a6b7e 80%,#11949a);border-radius:20px;padding:33px 36px;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff32;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-130px;left:-80px;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff08}.heroEyebrow{color:#a2d4e0}.hero h2{margin:15px 0 9px;font-size:27px;position:relative}.hero p{color:#d4e7eb;max-width:660px;line-height:1.9;position:relative}.heroTag{background:#ffffff20;border-radius:20px;margin-top:8px;padding:9px 13px;font-size:11px;display:inline-block;position:relative}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 34px;display:grid}.stat{background:#fff;border:1px solid #e5ecf2;border-radius:16px;padding:23px}.stat span,.stat small{color:#7e90a4;display:block}.stat strong{color:#153c54;margin:10px 0;font-size:30px;display:block}.stat small{font-size:11px}.sectionHead{justify-content:space-between;align-items:center;margin:32px 0 17px;display:flex}.sectionHead h2{margin:0 0 7px;font-size:19px}.sectionHead p{color:#8290a3;margin:0;font-size:12px}.count{color:#126f8d;background:#e1f1f6;border-radius:25px;padding:9px 14px}.pageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pageCard{background:#fff;border:1px solid #e6edf4;border-radius:16px;padding:21px}.pageTop,.pageBottom{justify-content:space-between;align-items:center;display:flex}.pageAvatar{color:#25849b;background:#e1f2f5;border-radius:13px;place-items:center;width:46px;height:46px;font-size:27px;display:grid}.status{border-radius:30px;padding:8px;font-size:10px}.status.pending{color:#8b6323;background:#fbf1d9}.status.good{color:#187f58;background:#dff8ec}.pageCard h3{margin:20px 0 4px;font-size:17px}.handle{text-align:right;color:#798ca0;margin:0 0 18px}.pageBottom{border-top:1px solid #edf0f4;gap:7px;padding-top:17px;font-size:11px}.empty{text-align:center;background:#fff;border:1px dashed #cbdbe6;border-radius:17px;padding:35px}.emptyIcon{color:#90aec2;font-size:42px}.empty strong{margin:10px;font-size:18px;display:block}.empty p{color:#8494a5;line-height:1.8}.empty button{color:#8fa0ad;background:#e5eaf0;border:0;border-radius:9px;padding:12px 18px}footer{color:#a6b2bd;text-align:center;margin:36px 0 5px;font-size:10px}.offline{text-align:center;padding:60px}@media (max-width:1050px){.pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:28px}}@media (max-width:760px){.shell{display:block}.sidebar{width:100%;min-height:auto;padding:13px}.logo{border:0;padding:3px}.sideLabel,.nav,.sideBottom{display:none}.content{width:100%;padding:18px}.top{align-items:flex-start}.top h1{font-size:21px}.profile{gap:5px}.profile small{display:none}.profile .logout{margin-right:4px}.hero{padding:26px}.hero h2{font-size:23px}.stats,.pageGrid{grid-template-columns:1fr}.sectionHead{gap:10px}.loginCard{padding:28px}}