*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f8;--surface:#fffffff0;--surface-solid:#fff;--surface-muted:#f7fafc;--ink:#122033;--muted:#65748a;--line:#dbe4ee;--line-strong:#c8d4e1;--primary:#087c78;--primary-strong:#04635f;--danger:#d43f3a;--warning-bg:#fff4d7;--shadow:0 18px 45px #1f354d1f;--shadow-sm:0 8px 22px #1f354d14;--radius:8px;--sidebar-width:292px}html{direction:rtl;min-width:320px}body{background:radial-gradient(circle at top right, #087c781f, transparent 34rem), linear-gradient(135deg, #f7fafc 0%, var(--bg) 48%, #f6f1ea 100%);color:var(--ink);margin:0;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{color:#dce8ed;z-index:20;background:linear-gradient(#12323d 0%,#0e2430 58%,#0b1b27 100%);height:100vh;padding:22px 16px;position:sticky;top:0;overflow-y:auto;box-shadow:-16px 0 40px #182f412e}.sidebar-head{border-bottom:1px solid #dce8ed24;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;padding:4px 6px 18px;display:flex}.brand{color:#fff;font-size:23px;font-weight:800;line-height:1.2}.brand-subtitle{color:#dce8edb8;margin-top:5px;font-size:12px;font-weight:700}.nav-list{gap:5px;display:grid}.nav-link{border-radius:var(--radius);color:#dce8edd6;text-align:right;align-items:center;min-height:42px;padding:10px 13px;font-size:14px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14;transform:translate(-2px)}.nav-link.active{color:#12323d;background:#fff;box-shadow:0 10px 26px #00000029}.nav-logout{cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;width:100%;margin-top:20px}.main{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:24px clamp(16px,3vw,36px) 42px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f7fafcd1;border-bottom:1px solid #cbd5e194;align-items:center;gap:14px;margin:-24px calc(-1*clamp(16px,3vw,36px)) 24px;padding:18px clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:clamp(22px,2.2vw,32px);line-height:1.25}.eyebrow{color:var(--primary);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.icon-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);width:42px;height:42px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);place-items:center;display:inline-grid}.menu-button,.mobile-only,.sidebar-backdrop{display:none}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #cbd5e1c2;min-width:0;margin-bottom:18px;padding:clamp(16px,2vw,22px)}.card .card{box-shadow:none}.title{letter-spacing:0;margin-top:0;margin-bottom:10px;font-size:clamp(22px,2vw,30px);line-height:1.25}.muted{color:var(--muted)}.table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.table th,.table td{text-align:right;border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 10px}.table th{color:#244653;background:#edf6f5;font-size:12px;font-weight:800}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:#087c780b}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input{border:1px solid var(--line-strong);border-radius:var(--radius);width:auto;color:var(--ink);text-align:right;background:#fff;outline:none;min-width:220px;max-width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #087c781f}.btn{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;color:#26384d;white-space:nowrap;background:#fff;justify-content:center;align-items:center;min-height:38px;padding:9px 14px;font-weight:800;line-height:1.2;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:0 6px 16px #1f354d12}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1f354d1c}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-warning{background:var(--warning-bg);color:#7a4305;border-color:#f1b64a}.btn-secondary{color:#fff;background:#52616f;border-color:#52616f}.stack{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.label{color:#334a5f;font-size:13px;font-weight:800}.hint{color:var(--muted);font-size:12px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;display:grid}.preview-box{background:var(--surface-muted);border:1px dashed var(--line-strong);border-radius:var(--radius);place-items:center;min-height:120px;margin:12px 0;padding:8px;display:grid}.preview-img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:140px}code,textarea[dir=ltr],.input--ltr{text-align:left;direction:ltr;unicode-bidi:embed}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:linear-gradient(#fff,#f7fbfb);padding:12px}.stat-value{color:var(--primary-strong);margin-bottom:4px;font-size:1.35rem;font-weight:700}.stat-label{color:var(--muted);font-size:.75rem;line-height:1.3}.info-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px 16px;display:grid}.info-grid dt{color:var(--muted);margin:0;font-size:12px}.info-grid dd{color:var(--ink);margin:2px 0 0;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a75;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:90vh;margin:0;overflow-y:auto}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.login-page{background:radial-gradient(circle at 80% 18%,#087c7829,#0000 24rem),linear-gradient(135deg,#f8fbfc 0%,#edf4f6 52%,#f7f1e9 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,420px);box-shadow:var(--shadow);padding:28px}.login-mark{border-radius:var(--radius);background:var(--primary);color:#fff;place-items:center;width:56px;height:56px;margin-bottom:18px;font-size:24px;font-weight:900;display:grid}.login-submit{width:100%;margin-top:4px}.error-text{color:var(--danger)}@media (width<=1100px){.layout{grid-template-columns:1fr}.sidebar{width:min(86vw, var(--sidebar-width));transition:transform .18s;position:fixed;inset:0 0 0 auto;transform:translate(105%)}.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:19;background:#07121c6b;position:fixed;inset:0}.sidebar-open .sidebar-backdrop{display:block}.menu-button,.mobile-only{display:inline-grid}}@media (width<=720px){.main{padding:18px 12px 30px}.topbar{margin:-18px -12px 16px;padding:14px 12px}.topbar h1{font-size:22px}.card{padding:14px}.row{align-items:stretch}.row>.input,.row>.btn,.row>a.btn,.row>button{flex:100%}.input,.btn{width:100%;min-width:0}.table{min-width:680px}.section-heading{flex-direction:column}.login-page{padding:14px}.login-card{padding:22px}}