:root{--p:#1e5b91;--pd:#16456f;--body:#eaf3ff;--border:#d9e2ec}
html,body{height:100%}body{font-family:Arial,"Noto Sans Arabic",sans-serif;background:var(--body);color:#1f2937}a{text-decoration:none}
.topbar{height:58px;background:#f4f6f8;border-radius:28px;margin:8px 12px;box-shadow:0 2px 8px #0002;padding:0 18px}.brand{font-weight:800;font-size:22px;color:#e91e45}
.sidebar{width:260px;background:#f8fafc;min-height:calc(100vh - 82px);margin:0 8px 8px 12px;border-radius:10px;box-shadow:0 2px 8px #0002;padding:16px}.sidebar .section{font-size:12px;font-weight:800;color:var(--p);text-transform:uppercase;border-bottom:1px solid #9ca3af;padding:14px 8px 7px}.sidebar a{display:flex;gap:10px;align-items:center;padding:10px 12px;margin:4px 0;border-radius:8px;color:#374151}.sidebar a:hover{background:var(--p);color:#fff}
.main{flex:1;padding:0 12px 20px 4px;min-width:0}.page-title{background:var(--p);color:#fff;padding:9px 16px;border-radius:5px 5px 0 0;font-weight:700;font-size:20px}.card-sgh{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 4px #0001}.stat{border-left:4px solid var(--p);background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0001}.stat .num{font-size:26px;font-weight:800;color:var(--p)}.table thead th{white-space:nowrap;background:#f3f4f6}
.login-wrap{height:100vh;display:flex}.login-visual{width:52%;background:#244d71 url('/assets/img/login-bg.svg') center/cover no-repeat;position:relative}.login-visual:after{content:"";position:absolute;inset:0;background:#0b1f3377}.login-panel{flex:1;background:#9ee0ca;display:flex;align-items:center;justify-content:center}.login-box{width:min(540px,80%)}.login-box h2{color:#287b65;font-weight:400}.login-input{background:#fff;padding:14px 18px;border:0;border-bottom:2px solid #69bda4}.login-btn{background:#47a686;color:#fff;border:0;padding:14px;width:100%}.login-btn:hover{background:#327960}
[dir=rtl] .sidebar{margin-left:8px;margin-right:12px}[dir=rtl] .main{padding-left:12px;padding-right:4px}[dir=rtl] .stat{border-left:0;border-right:4px solid var(--p)}
@media(max-width:991px){.sidebar{display:none}.main{padding:0 12px 20px}.login-visual{display:none}.login-panel{width:100%}.login-box{width:90%}}

/* SGH branding v1.1 */
.brand-wrap{display:flex;align-items:center;gap:10px;color:#1f2937}.brand-wrap:hover{color:#1f2937}
.brand-logo{width:42px;height:42px;border-radius:8px;object-fit:contain;background:#fff}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:15px;color:#20242a}.brand-copy small{font-size:11px;color:#6b7280;margin-top:3px}
.sidebar-brand{border-bottom:1px solid #e5e7eb;padding-bottom:12px}.sidebar-logo{width:92px;height:92px;object-fit:contain}
.login-logo{width:125px;height:125px;object-fit:contain;border-radius:14px;background:#fff;padding:4px;box-shadow:0 4px 18px #0001}
.login-hotel-title{font-size:20px;font-weight:700;color:#263238;margin-top:5px}.login-hotel-ar{font-size:15px;color:#327960}
.login-visual-brand{position:absolute;z-index:3;left:28px;bottom:28px;background:#ffffffed;border-radius:16px;padding:10px;box-shadow:0 4px 20px #0003}
.login-visual-brand img{width:125px;height:125px;object-fit:contain}
@media(max-width:767px){.brand-copy small{display:none}.brand-logo{width:36px;height:36px}.login-logo{width:105px;height:105px}}