:root{--navy:#061b44;--blue:#0a377f;--yellow:#ffc928;--bg:#f3f6fa;--border:#e3e8ef;--muted:#667085;--green:#087443}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);font-family:"Tajawal",sans-serif;color:#101828}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#03132f,#0a377f);padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:16px;padding:35px;text-align:center;box-shadow:0 25px 70px #0005}.login-card img{width:115px;height:115px;border-radius:50%;object-fit:cover}.login-card h1{color:var(--navy);margin:15px 0 0}.login-card p{color:var(--muted)}label{display:block;text-align:right;font-weight:700;font-size:.88rem}input,textarea,select{display:block;width:100%;border:1px solid var(--border);border-radius:7px;padding:10px 12px;margin-top:5px;background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0a377f15}.login-card label{margin:14px 0}.login-card button,.primary{border:0;background:var(--yellow);color:var(--navy);font-weight:800;border-radius:7px;padding:11px 20px}.login-card button{width:100%;margin-bottom:14px}.login-card a{color:var(--blue);font-size:.9rem}.login-card small,#formMessage{display:block;color:#b42318;margin:8px}.dashboard{min-height:100vh;padding-right:250px}.dashboard aside{position:fixed;right:0;top:0;bottom:0;width:250px;background:var(--navy);color:#fff;padding:25px 16px}.side-brand{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff1c;padding-bottom:22px}.side-brand img{width:55px;height:55px;border-radius:50%;object-fit:cover}.side-brand strong,.side-brand span{display:block}.side-brand span{font-size:.78rem;color:#aebbd1}.dashboard nav{margin-top:25px;display:flex;flex-direction:column;gap:6px}.dashboard nav button,.dashboard nav a{border:0;background:transparent;color:#cbd5e5;padding:12px;text-align:right;border-radius:7px;font-size:.95rem}.dashboard nav .active{background:#ffffff12;color:var(--yellow)}.dashboard main{padding:32px;max-width:1400px;margin:auto}.dashboard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dashboard header span,.dialog-head span{color:var(--muted);font-size:.78rem}.dashboard header small{display:block;color:var(--muted);direction:ltr;text-align:right}.dashboard h1{color:var(--navy);margin:0}.dashboard-message{padding:12px 15px;background:#feeceb;color:#b42318;border:1px solid #f6c7c4;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stats div{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px}.stats span,.stats strong{display:block}.stats span{color:var(--muted)}.stats strong{color:var(--navy);font-size:2rem}.panel{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;color:var(--navy)}.panel-head input{width:240px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:right;padding:13px 18px;border-bottom:1px solid var(--border);font-size:.88rem}th{background:#f8fafc;color:var(--muted)}.title-cell{display:flex;align-items:center;gap:10px}.title-cell img{width:58px;height:42px;object-fit:cover;border-radius:5px}.status{padding:4px 9px;border-radius:20px;font-size:.75rem;background:#e7f8ef;color:var(--green)}.status.draft{background:#fff3d1;color:#875e00}.row-actions button{border:0;padding:6px 9px;border-radius:5px;margin-left:4px}.edit{background:#eaf2fc;color:var(--blue)}.delete{background:#feeceb;color:#b42318}dialog{width:min(800px,95vw);border:0;border-radius:14px;padding:0;box-shadow:0 30px 80px #0006}dialog::backdrop{background:#03132fcc;backdrop-filter:blur(3px)}#articleForm,#adForm{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:20px}.dialog-head h2{color:var(--navy);margin:0}.dialog-head button{border:0;background:var(--navy);color:#fff;border-radius:50%;width:36px;height:36px;font-size:1.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/3}.checks{display:flex;gap:25px}.checks label{display:flex;align-items:center;gap:7px}.checks input{width:auto;margin:0}.form-actions{border-top:1px solid var(--border);margin-top:22px;padding-top:17px;display:flex;justify-content:flex-end;gap:8px}.secondary{border:1px solid var(--border);background:#fff;padding:10px 18px;border-radius:7px}.ad-manager{margin-bottom:25px}.ad-manager .panel-head small{color:var(--muted)}.ad-preview{min-height:120px;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;color:var(--muted)}.ad-preview img{width:min(540px,70%);height:82px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.ad-preview div{display:flex;flex-direction:column;gap:8px}.ad-preview .status{width:max-content}#adFormMessage{color:#b42318}@media(max-width:760px){.dashboard{padding:0}.dashboard aside{position:static;width:100%;height:auto}.dashboard aside nav{display:none}.dashboard main{padding:18px}.dashboard header{align-items:flex-start;gap:15px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column;gap:10px}.panel-head input{width:100%}.ad-preview{align-items:flex-start;flex-direction:column}.ad-preview img{width:100%}}