@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../prototype/vazirmatn-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0a0f0c;color:#e7eee9;font-family:'Vazirmatn',sans-serif;-webkit-font-smoothing:antialiased}
input,select,button,textarea{font-family:'Vazirmatn',sans-serif}
input::placeholder,textarea::placeholder{color:#56655c}
select option{background:#111815;color:#e7eee9}
input,select{accent-color:#4fa382}
::-webkit-scrollbar{height:6px;width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#243029;border-radius:3px}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
button{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}
button:active{transform:scale(.98)}
input,select,textarea{transition:border-color .18s ease,background .18s ease}
.inp{width:100%;background:#0d140f;border:1px solid #243029;border-radius:11px;padding:13px 14px;color:#e7eee9;font-size:15px;outline:none}
.inp:focus{border-color:#4fa382}
.btn-primary{width:100%;background:linear-gradient(180deg,#54a988,#3a7a61);border:none;border-radius:12px;padding:14px;color:#06120d;font-size:15px;font-weight:700;cursor:pointer}
.btn-ghost{background:none;border:1px solid #243029;border-radius:8px;padding:6px 10px;color:#9aaaa1;font-size:11.5px;cursor:pointer;font-family:inherit}
.card{background:#111815;border:1px solid #1d2a23;border-radius:16px;padding:18px}
.label{display:block;font-size:12px;color:#9aaaa1;margin-bottom:6px;font-weight:500}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#16201b;border:1px solid #3a7a61;border-radius:12px;padding:13px 22px;color:#7fd3ad;font-size:14px;font-weight:600;z-index:50;box-shadow:0 16px 40px rgba(0,0,0,.5);animation:toastIn .3s ease both;white-space:nowrap}

/* Panel */
.panel-wrap{max-width:1100px;margin:0 auto;min-height:100vh;background:#0a0f0c}
.panel-sidebar{position:fixed;right:0;top:0;width:240px;height:100vh;background:#0d140f;border-left:1px solid #1d2a23;padding:20px 0;z-index:30}
.panel-main{margin-right:240px;padding:24px 28px}
.panel-nav a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:#9aaaa1;text-decoration:none;font-size:13.5px;transition:all .15s}
.panel-nav a:hover,.panel-nav a.active{background:rgba(79,163,130,.1);color:#7fd3ad}
.panel-stat{background:#111815;border:1px solid #1d2a23;border-radius:14px;padding:18px}
.panel-table{width:100%;border-collapse:collapse}
.panel-table th,.panel-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #1a241e;font-size:13px}
.panel-table th{color:#687a70;font-weight:600;font-size:12px}
.panel-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#54a988,#3a7a61);border:none;border-radius:10px;padding:9px 16px;color:#06120d;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}
.panel-btn-outline{background:transparent;border:1px solid #3a7a61;color:#7fd3ad}
.panel-form .inp{margin-bottom:14px}
@media(max-width:768px){.panel-sidebar{position:relative;width:100%;height:auto;border-left:none;border-bottom:1px solid #1d2a23}.panel-main{margin-right:0}}