.bi-hotel-bills{--bhb-navy: #003b7d;--bhb-navy-2: #0066c4;--bhb-sky: #BFD5FF;--bhb-amber: #FFAA0F;--bhb-amber-2: #FF7A00;--bhb-green: #0EC760;--bhb-green-2: #34d399;--bhb-red: #FF3D00;--bhb-surface: #ffffff;--bhb-surface-2: #f6f9ff;--bhb-border: rgba(15, 23, 42, .07);--bhb-text: #0f172a;--bhb-text-soft: #475569;--bhb-text-mute: #94a3b8;--bhb-ease: cubic-bezier(.4, 0, .2, 1);--bhb-spring: cubic-bezier(.34, 1.56, .64, 1);display:flex;flex-direction:column;gap:1.5rem}.bi-hotel-bills .bhb-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:1.5rem;padding:2.25rem;color:#eaf2ff;background:radial-gradient(120% 140% at 85% -10%,rgba(255,170,15,.28) 0%,transparent 45%),linear-gradient(135deg,#002a5c 0%,var(--bhb-navy) 42%,var(--bhb-navy-2) 100%);box-shadow:0 24px 48px -24px #003b7d8c;animation:bhb-rise .55s var(--bhb-ease) both}.bi-hotel-bills .bhb-hero__glow{position:absolute;inset:auto -10% -60% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.35) 0%,transparent 60%);filter:blur(8px);z-index:-1;animation:bhb-float 9s ease-in-out infinite}.bi-hotel-bills .bhb-hero.is-negative .bhb-hero__glow{background:radial-gradient(circle,rgba(255,61,0,.32) 0%,transparent 60%)}.bi-hotel-bills .bhb-hero__grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(120% 90% at 20% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(120% 90% at 20% 0%,#000 0%,transparent 70%)}.bi-hotel-bills .bhb-hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}.bi-hotel-bills .bhb-hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bhb-sky);padding:.32rem .7rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bi-hotel-bills .bhb-hero__eyebrow svg{width:.95rem;height:.95rem}.bi-hotel-bills .bhb-hero__title{margin:.75rem 0 0;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.01em}.bi-hotel-bills .bhb-hero__subtitle{margin:.4rem 0 0;font-size:.92rem;color:#eaf2ffb8;max-width:42ch}.bi-hotel-bills .bhb-hero__balance{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.35rem;padding:1rem 1.35rem;border-radius:1.1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bi-hotel-bills .bhb-hero__balance-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#eaf2ffb3}.bi-hotel-bills .bhb-hero__balance-value{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.25)}.bi-hotel-bills .bhb-hero.is-positive .bhb-hero__balance-value{color:#aef4cf}.bi-hotel-bills .bhb-hero.is-negative .bhb-hero__balance-value{color:#ffc9b8}.bi-hotel-bills .bhb-hero__balance-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#eaf2ffd9}.bi-hotel-bills .bhb-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--bhb-green-2);box-shadow:0 0 #34d39999;animation:bhb-ping 1.8s var(--bhb-ease) infinite}.bi-hotel-bills .bhb-hero.is-negative .bhb-dot{background:#ff8a65;box-shadow:0 0 #ff3d0099}.bi-hotel-bills .bhb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:1rem}.bi-hotel-bills .bhb-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.3rem;border-radius:1.25rem;background:var(--bhb-surface);border:1px solid var(--bhb-border);box-shadow:0 1px 2px #0f172a0a,0 18px 40px -28px #003b7d66;transition:transform .28s var(--bhb-spring),box-shadow .28s var(--bhb-ease);animation:bhb-rise .5s var(--bhb-ease) both;animation-delay:var(--bhb-delay, 0ms)}.bi-hotel-bills .bhb-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #0f172a0d,0 26px 50px -24px #003b7d73}.bi-hotel-bills .bhb-card__bar{position:absolute;inset:0 auto 0 0;width:4px;border-radius:4px;background:var(--bhb-accent, var(--bhb-navy))}.bi-hotel-bills .bhb-card__icon{flex:none;width:3rem;height:3rem;display:grid;place-items:center;border-radius:.9rem;color:var(--bhb-accent, var(--bhb-navy));background:var(--bhb-accent-soft, rgba(0, 59, 125, .1))}.bi-hotel-bills .bhb-card__icon svg{width:1.5rem;height:1.5rem}.bi-hotel-bills .bhb-card__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.bi-hotel-bills .bhb-card__label{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bhb-text-mute)}.bi-hotel-bills .bhb-card__value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--bhb-text);line-height:1.1}.bi-hotel-bills .bhb-card--success{--bhb-accent: var(--bhb-green);--bhb-accent-soft: rgba(14, 199, 96, .12)}.bi-hotel-bills .bhb-card--warning{--bhb-accent: var(--bhb-amber-2);--bhb-accent-soft: rgba(255, 122, 0, .12)}.bi-hotel-bills .bhb-card--info{--bhb-accent: var(--bhb-navy-2);--bhb-accent-soft: rgba(0, 102, 196, .12)}.bi-hotel-bills .bhb-card--primary{--bhb-accent: var(--bhb-navy);--bhb-accent-soft: rgba(0, 59, 125, .12)}.bi-hotel-bills .bhb-table{border-radius:1.5rem;background:var(--bhb-surface);border:1px solid var(--bhb-border);box-shadow:0 1px 2px #0f172a0a,0 18px 44px -30px #003b7d59;overflow:hidden;animation:bhb-rise .5s var(--bhb-ease) .12s both}.bi-hotel-bills .bhb-table__head{padding:1.25rem 1.5rem .5rem}.bi-hotel-bills .bhb-table__title{margin:0;font-size:1.1rem;font-weight:700;color:var(--bhb-text)}.bi-hotel-bills .bhb-table__hint{margin:.2rem 0 0;font-size:.85rem;color:var(--bhb-text-mute)}.bi-hotel-bills .bhb-table .fi-ta{border:0;box-shadow:none;background:transparent}@keyframes bhb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bhb-float{0%,to{transform:translate(0)}50%{transform:translate(-6%,-8%)}}@keyframes bhb-ping{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.dark .bi-hotel-bills{--bhb-surface: #1e293b;--bhb-surface-2: #0f172a;--bhb-border: rgba(255, 255, 255, .08);--bhb-text: #f1f5f9;--bhb-text-soft: #cbd5e1;--bhb-text-mute: #94a3b8}.dark .bi-hotel-bills .bhb-card{background:linear-gradient(150deg,#1e293b,#172033)}[dir=rtl] .bi-hotel-bills .bhb-card__bar{inset:0 0 0 auto}[dir=rtl] .bi-hotel-bills .bhb-hero__balance{align-items:flex-start;text-align:left}@media(prefers-reduced-motion:reduce){.bi-hotel-bills *{animation:none!important}.bi-hotel-bills .bhb-card{transition:none}}@media(max-width:640px){.bi-hotel-bills .bhb-hero{padding:1.5rem 1.4rem}.bi-hotel-bills .bhb-hero__balance{align-items:flex-start;text-align:left;width:100%}}