@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
@font-face{font-family:Kalameh;src:url('fonts/KalamehWeb-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Kalameh;src:url('fonts/KalamehWeb-Bold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--bg1:#05070D;--bg2:#0A0F1C;--bg3:#111827;--glass:rgba(255,255,255,.095);--glass2:rgba(255,255,255,.045);--line:rgba(203,213,225,.14);--txt:#F8FAFC;--soft:#CBD5E1;--muted:#8796AA;--a:#A78BFA;--b:#2DD4BF;--c:#60A5FA;--d:#D8B4FE;--danger:#F43F5E;--font:Kalameh,Vazirmatn,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--txt);font-family:var(--font);overflow-x:hidden;background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.20),transparent 28%),radial-gradient(circle at 84% 18%,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at 48% 96%,rgba(30,41,59,.86),transparent 40%),linear-gradient(145deg,var(--bg1) 0%,var(--bg2) 52%,var(--bg3) 100%)}
.hidden{display:none!important}.app-shell{max-width:1260px}.bg-blob{position:fixed;z-index:-1;border-radius:50%;filter:blur(26px);opacity:.72}.bg-blob.a{width:360px;height:360px;right:-120px;top:-120px;background:rgba(124,58,237,.18)}.bg-blob.b{width:430px;height:430px;left:-160px;bottom:-170px;background:rgba(20,184,166,.14)}.bg-blob.c{width:260px;height:260px;right:40%;bottom:8%;background:rgba(15,23,42,.42)}
.glass{background:linear-gradient(145deg,var(--glass),var(--glass2));border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hero,.card-clean,.tabs-wrap,.stat-card{border-radius:28px}.hero h1{font-size:clamp(22px,4vw,38px);font-weight:900;letter-spacing:-.03em}.brand-badge{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.24);color:#ede9fe;font-weight:900;font-size:12px}.text-soft{color:var(--soft);line-height:2}.section-title{font-size:21px;font-weight:900;margin:0 0 16px}.sub-title{font-size:16px;font-weight:900;color:#dbeafe}.stat-card{padding:18px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--soft);font-size:13px}.stat-card b{font-size:24px;direction:ltr;text-align:right;color:#fff}.tabs-wrap{position:sticky;top:8px;z-index:10}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;width:100%}.nav-grid .nav-link{border-radius:16px;color:#d4e5fb;background:rgba(255,255,255,.055);border:1px solid transparent;font-weight:900;white-space:nowrap;padding:10px 8px;font-size:13px}.nav-grid .nav-link.active{background:linear-gradient(135deg,var(--a),var(--b));color:#05070d;box-shadow:0 14px 28px rgba(45,212,191,.10)}.tab{display:none}.tab.active{display:block}.form-label{color:#dbeafe;font-size:13px;font-weight:800}.control-glass,.control-glass:focus{background:rgba(7,17,31,.58)!important;color:var(--txt)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;min-height:46px;box-shadow:none!important}.control-glass::placeholder{color:#7890aa}.control-glass:focus{border-color:rgba(103,232,249,.75)!important;box-shadow:0 0 0 4px rgba(103,232,249,.12)!important}.form-select.control-glass{background-image:none}.btn-main,.btn-glass,.btn-danger-soft{border-radius:16px;padding:11px 15px;font-weight:900}.btn-main{border:0;color:#05070d;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 14px 32px rgba(45,212,191,.10)}.btn-main:hover{color:#05070d;filter:brightness(1.06)}.btn-glass{color:#e0f2fe;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}.btn-danger-soft{background:rgba(251,113,133,.14);color:#fecdd3;border:1px solid rgba(251,113,133,.25)}.small-btn{padding:7px 9px;border-radius:12px;font-size:12px}.table-glass{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045)}.table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb;min-width:860px}.table th{color:#bfdbfe;font-size:13px;background:rgba(255,255,255,.06)}.table td,.table th{border-bottom:1px solid rgba(255,255,255,.09);padding:12px}.table tr:last-child td{border-bottom:0}.mini-card,.kv-card{height:100%;padding:16px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);line-height:2}.mini-card b,.kv-card b{color:#fff}.highlight-card{background:linear-gradient(135deg,rgba(52,211,153,.13),rgba(103,232,249,.10));border-color:rgba(52,211,153,.22)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:9px 14px;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.24);color:#d1fae5;font-weight:900}.toast-box{position:sticky;top:12px;z-index:20;padding:14px 16px;border-radius:20px;margin-bottom:14px;border:1px solid rgba(255,255,255,.18);background:rgba(7,17,31,.9);line-height:2}.toast-box.ok{border-color:rgba(52,211,153,.45);color:#bbf7d0}.toast-box.bad{border-color:rgba(251,113,133,.45);color:#fecdd3}.soft-line{border:0;border-top:1px solid var(--line);opacity:1;margin:24px 0}.glass-check{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(7,17,31,.45);color:#dbeafe;font-weight:900}.ltr{direction:ltr;text-align:left}.muted{color:var(--muted);font-size:12px}.kv-card span{display:block;color:var(--soft);font-size:12px;margin-bottom:7px}.kv-card b{font-size:15px;word-break:break-word}.status-active,.status-approved{color:#bbf7d0}.status-pending{color:#fde68a}.status-suspended,.status-expired,.status-inactive,.status-rejected{color:#fecdd3}.footer-sign{color:#bad0e7;font-size:13px;padding:12px 0 4px}.footer-sign b{color:#fff}@media(max-width:1100px){.nav-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}}@media(max-width:640px){body{font-size:14px}.hero,.card-clean{border-radius:22px}.nav-grid{grid-template-columns:repeat(2,1fr)}.nav-grid .nav-link{font-size:12px;padding:9px 6px}.table{min-width:780px}.stat-card{min-height:90px;padding:14px}.stat-card b{font-size:19px}}
