/* DXB Trends identity for owner and staff dashboards (DXB Menus back office & POS, the DXB Suite apps).
   Loaded after each app's own stylesheet: same dark DXB sidebar, gradient highlights, fonts and buttons everywhere. */
:root{--side:#0D0B15;--side-2:#1D1929;--side-ink:#CFC9DE;--accent:#E5177A;--accent-ink:#B30F5F;--bg:#F6F5FA;--soft:#EFECF6;--line:#E4E0EC;
  --lime:#C6FF3D;--lime-ink:#1A2000;--display:var(--dxb-display);--sans:var(--dxb-body)}
.side{background:radial-gradient(240px 220px at 0 0,rgba(255,46,136,.22),transparent 70%),radial-gradient(260px 260px at 100% 100%,rgba(123,92,255,.24),transparent 70%),var(--side)!important}
.side .dxb-lockup{margin:0 4px 18px}
.side .dxb-lockup b{color:#fff;font-size:15.5px}
.side .who{padding:10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.side nav button:hover{background:var(--side-2);color:#fff}
.side nav button[aria-current="page"]{background:linear-gradient(120deg,#FF2E88,#FF8A00 60%,#7B5CFF)!important;color:#fff!important;font-weight:800;box-shadow:0 10px 24px -12px rgba(255,46,136,.85)}
.side nav button[aria-current="page"] svg{color:#fff}
.side nav .n{color:#E5177A}
.side .foot a:hover,.side .foot button:hover{background:var(--side-2)}
.side .foot .dxb-powered{margin:10px 4px 0;color:var(--side-ink);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);align-self:flex-start}
.btn{background:linear-gradient(120deg,#E5177A,#FF5A36);color:#fff}
.btn:hover{background:linear-gradient(120deg,#C9126A,#F04A28);color:#fff}
.btn.lime{background:var(--lime);color:var(--lime-ink)}.btn.lime:hover{background:#B5F02A;color:var(--lime-ink)}
.auth .art{background:radial-gradient(420px 360px at 0 0,rgba(255,46,136,.45),transparent 70%),radial-gradient(480px 420px at 100% 100%,rgba(123,92,255,.45),transparent 70%),radial-gradient(360px 300px at 80% 20%,rgba(255,138,0,.28),transparent 70%),#09080F!important;color:#fff!important;position:relative;overflow:hidden}
.auth .art .dxb-lockup b{font-size:20px}
.auth .art .dxb-lockup img{width:48px;height:48px;border-radius:14px}
.auth .art h2{font-family:var(--dxb-display)!important;letter-spacing:-.04em}
.auth .art h2 em{font-style:normal;background:var(--dxb-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dxb-grad 8s linear infinite}
.auth .art .dxb-powered{align-self:flex-start;color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
/* a client without an uploaded logo gets a crafted monogram in their own colour */
.side .who .mono{background:linear-gradient(135deg,var(--accent),#7B5CFF)!important;color:#fff!important;font-family:var(--dxb-display)!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -8px rgba(255,46,136,.7)}
h1,h2,h3{font-family:var(--dxb-display)}