/* ==========================================================
   AQARON Administration UI
   Official brand application for Tabler RTL
   ========================================================== */

:root {
    --aqaron-midnight: #0b1f33;
    --aqaron-midnight-rgb: 11, 31, 51;
    --aqaron-midnight-soft: #132f4b;
    --aqaron-emerald: #00a97f;
    --aqaron-emerald-rgb: 0, 169, 127;
    --aqaron-emerald-dark: #008e6b;
    --aqaron-gold: #d2a64c;
    --aqaron-gold-rgb: 210, 166, 76;
    --aqaron-cloud: #f6f8fa;
    --aqaron-text: #152536;
    --aqaron-muted: #667085;
    --aqaron-border: #e3e8ee;
    --aqaron-sidebar-width: 16.5rem;
    --aqaron-sidebar-collapsed-width: 5.25rem;
    --aqaron-radius: 1rem;
    --aqaron-card-shadow: 0 .25rem 1.25rem rgba(11, 31, 51, .055);
    --aqaron-card-shadow-hover: 0 .8rem 2rem rgba(11, 31, 51, .10);

    --tblr-primary: var(--aqaron-emerald);
    --tblr-primary-rgb: var(--aqaron-emerald-rgb);
    --tblr-link-color: #008c6a;
    --tblr-link-hover-color: #006d53;
    --tblr-border-radius: .75rem;
    --tblr-font-sans-serif: "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

[data-bs-theme="dark"] {
    --tblr-primary: #20c997;
    --tblr-primary-rgb: 32, 201, 151;
    --tblr-body-bg: #081522;
    --tblr-bg-surface: #0d1e2e;
    --tblr-bg-surface-secondary: #091927;
    --tblr-border-color: rgba(255,255,255,.105);
    --tblr-border-color-translucent: rgba(255,255,255,.075);
}

html { scroll-behavior: smooth; }
body { color: var(--aqaron-text); background: var(--tblr-bg-surface-secondary); font-feature-settings: "kern"; }
[data-bs-theme="dark"] body { color: #e7eef5; }
::selection { color: #fff; background: rgba(var(--aqaron-emerald-rgb), .75); }
.min-w-0 { min-width: 0; }
.page-wrapper { min-width: 0; }
.page-body { padding-top: 1rem; padding-bottom: 1.75rem; }
.card { border-color: var(--tblr-border-color-translucent); border-radius: var(--aqaron-radius); box-shadow: var(--aqaron-card-shadow); }
.btn { border-radius: .72rem; font-weight: 650; }
.btn-primary { border-color: var(--aqaron-emerald); background: var(--aqaron-emerald); box-shadow: 0 .4rem 1rem rgba(var(--aqaron-emerald-rgb), .17); }
.btn-primary:hover, .btn-primary:focus { border-color: var(--aqaron-emerald-dark); background: var(--aqaron-emerald-dark); }
.btn-outline-primary { color: var(--aqaron-emerald-dark); border-color: rgba(var(--aqaron-emerald-rgb), .45); }
.btn-outline-primary:hover { color: #fff; border-color: var(--aqaron-emerald); background: var(--aqaron-emerald); }
.form-control, .form-select { border-radius: .72rem; }
.form-control:focus, .form-select:focus { border-color: rgba(var(--aqaron-emerald-rgb), .52); box-shadow: 0 0 0 .22rem rgba(var(--aqaron-emerald-rgb), .10); }
.bg-primary-lt { color: var(--aqaron-emerald-dark) !important; background: rgba(var(--aqaron-emerald-rgb), .12) !important; }
.text-primary { color: var(--aqaron-emerald-dark) !important; }
.text-gold { color: var(--aqaron-gold) !important; }

/* Sidebar */
.navbar-vertical,
.navbar-vertical .container-fluid,
.navbar-vertical .navbar-collapse,
.navbar-vertical .navbar-nav,
.navbar-vertical .sidebar-footer { min-width: 0; max-width: 100%; overflow-x: hidden; }
.navbar-vertical { --tblr-navbar-border-color: rgba(255,255,255,.08); }
.aqaron-sidebar { position: relative; isolation: isolate; overflow: hidden; border: 0; background: linear-gradient(168deg, #102b45 0%, var(--aqaron-midnight) 46%, #071523 100%); box-shadow: -.3rem 0 2rem rgba(3,13,22,.18); }
.aqaron-sidebar::before { position: absolute; z-index: -1; top: -7rem; left: -5rem; width: 15rem; height: 15rem; content: ""; border: 1px solid rgba(var(--aqaron-gold-rgb),.16); border-radius: 50%; box-shadow: 0 0 0 2.5rem rgba(var(--aqaron-gold-rgb),.022), 0 0 0 5rem rgba(var(--aqaron-emerald-rgb),.018); }
.aqaron-sidebar::after { position: absolute; z-index: -1; right: -4rem; bottom: 7rem; width: 10rem; height: 10rem; content: ""; border-radius: 2rem; background: linear-gradient(145deg, rgba(var(--aqaron-emerald-rgb),.08), transparent 68%); transform: rotate(28deg); }
.navbar-vertical .container-fluid { padding-inline: .8rem; }
.navbar-vertical .navbar-brand { min-height: 5.25rem; padding: 1rem .6rem; border-bottom: 1px solid rgba(255,255,255,.065); }
.aqaron-brand-lockup { display: flex; width: 100%; align-items: center; justify-content: center; color: #fff; }
.sidebar-brand-logo { display: block; width: min(100%, 13.5rem); max-height: 3.45rem; object-fit: contain; object-position: center; }
.navbar-vertical .navbar-collapse { width: 100%; }
.navbar-vertical .navbar-nav { gap: .18rem; }
.navbar-vertical .nav-link { min-width: 0; min-height: 2.8rem; margin-inline: .05rem; padding-inline: .75rem; color: rgba(255,255,255,.70); border: 1px solid transparent; border-radius: .72rem; transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease; }
.navbar-vertical .nav-link:not(.disabled):hover { color: #fff; border-color: rgba(255,255,255,.055); background: rgba(255,255,255,.055); transform: translateX(-2px); }
.navbar-vertical .nav-link-title { min-width: 0; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.navbar-vertical .nav-link-icon { width: 1.5rem; margin-inline-end: .65rem; color: rgba(255,255,255,.56); }
.navbar-vertical .nav-item.active > .nav-link { position: relative; color: #fff; border-color: rgba(var(--aqaron-emerald-rgb),.24); background: linear-gradient(90deg, rgba(var(--aqaron-emerald-rgb),.22), rgba(var(--aqaron-emerald-rgb),.10)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.navbar-vertical .nav-item.active > .nav-link .nav-link-icon { color: #5ce0bd; }
.navbar-vertical .nav-item.active > .nav-link::before { position: absolute; inset-block: .42rem; inset-inline-end: -.8rem; width: 3px; content: ""; border-radius: 3px; background: linear-gradient(var(--aqaron-gold), var(--aqaron-emerald)); box-shadow: 0 0 .7rem rgba(var(--aqaron-emerald-rgb),.55); }
.navbar-vertical .nav-link.disabled { opacity: .58; }
.sidebar-section-title { min-height: auto !important; padding-block: .65rem !important; color: rgba(255,255,255,.34) !important; font-size: .66rem; font-weight: 750; letter-spacing: .045em; }
.aqaron-attention-badge { color: #1d1405; background: var(--aqaron-gold); }
.aqaron-soon-badge { color: rgba(255,255,255,.62); border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05); }
.sidebar-footer { border-top: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.08); }
.sidebar-user-role { color: rgba(255,255,255,.43); }
.aqaron-user-avatar { color: #fff !important; border: 1px solid rgba(var(--aqaron-emerald-rgb),.35); background: linear-gradient(145deg, var(--aqaron-emerald), #08745e) !important; box-shadow: 0 .35rem .85rem rgba(var(--aqaron-emerald-rgb),.18); }

/* Top bar */
.app-topbar { position: sticky; top: 0; z-index: 1030; min-height: 4.5rem; border-bottom: 1px solid var(--tblr-border-color); background: color-mix(in srgb, var(--tblr-bg-surface) 93%, transparent); box-shadow: 0 .15rem 1rem rgba(11,31,51,.025); backdrop-filter: blur(14px); }
.topbar-mobile-brand { display: inline-flex; align-items: center; margin-inline-end: .75rem; color: var(--aqaron-midnight); text-decoration: none; }
[data-bs-theme="dark"] .topbar-mobile-brand { color: #fff; }
.topbar-mobile-brand img { display: block; width: 7.25rem; height: auto; max-height: 2.45rem; object-fit: contain; }
.dashboard-search { width: min(100%, 38rem); }
.dashboard-search .form-control { min-height: 2.65rem; padding-inline-start: 2.65rem; border-color: transparent; border-radius: .8rem; background: var(--tblr-bg-surface-secondary); }
.dashboard-search .form-control:focus { border-color: rgba(var(--aqaron-emerald-rgb),.34); background: var(--tblr-bg-surface); box-shadow: 0 0 0 .2rem rgba(var(--aqaron-emerald-rgb),.08); }
.topbar-actions { margin-inline-start: 1rem; }
.topbar-icon-button { position: relative; display: inline-flex; width: 2.55rem; height: 2.55rem; align-items: center; justify-content: center; padding: 0 !important; border: 0; border-radius: .72rem; background: transparent; }
.topbar-icon-button:hover { color: var(--aqaron-emerald-dark); background: rgba(var(--aqaron-emerald-rgb),.08); }
[data-bs-theme="light"] .theme-icon-dark, [data-bs-theme="dark"] .theme-icon-light { display: none; }
.user-menu-text { line-height: 1.15; }

/* Notifications */
.topbar-notifications { position: relative; }
.notification-count-badge { position: absolute; top: -.2rem; left: -.2rem; display: inline-flex; min-width: 1.2rem; height: 1.2rem; align-items: center; justify-content: center; padding: 0 .28rem; border: 2px solid var(--tblr-bg-surface); border-radius: 999px; font-size: .65rem; line-height: 1; }
.notification-menu { width: 390px; max-width: calc(100vw - 1rem); overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: 1rem; box-shadow: 0 1rem 3rem rgba(0,0,0,.14); }
.notification-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--tblr-border-color); background: linear-gradient(135deg, rgba(var(--aqaron-emerald-rgb),.07), transparent 55%); }
.notification-header h3 { font-size: 1rem; font-weight: 750; }
.notification-scroll { max-height: 22rem; overflow-y: auto; scrollbar-width: thin; }
.notification-item { display: flex; align-items: flex-start; gap: .8rem; padding: 1rem 1.1rem; color: inherit; text-decoration: none; white-space: normal; border-bottom: 1px solid var(--tblr-border-color); }
.notification-item:hover { color: inherit; background: var(--tblr-bg-surface-secondary); }
.notification-item:last-child { border-bottom: 0; }
.notification-content { min-width: 0; flex: 1 1 auto; }
.notification-title, .notification-description { display: block; }
.notification-title { margin-bottom: .2rem; font-weight: 700; }
.notification-description { color: var(--tblr-secondary-color); font-size: .8rem; line-height: 1.6; }
.notification-empty { padding: 2.5rem 1rem; text-align: center; }

/* Page heading */
.app-page-header { padding-block: 1.3rem .7rem; }
.page-pretitle { display: inline-flex; align-items: center; gap: .48rem; color: var(--aqaron-emerald-dark); font-size: .72rem; font-weight: 750; letter-spacing: .035em; }
.page-pretitle-dot { display: inline-block; width: .48rem; height: .48rem; border-radius: 50%; background: var(--aqaron-gold); box-shadow: 0 0 0 .25rem rgba(var(--aqaron-gold-rgb),.12); }
.page-title { color: var(--aqaron-midnight); font-weight: 800; letter-spacing: -.025em; }
[data-bs-theme="dark"] .page-title { color: #f2f7fb; }
.page-description { max-width: 52rem; line-height: 1.75; }
.last-updated-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .48rem .75rem; color: var(--tblr-secondary-color); border: 1px solid var(--tblr-border-color); border-radius: 999px; background: var(--tblr-bg-surface); font-size: .78rem; white-space: nowrap; }

/* Dashboard KPIs */
.dashboard-kpis .card, .secondary-kpis .card { height: 100%; }
.stat-card { position: relative; overflow: hidden; border: 1px solid var(--tblr-border-color-translucent); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.stat-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; background: linear-gradient(90deg, var(--aqaron-emerald), var(--aqaron-gold)); opacity: .72; }
.stat-card::after { position: absolute; top: -3.2rem; left: -3.2rem; width: 7.7rem; height: 7.7rem; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(var(--aqaron-emerald-rgb),.075), transparent 68%); }
.stat-card:hover { border-color: rgba(var(--aqaron-emerald-rgb),.23); box-shadow: var(--aqaron-card-shadow-hover); transform: translateY(-3px); }
.stat-card-attention { border-color: rgba(var(--aqaron-gold-rgb),.48); }
.stat-icon { width: 2.9rem; height: 2.9rem; border-radius: .9rem; }
.secondary-kpis .card-body { min-height: 4.75rem; }
.secondary-kpis .card { border-top: 2px solid rgba(var(--aqaron-midnight-rgb),.10); }
.metric-ltr { direction: ltr; unicode-bidi: isolate; }
.money-value { display: inline-flex; align-items: baseline; gap: .22rem; direction: ltr; unicode-bidi: isolate; }

/* Main chart */
.dashboard-overview-row > [class*="col-"] { display: flex; min-width: 0; }
.dashboard-overview-card { width: 100%; min-height: 31rem; overflow: hidden; }
.dashboard-chart-card { display: flex; flex-direction: column; }
.dashboard-chart-body { flex: 1 1 auto; min-height: 0; }
.dashboard-distribution-footer { margin-top: auto; }
.booking-chart { display: grid; height: 15rem; grid-template-columns: repeat(6, minmax(2.25rem,1fr)); gap: clamp(.45rem,2vw,1.15rem); align-items: end; padding: .75rem .35rem 0; border-bottom: 1px solid var(--tblr-border-color); background-image: linear-gradient(to bottom,transparent 24%,var(--tblr-border-color-translucent) 25%,transparent 26%,transparent 49%,var(--tblr-border-color-translucent) 50%,transparent 51%,transparent 74%,var(--tblr-border-color-translucent) 75%,transparent 76%); }
.booking-chart-column { display: grid; height: 100%; grid-template-rows: 1.4rem 1fr 2rem; align-items: end; text-align: center; }
.booking-chart-value { color: var(--tblr-secondary-color); font-size: .75rem; font-weight: 700; }
.booking-chart-track { display: flex; width: min(2.4rem,76%); height: 100%; align-items: flex-end; justify-self: center; }
.booking-chart-bar { width: 100%; min-height: 3px; border-radius: .6rem .6rem .12rem .12rem; background: linear-gradient(180deg,#36d5ad,var(--aqaron-emerald-dark)); box-shadow: 0 .35rem 1rem rgba(var(--aqaron-emerald-rgb),.20); transition: height .3s ease, filter .16s ease; }
.booking-chart-column:hover .booking-chart-bar { filter: brightness(1.08); }
.booking-chart-label { align-self: center; color: var(--tblr-secondary-color); font-size: .74rem; white-space: nowrap; }
.distribution-list { display: grid; gap: .8rem; }
.distribution-item .progress { background: var(--tblr-bg-surface-secondary); }
.progress-bar.bg-primary { background: linear-gradient(90deg,var(--aqaron-emerald-dark),var(--aqaron-emerald)) !important; }

/* Activity */
.dashboard-activity-card { display: flex; flex-direction: column; }
.dashboard-activity-body { flex: 1 1 auto; min-height: 0; max-height: 25rem; overflow-x: hidden; overflow-y: auto; padding-inline-end: .45rem; overscroll-behavior: contain; scrollbar-width: thin; }
.activity-list { position: relative; display: grid; }
.activity-list::before { position: absolute; top: 1.1rem; right: 1.05rem; bottom: 1.1rem; width: 1px; content: ""; background: linear-gradient(var(--aqaron-emerald),var(--tblr-border-color),var(--aqaron-gold)); }
.activity-item { position: relative; display: flex; gap: .8rem; padding: .72rem 0; }
.activity-icon { position: relative; z-index: 1; flex: 0 0 auto; border: 3px solid var(--tblr-bg-surface); }
.activity-content { padding-top: .12rem; }

/* Lists and management pages */
.dashboard-lists-row > [class*="col-"] { display: flex; min-width: 0; }
.dashboard-list-card { width: 100%; min-width: 0; }
.dashboard-scroll-area, .dashboard-table-scroll { max-height: 31rem; overflow-y: auto; scrollbar-width: thin; }
.dashboard-table thead th, .management-table thead th { position: sticky; top: 0; z-index: 2; color: var(--tblr-secondary-color); background: var(--tblr-bg-surface); box-shadow: inset 0 -1px 0 var(--tblr-border-color); font-size: .72rem; font-weight: 750; white-space: nowrap; }
.dashboard-table tbody tr:last-child td, .management-table tbody tr:last-child td { border-bottom: 0; }
.dashboard-table tbody tr, .management-table tbody tr { transition: background .14s ease; }
.dashboard-table tbody tr:hover, .management-table tbody tr:hover { background: rgba(var(--aqaron-emerald-rgb),.035); }
.property-avatar { width: 2.8rem; height: 2.8rem; flex: 0 0 auto; border-radius: .8rem; object-fit: cover; }
.property-title, .owner-name { max-width: 14rem; }
.booking-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .45rem 1rem; color: var(--tblr-secondary-color); font-size: .75rem; }
.booking-meta > span { display: inline-flex; align-items: center; gap: .3rem; }
.owner-request-notes, .booking-notes { display: -webkit-box; max-width: 36rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--tblr-secondary-color); line-height: 1.65; }
.dashboard-owner-preview { overflow: hidden; }
.management-summary .card { position: relative; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; }
.management-summary .card::after { position: absolute; bottom: -.8rem; left: -1rem; width: 4rem; height: 4rem; content: ""; border-radius: 50%; background: rgba(var(--aqaron-emerald-rgb),.05); }
.management-summary .card:hover { box-shadow: var(--aqaron-card-shadow-hover); transform: translateY(-2px); }
.management-card { overflow: hidden; }
.management-toolbar { padding: .9rem 1rem; border-bottom: 1px solid var(--tblr-border-color); background: linear-gradient(135deg,rgba(var(--aqaron-midnight-rgb),.025),transparent); }
.management-table-wrap { max-height: calc(100vh - 24rem); min-height: 22rem; overflow: auto; }
.management-table td { vertical-align: middle; }
.owner-request-hero { overflow: hidden; border-color: rgba(var(--aqaron-gold-rgb),.32); background: linear-gradient(135deg,rgba(var(--aqaron-gold-rgb),.10),var(--tblr-bg-surface) 58%); }
.owner-request-guidance { max-width: 38rem; line-height: 1.8; }

/* Footer */
.footer { padding-block: 1rem; }
.aqaron-footer { border-top: 1px solid var(--tblr-border-color-translucent); }
.footer-brand-symbol { width: 1.65rem; height: 1.65rem; object-fit: contain; }

/* Authentication */
.auth-page { min-height: 100vh; }
.aqaron-auth-page { background: var(--aqaron-cloud); }
.auth-layout { display: grid; min-height: 100vh; grid-template-columns: minmax(26rem,42%) 1fr; }
.auth-brand-panel { position: relative; display: flex; isolation: isolate; overflow: hidden; flex-direction: column; justify-content: space-between; padding: clamp(2.5rem,5vw,5rem); color: #fff; background: linear-gradient(150deg,#133552 0%,var(--aqaron-midnight) 52%,#061421 100%); }
.auth-brand-panel::before { position: absolute; z-index: -1; top: -8rem; left: -8rem; width: 28rem; height: 28rem; content: ""; border: 1px solid rgba(var(--aqaron-gold-rgb),.18); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(var(--aqaron-gold-rgb),.022),0 0 0 10rem rgba(var(--aqaron-emerald-rgb),.018); }
.auth-brand-panel::after { position: absolute; z-index: -1; right: -6rem; bottom: 8rem; width: 22rem; height: 22rem; content: ""; border-radius: 4rem; background: linear-gradient(145deg,rgba(var(--aqaron-emerald-rgb),.14),transparent 70%); transform: rotate(32deg); }
.auth-brand-content { max-width: 37rem; margin-block: auto; }
.auth-panel-logo { width: min(100%,20rem); height: auto; margin-bottom: 3.5rem; }
.auth-eyebrow { margin-bottom: 1rem; color: var(--aqaron-gold); font-size: .74rem; font-weight: 800; letter-spacing: .18em; }
.auth-brand-content h1 { max-width: 34rem; margin-bottom: 1.2rem; color: #fff; font-size: clamp(2.2rem,4vw,4.4rem); font-weight: 800; line-height: 1.16; letter-spacing: -.035em; }
.auth-brand-content p { max-width: 35rem; color: rgba(255,255,255,.67); font-size: 1.05rem; line-height: 1.95; }
.auth-feature-list { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
.auth-feature-list span { display: inline-flex; align-items: center; gap: .42rem; padding: .55rem .8rem; color: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.10); border-radius: 999px; background: rgba(255,255,255,.05); font-size: .78rem; }
.auth-feature-list .icon { width: 1rem; height: 1rem; color: #55d9b6; }
.auth-panel-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: rgba(255,255,255,.42); font-size: .75rem; letter-spacing: .04em; }
.auth-status { display: inline-flex; align-items: center; gap: .45rem; }
.auth-status i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--aqaron-emerald); box-shadow: 0 0 0 .25rem rgba(var(--aqaron-emerald-rgb),.13); }
.auth-form-panel { display: grid; place-items: center; padding: 2rem; background: radial-gradient(circle at 88% 12%,rgba(var(--aqaron-emerald-rgb),.08),transparent 25rem),radial-gradient(circle at 10% 90%,rgba(var(--aqaron-gold-rgb),.07),transparent 22rem),var(--tblr-bg-surface-secondary); }
.auth-form-wrap { width: min(100%,31rem); }
.auth-mobile-brand { display: none; margin-bottom: 2rem; text-align: center; }
.auth-mobile-brand img { width: min(100%,16rem); }
.auth-card { width: 100%; overflow: hidden; border: 1px solid var(--tblr-border-color-translucent); box-shadow: 0 1.8rem 5rem rgba(11,31,51,.10); }
.auth-brand-mark { display: inline-grid; width: 4rem; height: 4rem; place-items: center; border: 1px solid rgba(var(--aqaron-emerald-rgb),.16); border-radius: 1.15rem; background: linear-gradient(145deg,rgba(var(--aqaron-emerald-rgb),.11),rgba(var(--aqaron-gold-rgb),.08)); }
.auth-brand-mark img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.auth-form-kicker { margin-bottom: .5rem; color: var(--aqaron-emerald-dark); font-size: .73rem; font-weight: 750; }
.auth-card .form-control-lg { min-height: 3.25rem; font-size: .95rem; }
.auth-security-note { color: var(--aqaron-emerald-dark); font-size: .76rem; font-weight: 650; }
.auth-submit { min-height: 3.2rem; }
.auth-copyright { margin-top: 1.4rem; color: var(--tblr-secondary-color); font-size: .75rem; text-align: center; }
.auth-shell { display: grid; min-height: 100vh; place-items: center; padding: 2rem 1rem; background: radial-gradient(circle at 12% 16%,rgba(var(--aqaron-emerald-rgb),.11),transparent 28rem),radial-gradient(circle at 88% 90%,rgba(var(--aqaron-gold-rgb),.08),transparent 24rem),var(--tblr-bg-surface-secondary); }
.access-denied-logo { width: 5rem; height: 5rem; }

/* Scrollbars */
.dashboard-activity-body::-webkit-scrollbar,.dashboard-scroll-area::-webkit-scrollbar,.management-table-wrap::-webkit-scrollbar,.notification-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.dashboard-activity-body::-webkit-scrollbar-track,.dashboard-scroll-area::-webkit-scrollbar-track,.management-table-wrap::-webkit-scrollbar-track,.notification-scroll::-webkit-scrollbar-track { background: transparent; }
.dashboard-activity-body::-webkit-scrollbar-thumb,.dashboard-scroll-area::-webkit-scrollbar-thumb,.management-table-wrap::-webkit-scrollbar-thumb,.notification-scroll::-webkit-scrollbar-thumb { background: var(--tblr-border-color); border-radius: 999px; }

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg { width: var(--aqaron-sidebar-width); }
    .navbar-vertical.navbar-expand-lg ~ .page-wrapper { margin-right: var(--aqaron-sidebar-width); margin-left: 0; }
    .navbar-vertical .navbar-collapse { min-height: calc(100vh - 5.25rem); }
}
@media (min-width: 1200px) {
    .dashboard-overview-card { height: 31rem; min-height: 31rem; max-height: 31rem; }
    .dashboard-activity-body { max-height: none; }
}
@media (max-width: 991.98px) {
    .navbar-vertical .navbar-collapse { padding-bottom: 1rem; }
    .app-topbar { position: relative; }
    .management-table-wrap { max-height: none; }
    .auth-layout { grid-template-columns: 1fr; }
    .auth-brand-panel { display: none; }
    .auth-mobile-brand { display: block; }
    .auth-form-panel { min-height: 100vh; }
}
@media (max-width: 767.98px) {
    .page-title { font-size: 1.4rem; }
    .app-page-header { padding-top: .9rem; }
    .topbar-actions { margin-inline-start: .25rem; }
    .booking-chart { height: 12rem; gap: .35rem; }
    .property-title,.owner-name { max-width: 9rem; }
    .dashboard-overview-card { min-height: auto; }
    .dashboard-activity-body { max-height: 25rem; }
    .dashboard-scroll-area,.dashboard-table-scroll { max-height: 28rem; }
}
@media (max-width: 575.98px) {
    .notification-menu { position: fixed !important; top: 4.25rem !important; right: .5rem !important; left: .5rem !important; width: auto; max-width: none; transform: none !important; }
    .secondary-kpis .card-body { padding: .75rem; gap: .5rem !important; }
    .secondary-kpis .avatar { display: none; }
    .booking-meta { align-items: flex-start; flex-direction: column; }
    .auth-form-panel { padding: 1rem; }
    .auth-card .card-body { padding: 1.5rem !important; }
    .topbar-mobile-brand span { display: none; }
}
@media print {
    .aqaron-sidebar,.app-topbar,.app-page-header .btn,.footer { display: none !important; }
    .navbar-vertical.navbar-expand-lg ~ .page-wrapper { margin: 0 !important; }
    .card { box-shadow: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,*::before,*::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


/* ==========================================================
   Phase 02: application shell, navigation, feedback and RTL UX
   ========================================================== */
.skip-to-content {
    position: fixed;
    z-index: 2000;
    inset-block-start: .75rem;
    inset-inline-start: 50%;
    padding: .65rem 1rem;
    color: #fff;
    border-radius: .7rem;
    background: var(--aqaron-midnight);
    box-shadow: var(--aqaron-card-shadow-hover);
    text-decoration: none;
    transform: translate(-50%, -180%);
    transition: transform .16s ease;
}
.skip-to-content:focus { transform: translate(-50%, 0); }
:focus-visible { outline: 3px solid rgba(var(--aqaron-emerald-rgb), .32); outline-offset: 2px; }
#main-content:focus { outline: none; }

.sidebar-brand-logo-compact { display: none; width: 2.65rem; height: 2.65rem; }
.sidebar-account { display: flex; min-width: 0; align-items: center; gap: .65rem; }
.sidebar-user-details { flex: 1 1 auto; }
.sidebar-logout-form { flex: 0 0 auto; }
.sidebar-logout-button {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: rgba(255,255,255,.62);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .65rem;
    background: rgba(255,255,255,.035);
    transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.sidebar-logout-button:hover,
.sidebar-logout-button:focus-visible {
    color: #fff;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
}
.sidebar-toggle-icon { transition: transform .18s ease; }

.mobile-search-menu { width: min(24rem, calc(100vw - 1rem)); }
.user-menu-trigger { border: 0; background: transparent; }
.user-account-menu { min-width: 14rem; }
.notification-footer {
    padding: .7rem 1rem;
    border-top: 1px solid var(--tblr-border-color);
    background: var(--tblr-bg-surface-secondary);
    text-align: center;
}
.notification-footer a { color: var(--aqaron-emerald-dark); font-size: .78rem; font-weight: 700; text-decoration: none; }
.notification-footer a:hover { text-decoration: underline; }

.aqaron-breadcrumb { margin-bottom: .65rem; }
.aqaron-breadcrumb .breadcrumb { align-items: center; gap: .08rem; font-size: .75rem; }
.aqaron-breadcrumb .breadcrumb-item { display: inline-flex; align-items: center; color: var(--tblr-secondary-color); }
.aqaron-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--tblr-border-color); }
.aqaron-breadcrumb .breadcrumb-item a { display: inline-flex; align-items: center; gap: .32rem; color: var(--tblr-secondary-color); text-decoration: none; }
.aqaron-breadcrumb .breadcrumb-item a:hover { color: var(--aqaron-emerald-dark); }
.aqaron-breadcrumb .breadcrumb-item.active { color: var(--aqaron-text); font-weight: 650; }
[data-bs-theme="dark"] .aqaron-breadcrumb .breadcrumb-item.active { color: #e7eef5; }
.page-header-actions { min-height: 2.55rem; }

.flash-message-region:empty { display: none; }
.aqaron-flash-alert {
    position: relative;
    overflow: hidden;
    padding-block: .9rem;
    padding-inline: 1rem 3rem;
    border-width: 1px;
    border-radius: var(--aqaron-radius);
    box-shadow: var(--aqaron-card-shadow);
}
.aqaron-flash-alert::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 3px;
    content: "";
    background: currentColor;
    opacity: .8;
}
.aqaron-flash-alert .alert-visual {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    background: rgba(255,255,255,.32);
}
.aqaron-flash-alert .alert-title { margin-bottom: .14rem; font-weight: 750; }
.aqaron-flash-alert .alert-message { line-height: 1.65; }
.aqaron-inline-alert { border-radius: var(--aqaron-radius); box-shadow: var(--aqaron-card-shadow); }

.aqaron-confirm-modal { overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: 1rem; }
.confirm-modal-icon { width: 3.5rem; height: 3.5rem; }
.aqaron-confirm-modal .modal-footer { border-top-color: var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
form[aria-busy="true"] { pointer-events: none; }
form[aria-busy="true"] button[type="submit"] { cursor: wait; opacity: .78; }

.footer-brand-link { display: inline-flex; align-items: center; gap: .55rem; color: var(--tblr-secondary-color); text-decoration: none; }
.footer-brand-link:hover { color: var(--aqaron-emerald-dark); }
.footer-meta { justify-content: flex-end; }

@media (min-width: 992px) {
    html[data-sidebar-state="collapsed"] .navbar-vertical.navbar-expand-lg {
        width: var(--aqaron-sidebar-collapsed-width);
    }
    html[data-sidebar-state="collapsed"] .navbar-vertical.navbar-expand-lg ~ .page-wrapper {
        margin-right: var(--aqaron-sidebar-collapsed-width);
    }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .container-fluid { padding-inline: .55rem; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .navbar-brand { padding-inline: .2rem; }
    html[data-sidebar-state="collapsed"] .sidebar-brand-logo-full { display: none; }
    html[data-sidebar-state="collapsed"] .sidebar-brand-logo-compact { display: block; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .navbar-nav { align-items: stretch; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .nav-link { justify-content: center; padding-inline: .55rem; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .nav-link-icon { margin-inline: 0; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .nav-link-title,
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .sidebar-nav-badge,
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .sidebar-section-item,
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .sidebar-user-details { display: none; }
    html[data-sidebar-state="collapsed"] .aqaron-sidebar .nav-item.active > .nav-link::before { inset-inline-end: -.55rem; }
    html[data-sidebar-state="collapsed"] .sidebar-account { flex-direction: column; justify-content: center; padding-inline: 0 !important; }
    html[data-sidebar-state="collapsed"] .sidebar-logout-form { margin-inline-start: 0 !important; }
    html[data-sidebar-state="collapsed"] .sidebar-toggle-icon { transform: rotate(180deg); }
}

@media (max-width: 767.98px) {
    .app-topbar .container-xl { min-height: 4rem; }
    .page-header-actions { justify-content: flex-start !important; }
    .page-header-actions .last-updated-chip { max-width: 100%; white-space: normal; }
    .aqaron-flash-alert { padding-inline-end: 2.75rem; }
    .footer-meta { justify-content: flex-start; }
}

@media (max-width: 575.98px) {
    .topbar-mobile-brand { margin-inline-end: .25rem; }
    .topbar-mobile-brand img { width: 6rem; }
    .topbar-actions { gap: 0 !important; }
    .topbar-icon-button { width: 2.35rem; height: 2.35rem; }
    .user-dropdown { margin-inline-start: 0 !important; }
    .user-dropdown .avatar { width: 2.15rem; height: 2.15rem; }
    .aqaron-breadcrumb { overflow-x: auto; padding-bottom: .15rem; scrollbar-width: none; }
    .aqaron-breadcrumb::-webkit-scrollbar { display: none; }
    .aqaron-breadcrumb .breadcrumb { flex-wrap: nowrap; white-space: nowrap; }
    .footer-brand-link { align-items: flex-start; }
}