:root{--bg:#0c1118;--panel:#121a24;--panel2:#182230;--text:#eef3f8;--muted:#8ea0b4;--line:#243143;--accent:#c8a36a;--accent2:#f2d9ae;--green:#48c78e;--red:#ff6b6b;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at top right,#172334 0,#0c1118 38%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(12,17,24,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar>div{display:flex;align-items:center;gap:12px}.topbar strong{display:block}.topbar span{display:block;font-size:12px;color:var(--muted)}.logo,.brand-mark{display:grid;place-items:center;border:1px solid rgba(200,163,106,.45);background:linear-gradient(145deg,rgba(200,163,106,.18),rgba(200,163,106,.05));color:var(--accent2);font-weight:800}.logo{width:38px;height:38px;border-radius:11px}.brand-mark{width:62px;height:62px;border-radius:18px;margin:0 auto 18px;font-size:20px}.userbox{text-align:right}.userbox a{font-size:12px;text-decoration:none;color:var(--accent2)}.container{max-width:1180px;margin:0 auto;padding:42px 24px 70px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(130deg,rgba(200,163,106,.11),rgba(18,26,36,.95) 48%);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--accent);font-weight:800;margin:0 0 8px}.hero h1{font-size:44px;line-height:1;margin:0 0 14px}.hero p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted)}.status-pill{border:1px solid rgba(72,199,142,.36);background:rgba(72,199,142,.1);color:#8be6bc;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(18,26,36,.86)}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stat strong{font-size:25px}.stat.featured{border-color:rgba(200,163,106,.5);background:linear-gradient(145deg,rgba(200,163,106,.13),rgba(18,26,36,.88))}.progress-card,.panel,.viewer-note{border:1px solid var(--line);background:rgba(18,26,36,.88);border-radius:18px}.progress-card{padding:18px 22px;margin-bottom:18px}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:10px}.progress{height:8px;background:#202c3a;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s ease}.panel{margin-top:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:21px}.panel-head>span{font-size:12px;color:var(--muted)}.payment-form{padding:24px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px;align-items:end}.payment-form .wide{grid-column:1/4}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#c7d0da}input,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#0e151e;color:var(--text);padding:12px 13px;outline:none;font:inherit}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,163,106,.11)}input[type=file]{padding:9px}.file-label small{font-weight:400;color:var(--muted)}.button{appearance:none;border:0;border-radius:11px;padding:12px 17px;font-weight:800;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}.button.primary{background:var(--accent);color:#15100a}.button.full{width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td.amount{font-weight:800;color:var(--accent2);white-space:nowrap}.proof{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.proof img{width:48px;height:36px;border-radius:7px;object-fit:cover;border:1px solid var(--line)}.proof span{font-size:12px;color:var(--accent2)}.text-button{border:0;background:none;cursor:pointer;font-weight:700}.danger{color:var(--red)}.viewer-note{margin-top:18px;padding:15px 18px;color:#bbc8d4}.empty{padding:50px;text-align:center}.empty strong,.empty span{display:block}.empty span{color:var(--muted);margin-top:6px}.muted{color:var(--muted)}.alert{padding:13px 15px;border:1px solid var(--line);background:var(--panel2);border-radius:11px;margin:16px 0}.alert.success{border-color:rgba(72,199,142,.35);color:#9be8c4;background:rgba(72,199,142,.08)}.alert.error{border-color:rgba(255,107,107,.35);color:#ffaaaa;background:rgba(255,107,107,.08)}footer{text-align:center;color:var(--muted);font-size:11px;margin-top:30px}.auth-page{display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);background:rgba(18,26,36,.95);border-radius:24px;box-shadow:var(--shadow);text-align:center}.auth-card h1{margin:0 0 8px}.auth-card .muted{margin:0 0 22px}.stack{display:grid;gap:15px;text-align:left}@media(max-width:800px){.topbar{padding:0 18px}.topbar>div:first-child>div:last-child span{display:none}.container{padding:24px 14px 50px}.hero{padding:24px;display:block}.status-pill{display:inline-block;margin-top:20px}.hero h1{font-size:36px}.stats{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr}.payment-form .wide{grid-column:auto}.panel-head{padding:18px}.userbox span{display:none}th,td{padding:12px 14px}}

/* Two-person password-only login */
.login-card{width:min(500px,100%)}
.field-title{display:block;text-align:left;font-size:12px;font-weight:800;color:#c7d0da;margin-bottom:9px}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.identity-card{appearance:none;border:1px solid var(--line);border-radius:16px;background:#0e151e;color:var(--text);padding:20px 14px;cursor:pointer;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.identity-card:hover{transform:translateY(-2px);border-color:rgba(200,163,106,.65);background:#111b27}
.identity-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,163,106,.11)}
.identity-avatar{width:46px;height:46px;border-radius:14px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(200,163,106,.4);background:rgba(200,163,106,.1);color:var(--accent2);font-weight:900;font-size:17px}
.identity-card strong,.identity-card small{display:block}.identity-card strong{font-size:16px}.identity-card small{margin-top:3px;color:var(--muted);font-size:11px}.identity-step.hidden{display:none}.password-step{display:none}.password-step.visible{display:grid;gap:15px}.selected-person{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);color:var(--muted);font-size:12px}.selected-person strong{color:var(--accent2)}.back-choice{appearance:none;border:0;background:none;color:var(--accent2);font-size:18px;cursor:pointer;padding:0 4px}.setup-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-summary>div{border:1px solid var(--line);background:#0e151e;border-radius:12px;padding:13px}.setup-summary span,.setup-summary strong{display:block}.setup-summary span{color:var(--accent2);font-weight:800}.setup-summary strong{font-size:11px;color:var(--muted);margin-top:2px}
@media(max-width:520px){.identity-grid,.setup-summary{grid-template-columns:1fr}}

/* Automatic Arabic RTL support */
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .topbar > div,
html[dir="rtl"] .progress-top,
html[dir="rtl"] .panel-head,
html[dir="rtl"] .selected-person { flex-direction: row-reverse; }
html[dir="rtl"] input,
html[dir="rtl"] button,
html[dir="rtl"] label,
html[dir="rtl"] table { font-family: inherit; }
html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] label,
html[dir="rtl"] .viewer-note,
html[dir="rtl"] .auth-card { text-align: right; }
html[dir="rtl"] .back-choice { transform: scaleX(-1); }

/* Mourad-only payment correction action */
.button.danger.delete-payment{background:#3a1717;border:1px solid #7a3030;color:#ffd7d7;padding:8px 12px;font-size:.9rem;white-space:nowrap}
.button.danger.delete-payment:hover{background:#522020;border-color:#a54242;color:#fff}


/* Friendly persistent language switch */
.language-switch{position:fixed;top:18px;right:18px;z-index:30;display:flex;gap:6px;padding:5px;border:1px solid var(--line);background:rgba(12,17,24,.94);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.language-switch a{padding:7px 10px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:800;line-height:1}
.language-switch a:hover,.language-switch a.active{background:rgba(200,163,106,.16);color:var(--accent2)}
.language-switch.compact{position:static;box-shadow:none;background:transparent;border-color:var(--line);margin-inline-end:8px}
.user-area{display:flex!important;align-items:center;gap:10px}
html[dir="rtl"] .language-switch:not(.compact){right:auto;left:18px}
html[dir="rtl"] .userbox{text-align:left}
@media(max-width:700px){.topbar{height:auto;min-height:74px;padding-top:10px;padding-bottom:10px}.user-area{gap:6px}.language-switch.compact a{padding:7px 8px}.language-switch.compact{margin-inline-end:0}.topbar>div:first-child>div:last-child strong{font-size:13px}.hero h1{font-size:34px}.table-wrap table{min-width:720px}.button.danger.delete-payment{min-height:42px}.proof img{width:56px;height:42px}}
@media(max-width:520px){.auth-page{padding-top:82px}.language-switch:not(.compact){top:14px;right:50%;transform:translateX(50%)}html[dir="rtl"] .language-switch:not(.compact){left:50%;right:auto;transform:translateX(-50%)}.auth-card{padding:26px 20px}.identity-card{padding:18px 12px}.userbox a{display:block;padding-top:3px}.language-switch.compact a:first-child{font-size:13px}}