:root{--rana:#0f766e;--lib:#6d28d9;--soft:#f8fafc} body{background:#f5f7fb}.bg-rana{background:linear-gradient(135deg,#0f766e,#14532d)}.login-bg{min-height:100vh;background:radial-gradient(circle at top left,#14b8a6,#0f172a 50%,#020617)}.login-card{border:0;border-radius:22px;box-shadow:0 24px 80px rgba(2,6,23,.24)}.kpi-card{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.07)}.room-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05);padding:16px;height:100%}.bed-card{border:1px solid #d1fae5;background:#f0fdf4;border-radius:14px;padding:12px;margin-top:10px;cursor:pointer}.bed-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,118,110,.16)}.bed-vacant{border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b}.table thead th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f8fafc}.badge-soft{background:#ecfdf5;color:#0f766e}.amount{font-weight:800}.section-title{font-weight:800;margin:18px 0 10px}.proof-box{border:1px dashed #94a3b8;border-radius:14px;padding:12px;background:#f8fafc}@media(max-width:768px){.room-card{padding:12px}.table{font-size:13px}.nav-pills{overflow:auto;flex-wrap:nowrap}.nav-pills .nav-link{white-space:nowrap}}

.badge{font-weight:600}.room-card{transition:.2s}.room-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.bed-card{cursor:pointer}.table th{white-space:nowrap}.section-title{margin:1.25rem 0 .75rem;font-weight:700}.proof-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px}@media(max-width:768px){.kpi-card h4,.kpi-card h3{font-size:1.15rem}.room-card{padding:12px}.bed-card{font-size:.9rem}.nav-pills .nav-link{white-space:nowrap}}