*{box-sizing:border-box}html{direction:rtl}body{color:#122a36;background:#edf3f0;margin:0;font-family:Arial,sans-serif}main{min-height:100vh}.hero{color:#fff;background:linear-gradient(90deg,#072b3df2,#072b3dcf),url(/riad-salam-hero.png) 50% 52%/cover;align-items:center;gap:18px;padding:34px max(24px,50% - 450px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#56bb24,#a8d53e,#56bb24);height:3px;position:absolute;inset:auto 0 0}.hero>*{z-index:1;position:relative}.mark{color:#fff;background:linear-gradient(145deg,#5bc42a,#318b13);border-radius:17px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid;box-shadow:0 10px 28px #153d0e3d}.hero span{color:#b9e7a6;letter-spacing:.5px;font-size:12px;font-weight:700}.hero h1{margin:5px 0;font-size:30px}.hero p{color:#d8e5ea;margin:0}.hero strong{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff18;border:1px solid #ffffff35;border-radius:12px;margin-right:auto;padding:12px 18px;font-size:20px}.logout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff18;border:1px solid #ffffff35;width:auto;padding:10px 14px}.card{background:#fff;border:1px solid #d9e5df;border-radius:20px;max-width:900px;margin:28px auto;padding:28px;box-shadow:0 16px 42px #082a3912}.intro{border-bottom:1px solid #e5ece8;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:18px;display:flex}.section-icon{background:#edf8e8;border:1px solid #d3eac8;border-radius:15px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.intro h2{margin:0 0 6px}.intro p{color:#667982;margin:0}.grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}label{color:#4f646e;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}input,select,textarea{font:inherit;color:#132b37;background:#fbfdfc;border:1px solid #cfddd6;border-radius:11px;padding:12px;transition:all .2s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#4ba61f;outline:0;box-shadow:0 0 0 3px #4ba61f18}input[readonly]{color:#377020;background:#eef4f1;font-weight:700}textarea{min-height:95px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4bab1f,#368e15);border:0;border-radius:11px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 7px 18px #3f94162b}button:hover{filter:brightness(1.04);transform:translateY(-1px)}.message{color:#2d6f12;text-align:center;background:#edf8e8;border:1px solid #bcdcae;border-radius:10px;margin-top:15px;padding:12px}.error{color:#a43128;text-align:center;background:#fff0ef;border:1px solid #efc2be;border-radius:10px;margin-top:14px;padding:11px}footer{text-align:center;color:#74858d;padding:5px 20px 28px}.login{background:#061f2d;place-items:center;padding:32px;display:grid}.login-shell{background:#fff;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:1.15fr .85fr;width:min(1120px,100%);min-height:min(700px,100vh - 64px);display:grid;overflow:hidden;box-shadow:0 35px 100px #0008}.login-visual{isolation:isolate;color:#fff;background:url(/riad-salam-hero.png) 50%/cover;padding:42px;position:relative}.login-visual:before{content:"";z-index:-1;background:linear-gradient(#06253655 0%,#062536d9 65%,#062536fa 100%);position:absolute;inset:0}.brand{align-items:center;gap:14px;display:flex}.brand span{color:#b7e3a3;letter-spacing:.6px;font-size:12px;font-weight:800;display:block}.brand b{margin-top:5px;font-size:14px;display:block}.visual-copy{position:absolute;bottom:45px;left:42px;right:42px}.visual-copy em{color:#c6efb4;background:#4aa91d2e;border:1px solid #91d17155;border-radius:99px;padding:7px 13px;font-size:13px;font-style:normal;display:inline-block}.visual-copy h2{max-width:560px;margin:15px 0 10px;font-size:36px;line-height:1.35}.visual-copy p{color:#d7e5e9;max-width:560px;margin:0;line-height:1.8}.trust-points{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.trust-points i{background:#fff1;border:1px solid #fff2;border-radius:9px;padding:8px 11px;font-size:12px;font-style:normal}.login-card{flex-direction:column;justify-content:center;padding:55px 48px;display:flex}.login-heading>.mark{display:none}.login-card span{color:#459f1b;font-size:12px;font-weight:700}.login-card h1{margin:8px 0;font-size:34px}.login-card p{color:#667982;margin:0 0 28px;line-height:1.7}.login-card small{text-align:center;color:#7b8c94;margin-top:18px;display:block}.login-card small b{color:#4ba31f}.admin{padding:28px}.admin header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.admin header span{color:#459f1b;font-weight:700}.admin h1{margin:5px 0}.table{background:#fff;border-radius:15px;padding:18px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:right;border-bottom:1px solid #e5ece8;padding:11px;font-size:13px}th{color:#657982}@media (max-width:760px){.hero{flex-wrap:wrap;padding:24px 18px}.hero h1{font-size:23px}.hero strong{font-size:15px}.card{margin:16px;padding:20px}.grid{grid-template-columns:1fr}.admin{padding:14px}.login{background:#fff;padding:0}.login-shell{min-height:100vh;box-shadow:none;border:0;border-radius:0;display:block}.login-visual{background-position:34%;min-height:265px;padding:24px}.visual-copy{bottom:24px;left:24px;right:24px}.visual-copy h2{margin:10px 0 4px;font-size:25px}.visual-copy p,.trust-points{display:none}.login-card{padding:30px 24px 36px}.login-heading>.mark{z-index:2;border:4px solid #fff;margin:-58px 0 22px;display:grid;position:relative}.login-card h1{font-size:29px}.login-card p{margin-bottom:22px}}.portal-tabs,.tabs{gap:10px;max-width:900px;margin:24px auto 0;display:flex}.portal-tabs button,.tabs button{color:#35515d;background:#dce8e2}.portal-tabs button.active,.tabs button.active{color:#fff;background:#072b3d}.tabs{max-width:none;margin:0 0 18px}.tabs button{width:auto;padding:11px 18px}button,input,select,textarea{touch-action:manipulation}.table{-webkit-overflow-scrolling:touch}.table table{min-width:760px}.sent-list{gap:12px;display:grid}.sent-item{background:#f9fcfa;border:1px solid #dce7e1;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:16px;display:grid}.sent-icon{background:#edf8e8;border-radius:12px;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.sent-meta{color:#49715a;align-items:center;gap:10px;font-size:12px;display:flex}.sent-meta time{color:#75868e}.sent-item h3{margin:6px 0 4px;font-size:16px}.sent-item p{color:#647780;margin:0;line-height:1.6}.sent-status{color:#785600;background:#fff2ca;border:1px solid #efd88a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.empty-sent{text-align:center;color:#71838b;padding:35px 12px}.payer-count{color:#36791b;white-space:nowrap;background:#eaf6e5;border-radius:12px;margin-right:auto;padding:10px 14px}.payers-table{overflow:auto}.payers-table table{min-width:760px}.payers-table th{background:#f1f6f3}.payers-table td:first-child{font-weight:700}@media print{.payers-card{display:none!important}}@media (max-width:650px){body{overflow-x:hidden}.hero{align-items:flex-start;gap:12px}.hero .mark{border-radius:13px;flex:none;width:48px;height:48px;font-size:18px}.hero>div:nth-child(2){width:calc(100% - 60px)}.hero h1{line-height:1.35}.hero p{font-size:13px;line-height:1.5}.hero strong{order:3;margin:2px 0 0;padding:9px 14px}.hero .logout{order:4;min-height:44px;margin-right:auto;padding:10px 18px}.portal-tabs{z-index:5;grid-template-columns:1fr;gap:8px;margin:14px 16px;display:grid;position:sticky;top:8px}.portal-tabs button{min-height:48px;padding:9px 8px;font-size:14px;box-shadow:0 5px 14px #082a3914}.card{border-radius:15px}.card .intro h2{font-size:21px}.card .intro p{line-height:1.65}input,select,textarea{width:100%;min-height:48px;font-size:16px}textarea{min-height:120px}form>button{min-height:52px;font-size:16px}.tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tabs button{width:100%;min-height:50px;padding:9px 7px;font-size:13px}.admin header{align-items:flex-start;gap:12px}.admin h1{font-size:23px}.table{border-radius:12px;padding:8px;box-shadow:0 8px 25px #082a3910}.table:after{content:"مرّر الجدول أفقياً لعرض جميع البيانات";color:#74858d;text-align:center;padding:10px;font-size:12px;display:block}.sent-item{grid-template-columns:auto 1fr;padding:13px}.sent-status{grid-column:2;width:max-content}.login{padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.login section{border-radius:18px}.login h1{font-size:25px;line-height:1.4}}@media (max-width:380px){.portal-tabs{grid-template-columns:1fr}.hero>div:nth-child(2){width:calc(100% - 60px)}.admin header{flex-direction:column}}