@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{--ink: #0b1b2b;--brand: #0f766e;--brand-2: #14b8a6;--danger: #b91c1c;--bg-soft: #f3f8f7;--card: #ffffff;--line: #d9e6e3}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Tajawal,sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 8% 18%,#d4f4ef 0%,transparent 42%),radial-gradient(circle at 92% 82%,#dbeafe 0%,transparent 35%),var(--bg-soft)}.bg-pattern{background-image:linear-gradient(135deg,rgba(15,118,110,.06) 25%,transparent 25%),linear-gradient(225deg,rgba(15,118,110,.06) 25%,transparent 25%),linear-gradient(45deg,rgba(15,118,110,.06) 25%,transparent 25%),linear-gradient(315deg,#0f766e0f 25%,#f3f8f7 25%);background-position:16px 0,16px 0,0 0,0 0;background-size:32px 32px;background-repeat:repeat}.screen-center{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,94vw);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 16px 32px #0b1b2b14}.login-card h1{margin:0 0 8px;font-size:30px}.login-card p{margin:0 0 20px;color:#4b5563}.login-card label{display:block;margin:10px 0 8px;font-weight:700}.login-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;margin-bottom:10px}.error-box{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:10px;margin-bottom:12px}.dashboard{min-height:100vh;padding:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.dashboard-header h1{margin:0;font-size:clamp(24px,3vw,36px)}.dashboard-header p{margin:6px 0 0;color:#475569}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#f8fafc;font-size:14px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;background:#ffffffd9;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-info{display:flex;flex-direction:column;gap:4px}.toolbar-title{font-size:16px;font-weight:800;color:var(--ink)}.toolbar-subtitle{font-size:13px;color:#475569}.tab{border:none;border-radius:999px;padding:12px 18px;background:#cbd5e1;color:#0f172a;font:inherit;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.tab:hover{transform:translateY(-1px)}.tab.active{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;overflow:auto;box-shadow:0 12px 26px #0f172a14}.panel h2{margin:4px 0 14px;font-size:22px}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:12px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{background:#ecfeff;color:#0f172a;position:sticky;top:0}.status-chip{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.status-chip.success{color:#166534;background:#dcfce7}.status-chip.danger{color:#991b1b;background:#fee2e2}.status-chip.muted{color:#334155;background:#e2e8f0}button{font:inherit}.btn-primary,.btn-danger,.btn-ghost{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.btn-primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{border:1px solid #94a3b8;background:#fff;color:#0f172a}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.dashboard{padding:12px}.dashboard-header{flex-direction:column;align-items:stretch}th,td{font-size:14px}}