@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--blue:#15a8e3;--blue-dark:#0b5d82;--orange:#ff8a22;--bg:#f5f9fc;--dark:#102633;--muted:#6d7f8a;--border:#e2edf3;--white:#fff;--shadow:0 18px 50px rgba(10,61,84,.10)}
*{box-sizing:border-box}body{margin:0;font-family:'Tajawal',Arial,sans-serif;background:var(--bg);color:var(--dark)}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,138,34,.18),transparent 28%),linear-gradient(135deg,#fff,#e9f8ff);padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:34px}.login-logo{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--orange));color:#fff;display:grid;place-items:center;font-size:32px;font-weight:900;margin-bottom:16px}.login-card h1{margin:0 0 6px;font-size:28px}.login-card p{margin:0 0 22px;color:var(--muted)}.login-card label,.admin-form label{display:block;font-weight:800;margin-bottom:16px}.login-card input,.admin-form input,.admin-form textarea{width:100%;margin-top:8px;border:1px solid var(--border);background:#fbfdfe;border-radius:16px;padding:13px 15px;font-size:16px;outline:none}.login-card input:focus,.admin-form input:focus,.admin-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(21,168,227,.09)}.login-card button,.admin-form button,.panel-head a,.quick-actions a,.admin-view-site,.actions-cell button,.actions-cell a,.message-head button{border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:900;padding:11px 20px;cursor:pointer}.login-card button{width:100%;font-size:17px}.alert{padding:13px 15px;border-radius:16px;margin-bottom:16px;font-weight:800}.alert-success{background:#e9fff2;color:#08733c}.alert-error{background:#fff0f0;color:#ba1a1a}.admin-layout{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.admin-sidebar{background:#081f2b;color:#fff;padding:24px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand span{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--orange));display:grid;place-items:center;font-size:26px;font-weight:900}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav a,.logout-link{padding:12px 14px;border-radius:14px;color:#d8edf5;font-weight:800}.admin-sidebar nav a.active,.admin-sidebar nav a:hover,.logout-link:hover{background:rgba(255,255,255,.1);color:#fff}.logout-link{margin-top:auto;background:rgba(255,138,34,.16);color:#fff}.admin-main{padding:28px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-topbar span{color:var(--muted);font-weight:800}.admin-topbar h1{margin:2px 0 0;font-size:34px}.admin-view-site{background:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.metric-card,.admin-panel,.message-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.metric-card{padding:24px}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{display:block;font-size:42px;color:var(--blue-dark);line-height:1}.metric-card small{color:var(--orange);font-weight:900}.admin-panel{padding:24px;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h2{margin:0;font-size:24px}.panel-head a{background:var(--blue);padding:9px 16px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-actions a{background:#eaf8ff;color:var(--blue-dark);text-align:center}.admin-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-form label.full{grid-column:1/-1}.checkbox-label{display:flex!important;align-items:center;gap:8px;margin-top:28px}.checkbox-label input{width:auto!important;margin:0!important}.form-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.form-actions a{font-weight:900;color:var(--muted)}.admin-preview{width:120px;height:120px;object-fit:contain;border:1px solid var(--border);border-radius:20px;padding:8px;background:#fff}.admin-preview.wide{width:260px;height:150px;object-fit:cover}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:740px}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}.admin-table th{background:#f4fbff;color:var(--blue-dark);font-weight:900}.table-img{width:56px;height:56px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--border);padding:4px}.table-img.wide{width:96px;object-fit:cover}.actions-cell{display:flex;align-items:center;gap:8px}.actions-cell form{display:inline}.actions-cell a{background:var(--blue);padding:8px 14px}.actions-cell button,.message-head button{background:#e84444;padding:8px 14px}.table-badge{display:inline-flex;margin-right:8px;background:#fff1e4;color:#cc6200;border-radius:999px;padding:4px 9px;font-weight:900}.messages-list{display:grid;gap:16px}.message-card{padding:20px}.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.message-head h3{margin:0}.message-head span,.message-meta{color:var(--muted);font-weight:700}.message-card p{white-space:normal;line-height:1.8}.message-meta{display:flex;flex-wrap:wrap;gap:12px}.empty-admin{padding:28px;text-align:center;color:var(--muted);font-weight:900}.admin-table a{color:var(--blue-dark);font-weight:900}@media(max-width:950px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.quick-actions{grid-template-columns:1fr 1fr}.admin-form .form-grid{grid-template-columns:1fr}}@media(max-width:620px){.admin-main{padding:16px}.admin-topbar{align-items:flex-start;flex-direction:column}.dashboard-grid,.quick-actions,.admin-sidebar nav{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.admin-panel{padding:18px}.admin-topbar h1{font-size:28px}}

.login-logo,.admin-brand span{background:#fff!important;padding:5px;overflow:hidden;border:1px solid rgba(21,168,227,.18)}.login-logo img,.admin-brand span img{width:100%;height:100%;object-fit:contain;display:block}.login-logo{box-shadow:0 12px 28px rgba(21,168,227,.18)}