@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--purple:#6d28d9;--purple2:#8b5cf6;--ink:#1f1630;--muted:#756b86;--bg:#f7f4fb;--card:#fff;--line:#e9e2f2;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:0 14px 40px rgba(55,32,91,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}
a{text-decoration:none;color:inherit}.app{min-height:100vh;display:flex}.sidebar{width:260px;background:linear-gradient(180deg,#241036,#4c1d73 65%,#6d28d9);color:#fff;padding:22px 14px;position:fixed;right:0;top:0;bottom:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;padding:8px 10px 24px}.brand-logo{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;font-size:20px}.brand small{display:block;opacity:.7}.nav{display:grid;gap:6px}.nav a{padding:12px 13px;border-radius:12px;color:#f6efff;display:flex;gap:10px;align-items:center;font-size:14px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.13)}.main{margin-right:260px;width:calc(100% - 260px);min-height:100vh}.topbar{height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.badge{position:absolute;top:-5px;left:-5px;background:#ef4444;color:#fff;border-radius:99px;font-size:10px;padding:2px 6px}.content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.page-head h1{margin:0;font-size:25px}.muted{color:var(--muted);font-size:13px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.stat{display:flex;align-items:center;justify-content:space-between}.stat .num{font-size:29px;font-weight:800;margin-top:5px}.stat .ico{width:46px;height:46px;border-radius:15px;background:#f0e7ff;color:var(--purple);display:grid;place-items:center;font-size:20px}.btn{border:0;border-radius:12px;padding:11px 17px;font-family:inherit;cursor:pointer;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}.btn-light{background:#f5f1fa;color:var(--ink)}.btn-success{background:#eaf8ef;color:#16713b}.btn-danger{background:#fff0f0;color:#a61b1b}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right;font-size:13px}.table th{color:var(--muted);font-weight:600;background:#fbf9fd}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:600}.pill-purple{background:#eee6ff;color:#6432b8}.pill-green{background:#eaf8ef;color:#16833d}.pill-orange{background:#fff5df;color:#a45b00}.pill-red{background:#ffecec;color:#b42323}.form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;font-family:inherit;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 4px #f1eaff}.notice{padding:13px 15px;border-radius:14px;background:#f2ebff;color:#5524a0}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:30px 1fr;position:relative;padding-bottom:18px}.timeline-item:before{content:'';position:absolute;right:13px;top:27px;bottom:0;width:2px;background:#e6ddf2}.timeline-dot{width:28px;height:28px;border-radius:50%;background:#eee5ff;color:var(--purple);display:grid;place-items:center;z-index:1;font-size:11px}.timeline-item:last-child:before{display:none}.toast-wrap{position:fixed;left:22px;top:88px;z-index:1000;display:grid;gap:10px;width:min(380px,calc(100vw - 44px))}.toast{background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(41,18,68,.18);border-radius:16px;padding:14px;animation:slide .25s ease}.toast strong{display:block}.toast small{color:var(--muted)}@keyframes slide{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.hero{background:linear-gradient(135deg,#2b123e,#6d28d9);color:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.hero h2{margin:0 0 7px}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mini{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:14px;border-radius:16px}.footer-mobile{display:none}.map-placeholder{height:320px;border-radius:18px;background:radial-gradient(circle at 30% 35%,#ddd0f4 0 5%,transparent 6%),radial-gradient(circle at 70% 60%,#e7ddf2 0 5%,transparent 6%),linear-gradient(135deg,#f2eef7,#e8e0f1);display:grid;place-items:center;color:#73598e;border:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 20%,#e9dcff,transparent 35%),linear-gradient(135deg,#251034,#6d28d9)}.login-card{width:min(470px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(22,8,35,.35)}.logo-center{text-align:center;margin-bottom:22px}.checkbox{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted)}.mobile-title{display:none}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.kpi-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sidebar{display:none}.main{margin-right:0;width:100%;padding-bottom:75px}.topbar{height:64px;padding:0 14px}.content{padding:18px 14px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start}.page-head h1{font-size:20px}.mobile-title{display:block;font-weight:800}.footer-mobile{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;right:0;left:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:50;box-shadow:0 -10px 30px rgba(40,20,60,.08)}.footer-mobile a{display:grid;place-items:center;align-content:center;gap:3px;font-size:10px;color:var(--muted)}.footer-mobile a.active{color:var(--purple);font-weight:700}.footer-mobile span{font-size:19px}.toast-wrap{left:12px;top:75px;width:calc(100vw - 24px)}}