:root{--navy:#0f2540;--blue:#2563eb;--bg:#f1f5f9}
body{font-family:'Cairo',Tahoma,sans-serif;background:var(--bg);color:#1e293b}
.side{position:fixed;top:0;bottom:0;inset-inline-start:0;width:240px;background:linear-gradient(180deg,#0f2540,#16365e);display:flex;flex-direction:column;padding:16px 12px;z-index:100}
.side .brand{color:#fff;font-weight:700;font-size:1.2rem;padding:10px 12px 22px}.side .brand i{color:#60a5fa}
.side a{color:#cbd5e1;text-decoration:none;padding:11px 14px;border-radius:10px;margin-bottom:4px;display:block}.side a i{margin-inline-end:8px}
.side a:hover,.side a.on{background:rgba(255,255,255,.12);color:#fff}
.main{margin-inline-start:240px;min-height:100vh}
.topbar{background:#fff;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.content{padding:24px 28px}
.bell{position:relative;color:#475569}.bell .cnt{position:absolute;top:-6px;inset-inline-end:-8px;background:#ef4444;color:#fff;font-size:.65rem;border-radius:10px;padding:1px 6px}
.kpi{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(15,37,64,.06);display:flex;align-items:center;gap:16px;border-inline-start:5px solid var(--c,#2563eb)}
.kpi i{font-size:1.8rem;color:var(--c,#2563eb);background:color-mix(in srgb,var(--c,#2563eb) 12%,#fff);padding:10px 14px;border-radius:12px}.kpi small{color:#64748b}.kpi h3{margin:0;font-weight:700}
.cardx{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(15,37,64,.06);margin-bottom:20px}.cardx h6{font-weight:700;margin-bottom:14px}
.table thead th{background:#0f2540;color:#fff;font-weight:600;white-space:nowrap;border:0}.table{background:#fff;border-radius:12px;overflow:hidden}
.btn-primary{background:var(--blue);border:0}.form-control,.form-select{border-radius:8px}
.auth{background:linear-gradient(135deg,#0f2540,#2563eb);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login{display:flex;background:#fff;border-radius:24px;overflow:hidden;max-width:880px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.login .hero{flex:1;background:linear-gradient(160deg,#16365e,#1d4ed8);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.login .hero i{font-size:3.5rem}
.login .form{flex:1;padding:48px}@media(max-width:768px){.login .hero{display:none}.side{display:none}.main{margin:0}}
.srows input,.srows select{min-width:58px}.srows td{padding:3px}.srows .tot{font-weight:700;white-space:nowrap;vertical-align:middle}
/* ===== v2: داش بورد مضغوط ومتناسق ===== */
[hidden]{display:none!important}
.content{padding:18px 24px;max-width:1500px;margin-inline:auto}
.cardx{padding:16px 18px;margin-bottom:16px}.cardx h6{font-size:.95rem;margin-bottom:10px}
a.kpi{text-decoration:none;color:inherit}a.kpi:hover{box-shadow:0 4px 14px rgba(15,37,64,.14)}
.kpi{padding:12px 14px;gap:12px;border-radius:14px;height:100%}.kpi i{font-size:1.25rem;padding:8px 11px;border-radius:10px}.kpi small{font-size:.78rem}.kpi h3{font-size:1.2rem;line-height:1.2}
.chart-box{position:relative;height:250px}.chart-box.sm{height:230px}
.scrollbox{max-height:250px;overflow:auto}
.remitem{display:block;text-decoration:none;color:#1e293b;border-bottom:1px solid #e2e8f0;padding:7px 2px;font-size:.88rem}.remitem:last-child{border:0}.remitem:hover{background:#f8fafc}
.table-sm>:not(caption)>*>*{padding:.4rem .5rem}
.flbl{font-size:.78rem;color:#64748b;margin-bottom:2px}
.sumrow td{background:#e2e8f0;font-weight:700}
/* ===== v2: نموذج الملف (كروت الفنادق) ===== */
#rows{counter-reset:stay}
.stay{counter-increment:stay;border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc;padding:14px 16px;margin-bottom:14px}
.stay-top{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}
.stay-top .fld{flex:1 1 150px}.stay-top .fld.hotel{flex:2 1 220px}
.stay-top label,.stay-foot label,.inv-card label{font-size:.78rem;color:#64748b;display:block;margin-bottom:2px}
.stay-no::before{content:counter(stay);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0f2540;color:#fff;font-weight:700;font-size:.85rem}
.rooms{width:100%;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:10px}
.rooms th,.rooms td{padding:6px 8px;vertical-align:middle;font-size:.9rem}
.rooms thead th{background:#e8eef7;color:#334155;font-weight:600;font-size:.78rem;white-space:nowrap}
.rooms tbody th{white-space:nowrap;font-weight:700}.rooms tbody th small{display:block;font-weight:400;color:#64748b;font-size:.72rem}
.rooms input{min-width:70px;text-align:center}
.rooms .sub{font-weight:700;white-space:nowrap;text-align:end}
.t-sgl{border-inline-start:4px solid #2563eb}.t-dbl{border-inline-start:4px solid #16a34a}.t-trl{border-inline-start:4px solid #f59e0b}
.stay-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.stay-foot .fld{flex:0 1 150px}
.rowtot{margin-inline-start:auto;font-size:1.05rem;white-space:nowrap}
.dwarn{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;font-weight:700;border-radius:10px;padding:8px 12px}
.dwarn .btn{font-weight:600}
.dnote{color:#b91c1c;font-weight:700;font-size:.82rem}
/* ===== v2: فواتير الحسابات ===== */
.inv-card{border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc;padding:14px 16px;margin-bottom:12px}
.inv-money{background:#fff;border-radius:12px;padding:10px 12px;border:1px solid #e2e8f0}
.topay{font-size:1.25rem;font-weight:700;color:#b45309}
.kpi.big{--c:#f59e0b;background:#fffbeb}.opchip{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:20px;padding:3px 12px;font-size:.85rem}
@media print{.side,.topbar,.noprint,.btn{display:none!important}.main{margin:0!important}.content{padding:0}.print-title{display:block!important}body{background:#fff}}
.print-title{display:none}