@charset "UTF-8";
/* ============================================================
   کتابچه مالی — تم پایه (reset، متغیرها، دکمه‌ها، فرم، جدول)
   ============================================================ */
:root{
  --bg:#0b1024;
  --bg-2:#101633;
  --panel:#151c3d;
  --panel-2:#1a2249;
  --line:rgba(255,255,255,.09);
  --line-2:#222b55;
  --text:#f2f4ff;
  --text-2:#cdd3f5;
  --muted:#9aa3c8;
  --faint:#6b7399;
  --accent:#6c5ce7;
  --accent-2:#a855f7;
  --green:#35d399;
  --red:#f0677f;
  --amber:#f5b744;
  --blue:#5cc8ff;
  --radius:16px;
  --radius-sm:11px;
  --shadow:0 18px 48px rgba(3,6,20,.55);
  --glow-g:rgba(53,211,153,.28);
  --glow-r:rgba(240,103,127,.28);
  --glow-a:rgba(92,200,255,.28);
  --glow-p:rgba(108,92,231,.3);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{
  font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif;
  background:radial-gradient(1000px 520px at 88% -8%,rgba(108,92,231,.18),transparent 60%),
             radial-gradient(900px 460px at 0% 110%,rgba(168,85,247,.13),transparent 55%),var(--bg);
  background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.75;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;border:0;cursor:pointer;color:inherit;background:none}
input,select,textarea,button{font-family:inherit;font-size:1rem}
.hidden{display:none!important}
.mono{direction:ltr;font-family:Segoe UI,Tahoma,sans-serif;font-variant-numeric:tabular-nums}
.pos{color:var(--green)}
.neg{color:var(--red)}
.muted{color:var(--muted)}
.faint{color:var(--faint)}
.small{font-size:.82rem}

/* ---------- دکمه‌ها ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.65rem 1.1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.92rem;
  transition:all .18s;white-space:nowrap;border:1px solid transparent;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px rgba(108,92,231,.35)}
.btn-primary:hover{box-shadow:0 10px 26px rgba(108,92,231,.5)}
.btn-danger{background:linear-gradient(135deg,#ef4267,#d62f7e);color:#fff}
.btn-success{background:linear-gradient(135deg,#21c07d,#0e9f6e);color:#fff}
.btn-ghost{background:var(--panel-2);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:#fff}
.btn-sm{padding:.4rem .75rem;font-size:.8rem;border-radius:9px}
.btn-block{width:100%}
.icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .18s}
.icon-btn:hover{border-color:var(--accent);color:#fff}

/* ---------- فرم ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem}
.field{margin-bottom:.2rem}
.field label{display:block;font-size:.86rem;font-weight:700;margin-bottom:.4rem;color:var(--text-2)}
.field input,.field select,.field textarea{
  width:100%;background:var(--bg-2);border:1px solid var(--line-2);
  border-radius:var(--radius-sm);padding:.65rem .85rem;color:var(--text);transition:border-color .18s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.field input[readonly]{opacity:.65;background:var(--panel)}
.field-sm{font-size:.86rem}
.check-row{display:flex;align-items:center;gap:.5rem;padding-top:.3rem}
.check-row input{width:auto}

/* ---------- جدول ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
thead th{text-align:right;padding:.8rem 1rem;background:var(--panel-2);color:var(--muted);font-weight:700;font-size:.8rem;white-space:nowrap;border-bottom:1px solid var(--line)}
tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--bg-2)}
td.num{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
th.num{text-align:left}
tr.row-edit td{background:rgba(108,92,231,.08)}