@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";:root{--violet:#6d28d9;--violet2:#4c1d95;--violet-soft:#f3eeff;--coral:#ff5436;--ink:#1b1530;--text:#1c1a27;--muted:#6b6780;--faint:#9a95ac;--bg:#f6f5fb;--card:#fff;--border:#eceaf3;--green:#10b981;--red:#ef4444;--amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;font-family:Tajawal,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.gradient{background:linear-gradient(160deg,#6d28d9,#4c1d95 60%,#2e1065)}.coral-grad{background:linear-gradient(135deg,#ff6a3d,#ff3d6e)}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);border-radius:24px;width:100%;max-width:400px;padding:36px;box-shadow:0 20px 60px #2e10652e}.brand-row{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.brand-mark{border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.login-title{text-align:center;margin-top:14px;font-size:26px;font-weight:900}.login-sub{text-align:center;color:var(--muted);margin-top:4px;margin-bottom:26px}.field{margin-bottom:16px}.field label{margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--border);background:var(--bg);width:100%;height:50px;color:var(--text);border-radius:14px;outline:none;padding:0 14px;font-size:15px}.field textarea{resize:vertical;height:auto;min-height:80px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);background:#fff}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 22px;font-size:15px;font-weight:800;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.btn-coral{color:#fff;background:linear-gradient(135deg,#ff6a3d,#ff3d6e)}.btn-ghost{background:var(--violet-soft);color:var(--violet)}.btn-sm{height:38px;padding:0 14px;font-size:13px}.btn-green{background:var(--green);color:#fff}.btn-red{color:var(--red);background:#feecec}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.err{color:var(--red);text-align:center;margin-top:8px;font-size:13px}.app{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;flex-direction:column;width:248px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar .logo{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.sidebar .logo b{font-size:22px;font-weight:900}.nav-item{color:#ffffffb3;text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 14px;font-size:14.5px;font-weight:700;display:flex}.nav-item.active{color:#fff;background:#ffffff1f}.nav-item:hover{color:#fff}.sidebar .spacer{flex:1}.user-box{background:#ffffff14;border-radius:14px;padding:14px;font-size:13px}.user-box .role{color:var(--coral);font-size:11px;font-weight:800}.main{flex:1;margin-right:248px;padding:28px 32px}.page-title{margin-bottom:6px;font-size:28px;font-weight:900}.page-sub{color:var(--muted);margin-bottom:24px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--card);border-radius:18px;padding:20px;box-shadow:0 6px 20px #2e10650f}.stat-card .ic{background:var(--violet-soft);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:20px;display:flex}.stat-card .val{color:var(--violet);font-size:28px;font-weight:900}.stat-card .lbl{color:var(--muted);margin-top:2px;font-size:13.5px;font-weight:500}.panel{background:var(--card);border-radius:18px;margin-bottom:24px;overflow:hidden;box-shadow:0 6px 20px #2e10650f}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel-head h3{font-size:17px;font-weight:800}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--border);padding:14px 22px;font-size:14px}th{color:var(--muted);background:#fafafe;font-size:12.5px;font-weight:700}tr:last-child td{border-bottom:none}.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.tag-green{color:var(--green);background:#e7f8f1}.tag-amber{color:var(--amber);background:#fef6e7}.tag-red{color:var(--red);background:#feecec}.tag-violet{background:var(--violet-soft);color:var(--violet)}.tag-gray{color:var(--muted);background:#f0eff5}.row-actions{gap:8px;display:flex}.thumb{object-fit:cover;background:var(--bg);border-radius:10px;width:44px;height:44px}.mlogo{object-fit:cover;vertical-align:middle;border-radius:9px;width:34px;height:34px;margin-left:8px}.modal-bg{z-index:50;background:#1b153080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:540px;max-height:90vh;padding:28px;overflow-y:auto}.modal h3{margin-bottom:6px;font-size:22px;font-weight:900}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.empty,.loading{text-align:center;color:var(--muted);padding:40px}.price-now{color:var(--violet);font-weight:900}.price-prev{color:var(--faint);margin-right:6px;font-size:13px;text-decoration:line-through}