/* Minimal modern RTL UI */
:root{--bg:#0f172a;--card:#111827;--muted:#9ca3af;--text:#e5e7eb;--accent:#22d3ee;--danger:#ef4444;--ok:#10b981;}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(135deg,#0f172a,#1f2937);color:var(--text);font-family:'Vazirmatn',sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:20px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0b1220;border-bottom:1px solid #1f2937;position:sticky;top:0;z-index:10}
.brand{font-weight:700}
.topbar nav a{margin-inline:8px}
.logout{color:var(--danger)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:linear-gradient(180deg,#0b1220,#0f172a);border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.card-title{color:var(--muted);font-size:14px}
.card-value{font-size:20px;font-weight:700;margin-top:6px}
.table{width:100%;border-collapse:collapse;background:#0b1220;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #1f2937}
.table thead{background:#0f172a;color:#cbd5e1}
.table.compact th,.table.compact td{padding:6px}
.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.toolbar .inline{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
input,select,textarea,button{width:100%;padding:10px;border-radius:10px;border:1px solid #253046;background:#0b1220;color:var(--text)}
button{cursor:pointer;background:linear-gradient(180deg,#0ea5e9,#06b6d4);border:0;color:#002733;font-weight:800}
.button{display:inline-block;padding:8px 12px;border-radius:10px;background:#0ea5e9;color:#002733;font-weight:700}
.button.small{padding:6px 8px;font-size:12px}
.button.danger{background:var(--danger);color:#fff}
.form-card{max-width:420px;margin:40px auto}
.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:60vh}
.alert{padding:10px;border-radius:10px;margin-bottom:10px}
.alert.danger{background:#3f1a1a;color:#fecaca;border:1px solid #7f1d1d}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.welcome{margin-top:20px}
.footer{padding:20px;text-align:center;color:#94a3b8}
.items{margin-top:12px}
.totals{margin-top:12px}
/* Print A4 */
@media print{.topbar,.footer,.toolbar{display:none} .container{max-width:none;margin:0}}