:root{--bg:#0b1220;--card:rgba(255,255,255,.06);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.68);--border:rgba(255,255,255,.12);--brand:#7c3aed;--brand2:#22c55e;--danger:#ef4444;--shadow:0 18px 60px rgba(0,0,0,.35);--radius:16px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,"Vazirmatn",Arial,sans-serif}
:root[data-theme="light"]{--bg:#f6f7fb;--card:rgba(0,0,0,.03);--text:rgba(0,0,0,.9);--muted:rgba(0,0,0,.6);--border:rgba(0,0,0,.12);--shadow:0 18px 60px rgba(0,0,0,.12)}
:root[data-theme="auto"]{color-scheme:light dark}
@media (prefers-color-scheme: light){:root[data-theme="auto"]{--bg:#f6f7fb;--card:rgba(0,0,0,.03);--text:rgba(0,0,0,.9);--muted:rgba(0,0,0,.6);--border:rgba(0,0,0,.12);--shadow:0 18px 60px rgba(0,0,0,.12)}}
html,body{height:100%}
body.atomic-standalone{margin:0;background:radial-gradient(1200px 700px at 80% 10%, rgba(124,58,237,.24), transparent 55%),radial-gradient(900px 600px at 10% 90%, rgba(34,197,94,.18), transparent 55%),var(--bg);color:var(--text);font-family:var(--font)}
.atomic-app *{box-sizing:border-box}
.atomic-shell{display:flex;min-height:100vh;width:100%}
.atomic-sidebar{width:280px;padding:18px 14px;border-left:1px solid var(--border);background:rgba(0,0,0,.12);backdrop-filter:blur(10px);position:sticky;top:0;height:100vh}
:root[data-theme="light"] .atomic-sidebar{background:rgba(255,255,255,.72)}
.atomic-brand{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 14px}
.atomic-brand__title{font-weight:800;letter-spacing:-.2px}
.atomic-close{display:none;border:0;background:transparent;color:var(--text);font-size:22px;cursor:pointer}
.atomic-nav{display:flex;flex-direction:column;gap:8px;padding:10px}
.atomic-nav__item{text-align:right;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);border-radius:14px;padding:11px 12px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
:root[data-theme="light"] .atomic-nav__item{background:rgba(0,0,0,.02)}
.atomic-nav__item:hover{transform:translateY(-1px);border-color:rgba(124,58,237,.35)}
.atomic-nav__label{font-size:14px;font-weight:650}
.atomic-sidebar__footer{margin-top:auto;padding:12px 10px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.atomic-theme{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:14px;padding:9px 12px;cursor:pointer}
.atomic-logout{color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:9px 12px;border-radius:14px}
.atomic-main{flex:1;padding:18px 18px 40px}
.atomic-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}
:root[data-theme="light"] .atomic-topbar{background:rgba(255,255,255,.78)}
.atomic-title{font-weight:800}
.atomic-user{color:var(--muted);font-size:13px}
.atomic-burger{display:none;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:14px;padding:8px 12px;cursor:pointer}
.atomic-content{margin-top:14px;display:flex;flex-direction:column;gap:14px}
.atomic-card{border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.04);box-shadow:var(--shadow);padding:16px}
:root[data-theme="light"] .atomic-card{background:rgba(255,255,255,.85)}
.atomic-card h2{margin:0 0 10px;font-size:18px}
.atomic-card h3{margin:12px 0 10px;font-size:15px}
.atomic-welcome p{color:var(--muted);margin:0 0 10px}
.atomic-quick{display:flex;gap:10px;flex-wrap:wrap}
.atomic-btn{border:1px solid rgba(124,58,237,.35);background:linear-gradient(135deg, rgba(124,58,237,.95), rgba(99,102,241,.95));color:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:700}
.atomic-btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}
.atomic-btn--small{padding:8px 10px;border-radius:12px;font-weight:650;font-size:13px}
.atomic-link{color:var(--brand2);text-decoration:none}
.atomic-announcement{margin-top:14px;border:1px dashed rgba(34,197,94,.45);border-radius:var(--radius);padding:12px 14px;background:rgba(34,197,94,.08)}
.atomic-form{display:flex;flex-direction:column;gap:10px}
.atomic-form label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.atomic-form input{border:1px solid var(--border);background:rgba(0,0,0,.16);color:var(--text);border-radius:14px;padding:10px 12px;outline:none}
:root[data-theme="light"] .atomic-form input{background:rgba(255,255,255,.7)}
.atomic-row{flex-direction:row !important;align-items:center;gap:8px}
.atomic-msg{min-height:18px;font-size:13px}
.atomic-msg.is-ok{color:var(--brand2)}
.atomic-msg.is-err{color:var(--danger)}
.atomic-error{color:var(--danger)}
.atomic-tabs{display:flex;gap:8px;margin-bottom:12px}
.atomic-tab{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}
.atomic-tab.is-active{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.14)}
.atomic-pane{display:none}
.atomic-pane.is-active{display:block}
.atomic-table-wrap{overflow:auto}
.atomic-table{width:100%;border-collapse:collapse;min-width:560px}
.atomic-table th,.atomic-table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:right;font-size:13px}
.atomic-table th{color:var(--muted);font-weight:700}
.atomic-row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.atomic-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.atomic-box{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(0,0,0,.08)}
:root[data-theme="light"] .atomic-box{background:rgba(0,0,0,.02)}
.atomic-list{margin:0;padding:0 18px 0 0;color:var(--muted);line-height:1.9}
.atomic-address{margin-top:10px;color:var(--muted)}
.atomic-backdrop{display:none}
@media (max-width:980px){
  .atomic-burger{display:inline-flex}
  .atomic-sidebar{position:fixed;right:0;top:0;height:100vh;z-index:9999;transform:translateX(102%);transition:transform .2s ease;box-shadow:var(--shadow)}
  .atomic-sidebar.is-open{transform:translateX(0)}
  .atomic-close{display:inline-flex}
  .atomic-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9998}
  .atomic-backdrop.is-show{opacity:1;pointer-events:auto}
  .atomic-grid2{grid-template-columns:1fr}
  .atomic-table{min-width:520px}
}

.atomic-muted{color:var(--muted);font-size:13px}


.atomic-loader{display:flex;align-items:center;gap:10px;justify-content:center;padding:18px 10px}
.atomic-spinner{width:26px;height:26px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:rgba(124,58,237,.9);animation:atomicSpin .8s linear infinite}
:root[data-theme="light"] .atomic-spinner{border-color:rgba(0,0,0,.12);border-top-color:rgba(124,58,237,.9)}
@keyframes atomicSpin{to{transform:rotate(360deg)}}


.atomic-skel{position:relative;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--border)}
:root[data-theme="light"] .atomic-skel{background:rgba(0,0,0,.04)}
.atomic-skel::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);animation:atomicShimmer 1.05s ease-in-out infinite}
:root[data-theme="light"] .atomic-skel::after{background:linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent)}
@keyframes atomicShimmer{to{transform:translateX(120%)}}
.atomic-skel-line{height:12px;margin:10px 0}
.atomic-skel-line.sm{height:10px}
.atomic-skel-line.lg{height:16px}
.atomic-skel-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:980px){.atomic-skel-grid2{grid-template-columns:1fr}}
.atomic-skel-table{display:grid;gap:8px}
.atomic-skel-row{display:grid;grid-template-columns:1.1fr 1.2fr .9fr .9fr .7fr;gap:10px}
@media (max-width:980px){.atomic-skel-row{grid-template-columns:1fr 1fr}}
.atomic-skel-cell{height:12px}
.atomic-skel-cell.btn{height:28px;border-radius:12px}


/* واکنش‌گرایی جدول‌ها در موبایل (نمای کارت‌مانند) */
@media (max-width:640px){
  .atomic-table{min-width:0}
  .atomic-table thead{display:none}
  .atomic-table, .atomic-table tbody, .atomic-table tr, .atomic-table td{display:block;width:100%}
  .atomic-table tr{border:1px solid var(--border);border-radius:14px;margin:10px 0;padding:10px;background:rgba(0,0,0,.06)}
  :root[data-theme="light"] .atomic-table tr{background:rgba(0,0,0,.02)}
  .atomic-table td{border:0;padding:8px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .atomic-table td::before{content:attr(data-label);color:var(--muted);font-weight:700;font-size:12px;flex:0 0 auto}
  .atomic-table td[data-label="عملیات"]{justify-content:flex-end}
}


.atomic-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.atomic-stat{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:linear-gradient(135deg, rgba(124,58,237,.14), rgba(34,197,94,.10));backdrop-filter:blur(8px)}
:root[data-theme="light"] .atomic-stat{background:linear-gradient(135deg, rgba(124,58,237,.10), rgba(34,197,94,.08))}
.atomic-stat__label{color:var(--muted);font-size:12px;font-weight:700}
.atomic-stat__value{margin-top:6px;font-size:18px;font-weight:900;letter-spacing:-.2px}
@media (max-width:640px){.atomic-stats{grid-template-columns:1fr}}


.atomic-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.atomic-actions a.atomic-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}