@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');

:root{
  --navy:#0B1F3A;
  --navy-light:#132a4d;
  --gold:#C9A227;
  --gold-light:#e6c860;
  --bg:#f4f6fa;
  --card:#ffffff;
  --text:#1c2733;
  --muted:#6b7684;
  --danger:#b3261e;
  --success:#1e7d3c;
  --border:#e2e6ee;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Cairo',Tahoma,sans-serif;
  background:var(--bg);
  color:var(--text);
  direction:rtl;
  unicode-bidi:embed;
}
input,textarea,select{
  direction:auto; unicode-bidi:plaintext;
  font-family:'Cairo',Tahoma,sans-serif;
}
a{color:inherit;text-decoration:none;}

.topbar-user{
  background:var(--gold);
  color:var(--navy);
  padding:8px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:.88rem;
  font-weight:700;
  position:sticky;
  top:0;
  z-index:50;
}
.topbar-user .user-name small{font-weight:400;opacity:.85;}
.logout-btn{
  background:var(--navy);
  color:#fff !important;
  padding:6px 16px;
  border-radius:20px;
  font-size:.85rem;
  white-space:nowrap;
  flex-shrink:0;
}
.logout-btn:hover{background:var(--navy-light);}

.topbar{
  background:var(--navy);
  color:#fff;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  border-bottom:3px solid var(--gold);
}
.topbar .brand{font-weight:900;font-size:1.15rem;color:var(--gold-light);}
.topbar nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:.95rem;}
.topbar nav a{opacity:.9;padding:6px 4px;}
.topbar nav a:hover{opacity:1;color:var(--gold-light);}
.topbar .user{font-size:.85rem;opacity:.85;}

.container{max-width:1100px;margin:0 auto;padding:24px 16px 60px;}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:22px;
  margin-bottom:20px;
  box-shadow:0 1px 3px rgba(11,31,58,.06);
}
.card h2, .card h3{margin-top:0;color:var(--navy);}

h1{color:var(--navy);}

.btn{
  display:inline-block;
  background:var(--navy);
  color:#fff !important;
  border:none;
  padding:10px 20px;
  border-radius:8px;
  cursor:pointer;
  font-family:'Cairo',Tahoma,sans-serif;
  font-weight:600;
  font-size:.95rem;
}
.btn:hover{background:var(--navy-light);}
.btn.gold{background:var(--gold);color:var(--navy) !important;}
.btn.gold:hover{background:var(--gold-light);}
.btn.outline{background:#fff;color:var(--navy) !important;border:1.5px solid var(--navy);}
.btn.danger{background:var(--danger);}
.btn.sm{padding:6px 12px;font-size:.85rem;}

table{width:100%;border-collapse:collapse;background:#fff;}
table th, table td{border:1px solid var(--border);padding:9px 10px;text-align:right;font-size:.92rem;}
table th{background:var(--navy);color:#fff;}
table tr:nth-child(even){background:#f8f9fc;}

.form-row{margin-bottom:14px;}
.form-row label{display:block;margin-bottom:5px;font-weight:600;color:var(--navy);font-size:.9rem;}
.form-row input[type=text], .form-row input[type=number], .form-row input[type=password],
.form-row input[type=email], .form-row select, .form-row textarea{
  width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:.95rem;
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus{
  outline:none;border-color:var(--gold);
}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 18px;}
@media(max-width:700px){.grid2,.grid3{grid-template-columns:1fr;}}

.badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:.78rem;font-weight:700;}
.badge.draft{background:#fde9c8;color:#8a5a00;}
.badge.in_review{background:#d6e4ff;color:#1a3d8f;}
.badge.completed{background:#d3f2dd;color:var(--success);}
.badge.confirmed{background:#0B1F3A;color:#e6c860;}
.badge.pending{background:#fbe4e2;color:var(--danger);}
.badge.resolved{background:#e6edfb;color:#1a3d8f;}
.badge.none{background:#eef1f6;color:var(--muted);}

.progress{background:#e9edf5;border-radius:20px;height:10px;overflow:hidden;}
.progress > div{background:var(--gold);height:100%;}

.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.92rem;}
.alert.error{background:#fbe4e2;color:var(--danger);border:1px solid #f0b7b2;}
.alert.success{background:#dff3e4;color:var(--success);border:1px solid #b7e3c2;}
.alert.info{background:#e6edfb;color:#1a3d8f;border:1px solid #bcd0f5;}

.axis-max-note{color:var(--muted);font-size:.82rem;margin-right:6px;}

footer.site-footer{
  text-align:center;color:var(--muted);font-size:.82rem;padding:24px 10px 10px;
}

.login-wrap{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-light) 100%);
  padding:20px;
}
.login-card{
  background:#fff;border-radius:16px;padding:36px 32px;max-width:400px;width:100%;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  border-top:5px solid var(--gold);
}
.login-card h1{font-size:1.3rem;text-align:center;margin-bottom:4px;}
.login-card p.sub{text-align:center;color:var(--muted);margin-top:0;margin-bottom:22px;font-size:.85rem;}

@media print{
  .no-print{display:none !important;}
  body{background:#fff;}
  .container{max-width:100%;padding:0;}
  .card{box-shadow:none;border:none;padding:0;}
}