*{box-sizing:border-box}body{color:#192d36;background:#f7f9fa;margin:0;font-family:vazir,Tahoma,sans-serif;font-size:14px}button,a{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-left:1px solid #e9eff0;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{color:#163741;letter-spacing:-1px;direction:ltr;align-items:center;gap:10px;padding:0 8px 30px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand span span{color:#28bda5}.brand small{letter-spacing:1.3px;color:#9aaeb1;font:8px Arial;display:block}.brandmark{color:#fff;background:linear-gradient(135deg,#32c58b,#19aacf);border-radius:13px;place-items:center;width:39px;height:39px;font-size:32px;display:grid}.workspace{border:1px solid #ebf0f1;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.workspace-icon{color:#23b99d;background:#e5f7f4;border-radius:9px;padding:9px;font-weight:700}.workspace b,.profile b{font-size:12px;display:block}.workspace small,.profile small{color:#96a5a9;margin-top:3px;font-size:10px;display:block}.workspace>span:last-child{color:#9aa;margin-right:auto}.nav-label{color:#a8b6b9;margin:29px 10px 12px;font-size:10px}nav{gap:5px;display:grid}nav button{text-align:right;color:#788b91;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}nav button span{text-align:center;width:22px;font-size:20px}nav button.active{color:#1eafa9;background:#e9f8f7;font-weight:700}nav i{background:#eff4f4;border-radius:5px;margin-right:auto;padding:1px 7px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto}.help{background:#f2faf9;border:1px solid #e4f4f1;border-radius:13px;padding:15px}.help>span{color:#2cbea2;font-size:22px}.help b{margin-top:5px;display:block}.help p{color:#8c9ea1;font-size:11px;line-height:1.9}.help button{color:#19aa9f;background:0 0;border:0;padding:0;font-size:11px}.profile{text-align:right;background:#fff;border:0;border-top:1px solid #edf1f2;align-items:center;gap:10px;width:100%;margin-top:20px;padding:19px 0 0;display:flex}.profile>span:last-child{margin-right:auto}.avatar{color:#1cae9b;background:#daf4f0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:center;height:80px;padding:0 5%;display:flex}.breadcrumb{color:#a3b0b2;font-size:12px}.breadcrumb span{padding:0 12px}.breadcrumb b{color:#42585e}.top-actions{align-items:center;gap:20px;display:flex}.demo-tag{color:#8b9da0;background:#f4f7f7;border-radius:8px;padding:6px 9px;font-size:10px}.icon-button{color:#769095;background:#fff;border:1px solid #edf1f2;border-radius:10px;width:40px;height:40px;font-size:21px;position:relative}.icon-button em{background:#ff9961;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.wallet{text-align:right;background:0 0;border:0;align-items:center;gap:10px;display:flex}.wallet>span{color:#22bba6;font-size:25px}.wallet small{color:#a1afb1;font-size:10px;display:block}.wallet b{font-size:13px}.wallet b small{display:inline}.content{max-width:1600px;margin:auto;padding:38px 5%}.heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.eyebrow{color:#23b89e;font-size:11px}.eyebrow span{background:#2dc2a5;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}h1{color:#20363d;margin:10px 0;font-size:25px}h2{margin:0;font-size:17px}h3{margin:0 0 6px;font-size:15px}.heading p,.section-title p{color:#99a8ab;margin:0;font-size:12px}.primary,.outline{border-radius:10px;padding:11px 17px;font-size:12px;font-weight:700}.primary{color:#fff;background:linear-gradient(100deg,#31c18f,#1cadd0);border:0;box-shadow:0 5px 14px #25bba329}.outline{color:#71888b;background:#fff;border:1px solid #e6eeee}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats article{background:#fff;border:1px solid #eaf0f0;border-radius:14px;gap:13px;min-height:114px;padding:20px 17px;display:flex;position:relative}.stat-icon,.round,.mini-icon{flex-shrink:0;place-items:center;display:grid}.stat-icon{border-radius:13px;width:46px;height:46px;font-size:25px}.cyan{color:#1aafd0;background:#e5f7fa}.green{color:#2cc18c;background:#e4f8ef}.orange{color:#fa963d;background:#fff1e6}.lavender{color:#8b87df;background:#f0efff}.stats p{color:#85989c;margin:0 0 8px;font-size:11px}.stats strong{font-size:19px;display:block}.stats strong small{color:#9aabad;font-size:10px;font-weight:400}.stats article div>span{margin-top:8px;font-size:10px;display:block}.good{color:#30bd85}.warn{color:#f69a42}.muted{color:#9baaad;font-size:11px}.dots{color:#b1bdbf;font-size:20px;position:absolute;top:12px;left:15px}.section-title{justify-content:space-between;align-items:center;margin:38px 0 17px;display:flex}.section-title p{margin-top:7px}.grid{grid-template-columns:.95fr 1.4fr;gap:18px;display:grid}.card{background:#fff;border:1px solid #e8eeee;border-radius:15px;padding:20px}.card-head{border-bottom:1px solid #f0f3f3;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.card-head>div{align-items:center;gap:10px;display:flex}.mini-icon{color:#21b7b6;background:#e7f8f7;border-radius:10px;width:33px;height:33px;font-size:18px}.more{color:#abb9bb;background:0 0;border:0;font-size:22px}.server-name{align-items:center;gap:13px;padding:20px 0;display:flex}.server-art{color:#fff;background:linear-gradient(135deg,#2fc492,#20abc8);border-radius:14px;place-items:center;width:62px;height:62px;font-size:36px;display:grid}.server-name .badge{margin-right:auto}.badge{color:#2dbd83;background:#e8f9f0;border-radius:8px;padding:5px 9px;font-size:10px}.details>div{border-top:1px solid #f2f5f5;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.details span{color:#9baaad}.details b{color:#52696e;font-weight:500}.security-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.security-grid>div{border:1px solid #eff3f3;border-radius:11px;align-items:center;gap:9px;padding:14px 10px;display:flex}.round{border-radius:50%;width:36px;height:36px;font-size:19px}.security-grid p,.activity-item p{margin:0}.security-grid b,.activity-item b{font-size:11px;display:block}.security-grid small,.activity-item p small{margin-top:6px;font-size:10px;display:block}.card-link{color:#33afa6;background:#fff;border:1px solid #edf2f2;border-radius:9px;width:100%;padding:11px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%;font-size:11px}th{color:#9baaad;padding:16px 10px;font-weight:400}td{border-top:1px solid #f2f5f5;padding:16px 10px}.activity-item{border-bottom:1px solid #f2f5f5;align-items:center;gap:10px;padding:15px 0;display:flex}.activity-item>small{color:#a7b4b6;margin-right:auto;font-size:10px}.activity-item p small{color:#a3b0b2}footer{color:#adbbbd;justify-content:space-between;padding:30px 0;font-size:10px;display:flex}.placeholder{text-align:center;padding:65px 20px}.placeholder .stat-icon{margin:0 auto 20px}.placeholder p{color:#91a2a5;max-width:450px;margin:15px auto 25px;line-height:2}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:220px}}@media (max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;padding:15px;position:static}.brand{padding:0 0 15px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:8px;font-size:11px}.topbar{height:65px}.wallet{display:none}.content{padding:25px 16px}.heading{align-items:start;gap:15px}.heading h1{font-size:19px}.stats{gap:9px}.stats article{gap:8px;padding:13px 10px}.stat-icon{width:36px;height:36px;font-size:20px}.stats strong{font-size:16px}.security-grid{grid-template-columns:repeat(2,1fr)}footer span{display:none}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.ttf)format("truetype");font-display:swap}body{background:#f8fcfc;font-family:Vazirmatn,Tahoma,sans-serif}.landing{max-width:1200px;margin:auto;padding:25px}.landing-nav{align-items:center;gap:28px;display:flex}.landing .brand{margin-left:auto;padding:0}.landing-nav a{color:#71898d;text-decoration:none}.landing-nav a.primary{color:#fff}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px 0;display:grid}.hero h1{font-size:46px;line-height:1.5}.hero p{color:#81979a;font-size:15px;line-height:2.2}.hero a{margin:20px 0;text-decoration:none;display:inline-block}.mock{background:#fff;border:1px solid #e4eeee;border-radius:22px;padding:25px;box-shadow:0 25px 80px #197a7e12}.mock .stats{grid-template-columns:1fr 1fr}.mock h2{margin:15px 0 25px}.mock .stats article{background:#f8fbfb}.mock .mock-note{margin:15px 0 0;font-size:10px}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:80px;display:grid}.features .card p{color:#8b9ea1;line-height:2}.features .stat-icon{margin-bottom:18px}@media (max-width:700px){.landing-nav>a:not(.brand):not(.primary){display:none}.hero{grid-template-columns:1fr;padding:55px 0}.hero h1{font-size:31px}.features{grid-template-columns:1fr}}body{color:#18343a;background:radial-gradient(at 82% 15%,#e5f7f3 0,#0000 32%),#f7fbfa}.landing{max-width:1280px;padding:25px clamp(18px,5vw,64px)}.landing-nav{z-index:1;gap:30px;position:relative}.landing .brand{margin-left:auto}.landing-nav>a:not(.brand){font-size:13px;transition:color .18s}.landing-nav>a:not(.primary):hover{color:#169d94}.landing-nav a.primary{padding:11px 17px;box-shadow:0 7px 18px #16aa9428}.hero{gap:clamp(35px,7vw,90px);padding:clamp(70px,10vw,130px) 0 100px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#d9f5eeaa,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:50px;right:-100px}.hero h1{letter-spacing:-1.2px;max-width:590px;font-size:clamp(34px,4.5vw,54px);line-height:1.55}.hero p{max-width:580px;font-size:15px;line-height:2.2}.hero a.primary,.hero a.outline{padding:13px 19px}.mock{background:#ffffffec;border-radius:24px;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;box-shadow:0 28px 90px #197a7e16}.mock:before{content:"";background:linear-gradient(90deg,#22b3b0,#29c18d);height:4px;position:absolute;top:0;left:0;right:0}.mock h2{font-size:19px}.mock .stats{gap:11px}.mock .stats article{box-shadow:none;border-color:#edf3f2;border-radius:14px}.mock-note{padding-top:5px}.features{gap:17px;margin-bottom:76px}.features .card{border-radius:17px;padding:24px;box-shadow:0 7px 24px #15393c06}.features .card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #15393c0d}.features .card h2{font-size:16px}.features .card p{font-size:12px;line-height:2.1}.landing>footer{border-top:1px solid #e7efee;padding:23px 0}@media (max-width:700px){.landing{padding:17px}.landing-nav{gap:12px}.landing .brand{font-size:20px}.landing-nav a.primary{padding:10px 12px;font-size:11px}.hero{gap:30px;padding:57px 0 53px}.hero h1{letter-spacing:-.5px;font-size:32px;line-height:1.55}.hero p{font-size:13px}.hero a.primary,.hero a.outline{margin:8px 0;padding:11px 13px;font-size:11px}.mock{padding:18px}.mock .stats{gap:8px}.mock .stats article{min-height:94px;padding:12px 9px}.mock .stat-icon{width:34px;height:34px;font-size:18px}.mock .stats p{font-size:9px}.mock .stats strong{font-size:14px}.features{gap:11px;margin-bottom:42px}.features .card{padding:19px}.landing>footer{font-size:9px}}
