@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#17243e;--muted:#7b879d;--purple:#6b4ce6;--purple-dark:#402b91;--bg:#f6f7fb;--line:#e9ebf2;--green:#20a675;--orange:#f2a13b;--blue:#3b82f6;--shadow:0 18px 55px rgba(34,30,80,.1)}
*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.ltr{direction:ltr;display:inline-block}.eyebrow{color:#9d8cf0;font-size:13px;font-weight:700;letter-spacing:.2px}.logo{font-size:30px;font-weight:900;color:#fff}.logo span,.mobile-logo span{color:#ffbf3f}.muted{color:var(--muted)}
.login-page{min-height:100vh;background:radial-gradient(circle at 18% 20%,#795ae7 0,#443099 33%,#211850 70%,#151133 100%);display:grid;place-items:center;padding:32px}.login-shell{width:min(1050px,100%);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(10,5,40,.35);direction:ltr}.brand-panel,.login-card{direction:rtl}.brand-panel{padding:54px;color:#fff;background:linear-gradient(155deg,rgba(71,49,160,.86),rgba(30,22,77,.94)),radial-gradient(circle at 35% 20%,#a18dfc,transparent 40%);position:relative;display:flex;flex-direction:column}.brand-panel:after{content:'';position:absolute;inset:auto -80px -130px auto;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.025)}.brand-panel h1{font-size:46px;line-height:1.45;margin:80px 0 16px}.brand-panel>p:not(.eyebrow){line-height:2;color:#d8d2fa;max-width:430px}.mini-stats{display:flex;gap:20px;margin-top:auto;z-index:1}.mini-stats div{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:15px;padding:15px 22px;min-width:145px}.mini-stats b,.mini-stats span{display:block}.mini-stats span{font-size:12px;color:#c7bff1;margin-top:5px}.login-card{padding:75px 64px;display:flex;flex-direction:column;justify-content:center}.mobile-logo{display:none;color:var(--purple);font-size:28px;font-weight:900}.login-card h2{font-size:31px;margin:7px 0}.login-card label{display:block;font-size:13px;font-weight:700;margin:24px 0 8px}.field{display:flex;align-items:center;border:1px solid #dde1ea;border-radius:12px;height:53px;padding:0 15px;transition:.2s}.field:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #ede9ff}.field span{color:#9688d8;border-left:1px solid #e5e7ed;padding-left:12px}.field input{border:0;outline:0;width:100%;padding:0 12px;background:transparent;direction:ltr;text-align:right}.primary{width:100%;border:0;background:linear-gradient(135deg,#7658eb,#5d3bc9);color:#fff;border-radius:12px;padding:15px 20px;margin-top:30px;cursor:pointer;display:flex;justify-content:space-between;font-weight:700;box-shadow:0 10px 22px #d8d0f6}.help{text-align:center;color:#98a0b0;font-size:11px;margin-top:28px}.alert,.success{padding:13px 16px;border-radius:11px;font-size:13px;margin:14px 0}.alert{background:#fff0f2;color:#bd334b}.success{background:#e8faf4;color:#167b59}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:linear-gradient(180deg,#322370,#20184e);padding:28px 20px;color:#fff;display:flex;flex-direction:column;z-index:5}.sidebar .logo{padding:0 15px 35px}.sidebar nav{display:grid;gap:9px}.sidebar nav a{color:#bbb4d9;text-decoration:none;padding:13px 15px;border-radius:11px;display:flex;gap:13px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.side-agent{margin-top:auto;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);padding:11px;border-radius:14px}.side-agent .avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#7658eb;font-weight:800}.side-agent div:nth-child(2){min-width:0;flex:1}.side-agent b,.side-agent small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-agent b{font-size:11px}.side-agent small{font-size:10px;color:#aaa1d0}.side-agent>a{color:#d1cbe6;text-decoration:none}
.content{margin-right:245px;padding:36px 42px;max-width:1600px}.content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.content header h1{font-size:25px;margin:3px 0}.location{background:#fff;border:1px solid var(--line);padding:11px 16px;border-radius:12px;font-size:12px;color:var(--muted)}.hero{background:linear-gradient(125deg,#6447dc,#392781);border-radius:21px;color:#fff;padding:27px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 15px 35px #d6cff5}.hero:after{content:'';position:absolute;left:-50px;width:260px;height:260px;border-radius:50%;border:50px solid rgba(255,255,255,.04)}.hero>div:first-child{width:70%;z-index:1}.hero-label{font-size:11px;color:#d5cef8}.hero h2{margin:6px 0;font-size:23px}.hero h2 strong{font-size:13px;background:#ffc64c;color:#503d11;border-radius:20px;padding:6px 12px;margin-right:8px}.hero p{font-size:12px;color:#dcd7f6}.progress{height:7px;background:rgba(255,255,255,.16);border-radius:10px;margin-top:18px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#ffd15b,#fff1a9);border-radius:10px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#d7d1f4;margin-top:7px}.trophy{font-size:72px;color:#ffd15b;z-index:1;text-align:center;text-shadow:0 8px 25px rgba(0,0,0,.2)}.trophy small{display:block;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:21px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px}.stats small,.stats b{display:block}.stats small{font-size:11px;color:var(--muted)}.stats b{font-size:24px}.stat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center}.purple{color:#6b4ce6;background:#eeeafe}.orange{color:#d87b10;background:#fff2df}.blue{color:#3278dd;background:#e8f1ff}.green{color:#149669;background:#e5f8f1}
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:20px;box-shadow:0 8px 30px rgba(40,43,70,.035)}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:17px;margin:0}.panel-head p{color:var(--muted);font-size:11px;margin:4px 0}.search{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.search input{border:0;outline:0;padding:9px 12px;width:230px}.search button{border:0;background:#f0edfc;color:var(--purple);cursor:pointer;padding:0 14px}.tabs{display:flex;gap:5px;padding:0 23px;border-bottom:1px solid var(--line)}.tabs a{font-size:11px;color:var(--muted);text-decoration:none;padding:9px 12px;border-bottom:2px solid transparent}.tabs a.active{color:var(--purple);border-color:var(--purple);font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;background:#fafafe;color:#8d96a8;font-size:10px;font-weight:600}th,td{padding:14px 18px;border-bottom:1px solid #f0f1f5;white-space:nowrap}td b,td small{display:block}td small{color:var(--muted);font-size:10px;margin-top:4px}.badge{font-size:10px;padding:5px 9px;border-radius:20px}.badge.pending{color:#bc711d;background:#fff1dd}.badge.contacted{color:#286bc6;background:#e9f2ff}.badge.renewed{color:#13815c;background:#e5f8f0}.action-form{display:flex;gap:5px}.action-form button{font-size:10px;padding:6px 9px;border-radius:7px;cursor:pointer}.outline{color:#596579;background:#fff;border:1px solid #dce0e8}.renew{color:#fff;background:var(--green);border:1px solid var(--green)}.done{color:var(--green);font-size:10px}.empty{text-align:center;color:var(--muted);padding:35px}.tiers{margin-bottom:30px}.tier-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 22px}.tier-list article{border:1px solid var(--line);border-radius:13px;padding:15px;position:relative}.tier-list article.current{border:2px solid var(--purple);background:#faf8ff}.tier-list span{color:var(--green)}.tier-list b,.tier-list small{display:block}.tier-list small{color:var(--muted);font-size:10px}.tier-list strong{position:absolute;left:15px;top:16px;color:var(--purple)}
.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:11px;text-decoration:none}.pagination a{color:var(--purple);font-weight:700}.pagination span{color:var(--muted)}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.tier-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.login-page{padding:15px}.login-shell{display:block;min-height:auto}.brand-panel{display:none}.login-card{padding:45px 28px}.mobile-logo{display:block}.sidebar{width:100%;height:64px;bottom:auto;flex-direction:row;align-items:center;padding:8px 15px}.sidebar .logo{padding:0}.sidebar nav{display:flex;margin-right:auto}.sidebar nav a{padding:10px}.sidebar nav a span,.side-agent{display:none}.content{margin:0;padding:85px 15px 25px}.content>header{align-items:flex-start}.location{display:none}.hero{padding:23px}.hero>div:first-child{width:100%}.trophy{display:none}.stats{gap:9px}.stats article{padding:12px}.panel-head{display:block}.search{margin-top:14px}.search input{width:100%}.tabs{overflow:auto}.tier-list{grid-template-columns:1fr 1fr}.brand-panel h1{font-size:34px}}