/* =========================================================
   Librioo Modern UI Refresh
   Global visual system loaded after the legacy theme.
   Scope: public pages, library, blog, accounts, marketplace,
   profiles, writer/pro dashboards, notifications and forms.
   ========================================================= */

:root{
  --lx-ink:#101423;
  --lx-ink-2:#273044;
  --lx-muted:#667085;
  --lx-soft:#f7f2ea;
  --lx-bg:#fbf7f1;
  --lx-bg-2:#fffaf3;
  --lx-card:rgba(255,255,255,.86);
  --lx-card-solid:#ffffff;
  --lx-border:rgba(91,72,48,.13);
  --lx-border-strong:rgba(91,72,48,.24);
  --lx-brand:#7c3aed;
  --lx-brand-2:#c084fc;
  --lx-accent:#f59e0b;
  --lx-pink:#e879f9;
  --lx-green:#10b981;
  --lx-danger:#ef4444;
  --lx-radius-xs:10px;
  --lx-radius-sm:14px;
  --lx-radius:22px;
  --lx-radius-lg:32px;
  --lx-shadow-xs:0 1px 2px rgba(44,33,20,.06);
  --lx-shadow-sm:0 10px 28px rgba(44,33,20,.08);
  --lx-shadow:0 22px 70px rgba(44,33,20,.13);
  --lx-shadow-hover:0 32px 90px rgba(44,33,20,.18);
  --lx-ring:0 0 0 4px rgba(124,58,237,.16);
  --lx-max:1240px;
  --lx-max-wide:1540px;
  --lx-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --lx-serif:"Playfair Display",Georgia,serif;
}

[data-bs-theme="dark"]{
  --lx-ink:#eef2ff;
  --lx-ink-2:#d7def0;
  --lx-muted:#9aa6bc;
  --lx-soft:#0c1020;
  --lx-bg:#070914;
  --lx-bg-2:#0d1020;
  --lx-card:rgba(13,18,34,.78);
  --lx-card-solid:#101626;
  --lx-border:rgba(203,213,225,.13);
  --lx-border-strong:rgba(203,213,225,.22);
  --lx-shadow-xs:0 1px 2px rgba(0,0,0,.22);
  --lx-shadow-sm:0 12px 30px rgba(0,0,0,.28);
  --lx-shadow:0 26px 70px rgba(0,0,0,.42);
  --lx-shadow-hover:0 34px 90px rgba(0,0,0,.55);
  --lx-ring:0 0 0 4px rgba(192,132,252,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body.librioo-modern-shell,
body{
  min-height:100vh;
  background:
    radial-gradient(900px 520px at 6% -8%, rgba(124,58,237,.16), transparent 64%),
    radial-gradient(760px 460px at 100% 0%, rgba(245,158,11,.13), transparent 62%),
    linear-gradient(180deg,var(--lx-bg),var(--lx-bg-2) 46%,var(--lx-bg));
  color:var(--lx-ink);
  font-family:var(--lx-font);
  letter-spacing:-.005em;
}
[data-bs-theme="dark"] body{
  background:
    radial-gradient(900px 520px at 8% -12%, rgba(124,58,237,.22), transparent 64%),
    radial-gradient(700px 460px at 100% 0%, rgba(14,165,233,.12), transparent 60%),
    linear-gradient(180deg,var(--lx-bg),var(--lx-bg-2) 56%,var(--lx-bg));
}
::selection{background:rgba(124,58,237,.18);color:var(--lx-ink)}
a{color:var(--lx-brand);text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:none;color:color-mix(in srgb,var(--lx-brand) 82%,#111)}
img{max-width:100%}
hr{border-color:var(--lx-border);opacity:1}

/* Focus and accessibility */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:0!important;
  box-shadow:var(--lx-ring)!important;
}

/* Generic layout helpers */
.container{max-width:var(--lx-max);padding-inline:20px}
.container-fluid{padding-inline:clamp(16px,3vw,38px)}
main{position:relative;z-index:1}
main > .container,
main > .container-fluid,
main > section .container,
main > section .container-fluid{position:relative}
.section,.sec-padding,.section-list{padding-block:clamp(28px,5vw,72px)}
.pt-70{padding-top:clamp(38px,6vw,86px)!important}
.pb-300{padding-bottom:clamp(64px,10vw,140px)!important}

/* =========================================================
   Header / Navigation
   ========================================================= */
header{position:sticky;top:0;z-index:1000;pointer-events:none;padding:12px 12px 0}
.navbar.style-1,
.navbar{
  pointer-events:auto;
  width:min(var(--lx-max-wide),calc(100vw - 24px));
  margin:0 auto;
  padding:12px clamp(14px,2vw,24px)!important;
  min-height:72px;
  border:1px solid var(--lx-border);
  border-radius:calc(var(--lx-radius-lg) + 2px);
  background:color-mix(in srgb,var(--lx-card) 88%,transparent);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:var(--lx-shadow-sm);
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease,background .25s ease;
}
.navbar.is-scrolled{box-shadow:var(--lx-shadow);border-color:var(--lx-border-strong);transform:translateY(-1px)}
.navbar-brand img,.sidebar-brand img,footer img{height:auto;filter:drop-shadow(0 8px 18px rgba(44,33,20,.05))}
.navbar-brand{display:flex!important;align-items:center;gap:12px;color:var(--lx-ink)!important}
.navbar .text-muted{color:var(--lx-muted)!important;font-weight:650}
.navbar-nav{align-items:center;gap:6px}
.navbar .nav-link,
.sidebar-left .nav-link,
.sidebar-left a{
  display:inline-flex!important;
  align-items:center;
  gap:.5rem;
  border-radius:999px;
  padding:.62rem .9rem!important;
  color:var(--lx-ink-2)!important;
  font-weight:820;
  line-height:1;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.navbar .nav-link:hover,
.sidebar-left .nav-link:hover,
.sidebar-left a:hover{
  background:rgba(124,58,237,.09);
  color:var(--lx-brand)!important;
  transform:translateY(-1px);
}
.navbar .nav-link span{position:relative}
.badge-new{background:linear-gradient(135deg,#fef3c7,#fed7aa);box-shadow:0 7px 16px rgba(245,158,11,.18)}
.user-dropdown .dropdown-toggle{background:rgba(255,255,255,.48);border:1px solid var(--lx-border)}
[data-bs-theme="dark"] .user-dropdown .dropdown-toggle{background:rgba(15,23,42,.38)}
.avatar-xs,.avatar-circle{box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.avatar-circle{background:linear-gradient(135deg,var(--lx-brand),var(--lx-brand-2));color:white;font-weight:900}
.navbar .dropdown-menu{
  background:var(--lx-card-solid)!important;
  border:1px solid var(--lx-border)!important;
  border-radius:20px!important;
  padding:8px!important;
  box-shadow:var(--lx-shadow)!important;
}
.dropdown-item{font-weight:760;color:var(--lx-ink)!important;border-radius:14px!important;padding:.65rem .75rem!important}
.dropdown-item:hover{background:rgba(124,58,237,.09)!important;color:var(--lx-brand)!important}
.search-btn{border:1px solid var(--lx-border);border-radius:999px;padding:.45rem .7rem;background:rgba(255,255,255,.42)}
[data-bs-theme="dark"] .search-btn{background:rgba(15,23,42,.36)}
.dark-light-switcher,.navbar-toggler{border:1px solid var(--lx-border);border-radius:999px;background:rgba(255,255,255,.5);width:42px;height:42px;display:inline-grid!important;place-items:center}
[data-bs-theme="dark"] .dark-light-switcher,[data-bs-theme="dark"] .navbar-toggler{background:rgba(15,23,42,.48)}

/* Mobile sidebar */
.sidebar-left{
  background:var(--lx-card-solid)!important;
  border-right:1px solid var(--lx-border);
  box-shadow:var(--lx-shadow);
  padding:20px!important;
}
.sidebar-left .header-sidebar{border-bottom:1px solid var(--lx-border);margin-bottom:14px}
.sidebar-left .collapse-menu{padding-left:.5rem}
.sidebar-overlay,.popup-search-overlay{backdrop-filter:blur(8px)}

/* =========================================================
   Hero sections
   ========================================================= */
.sec-1-home-1,.lx-hero,.book-hero,.profile-hero,section.hero,.hero{
  position:relative;
  overflow:hidden;
  border-radius:0 0 46px 46px;
  margin-top:0;
  padding-block:clamp(54px,7vw,108px)!important;
  background:
    radial-gradient(700px 340px at 24% 0%, rgba(124,58,237,.22), transparent 60%),
    radial-gradient(640px 360px at 78% 6%, rgba(245,158,11,.17), transparent 62%),
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,248,238,.5))!important;
}
[data-bs-theme="dark"] .sec-1-home-1,
[data-bs-theme="dark"] .lx-hero,
[data-bs-theme="dark"] .book-hero,
[data-bs-theme="dark"] .profile-hero,
[data-bs-theme="dark"] section.hero,
[data-bs-theme="dark"] .hero{
  background:
    radial-gradient(700px 340px at 24% 0%, rgba(124,58,237,.26), transparent 60%),
    radial-gradient(640px 360px at 78% 6%, rgba(14,165,233,.16), transparent 62%),
    linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.36))!important;
}
.sec-1-home-1:after,.lx-hero:after,.book-hero:after,.profile-hero:after,section.hero:after,.hero:after{
  content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--lx-border-strong),transparent)
}
.ds-2,.hero h1,.h-title,.book-title,.profile-hero h1,.lx-genre-feature__title{
  color:var(--lx-ink)!important;
  font-weight:950!important;
  letter-spacing:-.052em!important;
  line-height:.98!important;
}
.ds-2{font-size:clamp(2.7rem,7vw,6.4rem)!important}
.hero p,.h-sub,.hero-sub,.fs-5,.text-anime-style-1{color:var(--lx-muted)!important;line-height:1.65}
.count-pill,.hero .count-pill{
  display:inline-flex;align-items:center;gap:.4rem;
  margin-top:1rem;
  border:1px solid var(--lx-border);
  border-radius:999px;
  padding:.48rem .9rem;
  background:var(--lx-card);
  color:var(--lx-ink-2);
  font-weight:820;
  box-shadow:var(--lx-shadow-xs);
}

/* =========================================================
   Cards / panels, applies across all apps
   ========================================================= */
.card,.post-card,.book-card,.bk-card,.bk7-card,.panel,.side-card,.notif,.svc-card,.pro-card,.pack-card,
.col-card,.lx-stat,.lx-block,.lx-chart,.wall-hero,.wall-wrap .item,.profile-card,.empty,.filter,.mp-filters,
.service-row,.pack-row,.request-card,.dashboard-card,.pricing-card,.article,.card-7,.card-10,.book-item,.bk7-sheet{
  background:var(--lx-card)!important;
  border:1px solid var(--lx-border)!important;
  border-radius:var(--lx-radius)!important;
  box-shadow:var(--lx-shadow-sm)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.post-card,.book-card,.bk-card,.bk7-card,.svc-card,.pro-card,.pack-card,.col-card,.notif,.wall-wrap .item,.article,.card-7,.card-10{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.post-card:hover,.book-card:hover,.bk-card:hover,.bk7-card:hover,.svc-card:hover,.pro-card:hover,.pack-card:hover,.col-card:hover,.notif:hover,.wall-wrap .item:hover,.article:hover,.card-7:hover,.card-10:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(124,58,237,.24)!important;
  box-shadow:var(--lx-shadow-hover)!important;
}
.content,.card-body,.panel__body{color:var(--lx-ink-2)}

/* Book covers and image treatments */
.cover-wrap,.bk7-cover,.cover-2x3,.lx-thumb-book,.thumb-wrap,.lx-topic-thumb,.col-cover,.profile-cover,.svc-avatar,.pro-avatar,.avatar-xl{
  box-shadow:0 20px 42px rgba(44,33,20,.14);
}
.cover-wrap,.bk7-cover,.cover-2x3,.lx-thumb-book,.thumb-wrap,.col-cover{
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(135deg,#f5efe4,#efe7d7);
}
[data-bs-theme="dark"] .cover-wrap,[data-bs-theme="dark"] .bk7-cover,[data-bs-theme="dark"] .cover-2x3,[data-bs-theme="dark"] .lx-thumb-book,[data-bs-theme="dark"] .thumb-wrap,[data-bs-theme="dark"] .col-cover{
  background:linear-gradient(135deg,#1e293b,#0f172a);border-color:rgba(255,255,255,.08)
}
.thumb,.cover-img,.bk7-cover img,.cover-2x3 img,.lx-cover-img,.lx-author-img,.pro-avatar,.svc-avatar,.avatar-xl{object-fit:cover}

/* Typography */
h1,h2,h3,h4,h5,h6{color:var(--lx-ink);letter-spacing:-.03em}
h1,h2,.title,.book-title,.bk7-title,.post-card .title,.pro-name,.svc-title,.pack-title{font-weight:930!important}
.muted,.text-muted,.hero-sub,.book-author,.book-desc,.subtitle,.h-sub,.pro-sub,.svc-meta,.svc-desc,.pack-sub,.notif-text,.notif-meta,.count,.auser,.bk7-author,.bkR-meta .m{color:var(--lx-muted)!important}
.text-dark,.text-900{color:var(--lx-ink)!important}
.text-600,.text-500{color:var(--lx-muted)!important}

/* =========================================================
   Buttons, links, chips, badges
   ========================================================= */
.btn,.btnx,.mp-btn,.lx-btn,.page-link,.page,.chip,.tag,.badge,.bk7-chip,.lx-tab,.bk7-tb,.lx-iconbtn,.col-actions button,
button[type="submit"],input[type="submit"]{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
.btn,.btnx,.mp-btn,.lx-btn,.page-link,.page,
button[type="submit"],input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;gap:.52rem;
  min-height:42px;
  border-radius:999px!important;
  border:1px solid var(--lx-border)!important;
  background:var(--lx-card-solid)!important;
  color:var(--lx-ink)!important;
  padding:.65rem 1rem!important;
  font-weight:860!important;
  box-shadow:var(--lx-shadow-xs);
}
.btn:hover,.btnx:hover,.mp-btn:hover,.lx-btn:hover,.page-link:hover,.page:hover,
button[type="submit"]:hover,input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:var(--lx-shadow-sm);
  border-color:rgba(124,58,237,.28)!important;
}
.btn-dark,.btn-primary,.btnx-primary,.mp-btn--primary,.lx-btn--brand,.button-effect-1,
button[type="submit"],input[type="submit"],.bk7-tb--primary,.bk7-tb--fav-active,.page-link.is-active,.page.active,
.chip[data-active="true"],.chip.is-active,.lx-tab.is-active{
  background:linear-gradient(135deg,var(--lx-brand),#a855f7 52%,#d946ef)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(124,58,237,.28)!important;
}
.btn-outline-primary,.btnx-ghost,.btn-clear{background:transparent!important;color:var(--lx-brand)!important;border-color:rgba(124,58,237,.22)!important}
.chip,.tag,.badge,.bk7-chip,.lx-tab,.filter-list label,.active-filters .tag,.svc-badges .badge{
  display:inline-flex;align-items:center;gap:.4rem;
  border-radius:999px!important;
  border:1px solid var(--lx-border)!important;
  background:color-mix(in srgb,var(--lx-card-solid) 78%,transparent)!important;
  color:var(--lx-ink-2)!important;
  font-size:.84rem;
  font-weight:780!important;
  padding:.42rem .75rem!important;
}
.chip:hover,.tag:hover,.bk7-chip:hover,.lx-tab:hover{border-color:rgba(124,58,237,.28)!important;color:var(--lx-brand)!important;background:rgba(124,58,237,.08)!important}
.badge-serial,.bk7-chip[data-v="serial"]{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
.badge-closed,.bk7-chip[data-v="closed"],.badge-free{background:#ecfdf5!important;color:#065f46!important;border-color:#bbf7d0!important}
.badge-paid,.bk7-chip[data-v="paid"]{background:#eef2ff!important;color:#3730a3!important;border-color:#c7d2fe!important}
.badge-draft{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
[data-bs-theme="dark"] .badge-serial,[data-bs-theme="dark"] .bk7-chip[data-v="serial"]{background:rgba(251,146,60,.16)!important;color:#fed7aa!important;border-color:rgba(251,146,60,.28)!important}
[data-bs-theme="dark"] .badge-closed,[data-bs-theme="dark"] .bk7-chip[data-v="closed"],[data-bs-theme="dark"] .badge-free{background:rgba(16,185,129,.13)!important;color:#a7f3d0!important;border-color:rgba(16,185,129,.28)!important}
[data-bs-theme="dark"] .badge-paid,[data-bs-theme="dark"] .bk7-chip[data-v="paid"]{background:rgba(99,102,241,.18)!important;color:#c7d2fe!important;border-color:rgba(99,102,241,.34)!important}

/* =========================================================
   Forms and search
   ========================================================= */
.form-control,.form-select,.mp-input,.mp-select,.in,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea,
.searchbar,.lx-search,.sort-label{
  border:1px solid var(--lx-border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--lx-card-solid) 88%,transparent)!important;
  color:var(--lx-ink)!important;
}
.form-control,.form-select,.mp-input,.mp-select,.in,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea{
  min-height:46px;
  padding:.74rem .9rem!important;
  box-shadow:var(--lx-shadow-xs);
}
textarea{min-height:132px;resize:vertical}
.form-control:focus,.form-select:focus,.mp-input:focus,.mp-select:focus,.in:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(124,58,237,.42)!important;
  box-shadow:var(--lx-ring),var(--lx-shadow-xs)!important;
  outline:0!important;
}
.form-label,.mp-label,.lbl,label{color:var(--lx-ink-2)!important;font-weight:820!important;margin-bottom:.38rem}
.form-check-input{accent-color:var(--lx-brand)}
.searchbar,.mp-filters,.toolbelt{box-shadow:var(--lx-shadow-sm)!important}
.searchbar input,.searchbar select{box-shadow:none!important;background:transparent!important}
.alert{border-radius:18px!important;border:1px solid var(--lx-border)!important;box-shadow:var(--lx-shadow-xs)}
.alert-danger,.err{background:rgba(239,68,68,.10)!important;color:#991b1b!important;border-color:rgba(239,68,68,.22)!important}
.alert-success,.ok{background:rgba(16,185,129,.10)!important;color:#065f46!important;border-color:rgba(16,185,129,.22)!important}
.helptext,.hint,.small{color:var(--lx-muted)!important}

/* =========================================================
   Book/library grids
   ========================================================= */
.book-grid,.cards,.grid,.author-grid-wrap,.col-rail,.lx-list,.notif-list,.feed{
  gap:clamp(14px,2vw,24px)!important;
}
.book-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}
.discover-wrap,.wrap,.wall-wrap,.profile-wrap,.section-list .grid,.lx-main{
  max-width:var(--lx-max-wide)!important;
  margin-inline:auto!important;
  padding-inline:clamp(16px,2.6vw,34px)!important;
}
.bk7-row{grid-template-columns:minmax(104px,148px) 1fr!important;gap:18px!important}
.bk7-title{font-size:clamp(1rem,1.2vw,1.16rem)!important}
.bk7-cover,.cover-2x3{border-radius:20px!important}
.book-stats{padding-left:0!important}
.book-stats li{display:inline-flex;align-items:center}

/* =========================================================
   Blog
   ========================================================= */
.post-card{overflow:hidden!important}
.post-card .thumb-wrap{border-radius:18px!important;margin:12px 12px 0;overflow:hidden;border:1px solid var(--lx-border)}
.post-card .content{padding:16px 18px 18px!important}
.post-card .title{display:block;color:var(--lx-ink)!important;font-size:1.05rem;line-height:1.24}
.meta,.post-meta,.byline,.rating-text{color:var(--lx-muted)!important}
.sidebar .side-card{padding:20px!important}
.tags-cloud,.filters-active,.chips{gap:.55rem!important}
.pagination{gap:8px!important}

/* =========================================================
   Profiles, marketplace, dashboards, wall
   ========================================================= */
.profile-hero{text-align:center!important}
.avatar-xl{border:4px solid color-mix(in srgb,var(--lx-card-solid) 80%,transparent)!important}
.h-actions,.actions,.pro-foot,.svc-foot,.pack-foot,.mp-actions,.cols-actions,.lx-actions{gap:.7rem!important;flex-wrap:wrap}
.profile-card,.profile-section,.panel,.side-card,.wall-hero,.lx-float,.lx-block{padding:clamp(18px,2vw,26px)!important}
.pro-head,.svc-top,.pack-top,.notif,.wall-wrap .item{gap:14px!important}
.pro-avatar,.svc-avatar{border-radius:18px!important;border:1px solid var(--lx-border)}
.pro-name,.svc-name,.pack-title{color:var(--lx-ink)!important}
.mp-filters{padding:16px!important;margin-bottom:22px!important}
.mp-filters__row{gap:14px!important;align-items:end!important}
.wall-hero h1{font-size:clamp(2.2rem,5vw,4rem)!important}
.wall-wrap .item{padding:16px!important;color:var(--lx-ink)!important}
.notif{padding:18px!important}
.notif.unread{border-color:rgba(124,58,237,.32)!important;background:linear-gradient(135deg,rgba(124,58,237,.10),var(--lx-card))!important}
.notif-title{font-size:1.05rem!important;margin-bottom:.25rem!important}

/* =========================================================
   Auth pages and simple state pages
   ========================================================= */
.lx-auth-shell{
  min-height:calc(100vh - 160px);
  display:grid;
  place-items:center;
  padding:clamp(32px,6vw,86px) 16px;
}
.lx-auth-card{
  width:min(100%,1040px);
  display:grid;
  grid-template-columns:1.05fr .95fr;
  overflow:hidden;
  border:1px solid var(--lx-border);
  border-radius:38px;
  background:var(--lx-card);
  box-shadow:var(--lx-shadow);
  backdrop-filter:blur(22px) saturate(140%);
}
.lx-auth-brand{
  position:relative;
  padding:clamp(26px,5vw,56px);
  min-height:520px;
  background:
    radial-gradient(340px 240px at 24% 20%,rgba(255,255,255,.36),transparent 64%),
    linear-gradient(135deg,#5b21b6,#7c3aed 48%,#d946ef);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}
.lx-auth-brand:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.2);border-radius:28px;pointer-events:none}
.lx-auth-brand h1{color:#fff!important;font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:.98;margin:0;font-weight:950;letter-spacing:-.055em}
.lx-auth-brand p{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.65;max-width:430px;margin:1rem 0 0}
.lx-auth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.lx-auth-metric{border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px)}
.lx-auth-metric strong{display:block;font-size:1.1rem;color:#fff}
.lx-auth-metric span{font-size:.78rem;color:rgba(255,255,255,.74);font-weight:760}
.lx-auth-form{padding:clamp(26px,5vw,56px);background:color-mix(in srgb,var(--lx-card-solid) 70%,transparent)}
.lx-auth-form h2{font-size:clamp(2rem,3vw,3rem);font-weight:950;letter-spacing:-.055em;margin:0 0 .5rem}
.lx-auth-form p{color:var(--lx-muted)}
.lx-auth-form form{margin-top:26px}
.lx-auth-form .btn{width:100%}
.lx-auth-foot{margin-top:20px;text-align:center;color:var(--lx-muted);font-weight:720}
.lx-state-page{min-height:56vh;display:grid;place-items:center;padding:clamp(32px,7vw,96px) 16px}
.lx-state-card{width:min(100%,680px);padding:clamp(28px,5vw,56px);text-align:center;border-radius:34px;background:var(--lx-card);border:1px solid var(--lx-border);box-shadow:var(--lx-shadow)}
.lx-state-icon{width:72px;height:72px;border-radius:24px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--lx-brand),var(--lx-brand-2));color:#fff;box-shadow:0 18px 42px rgba(124,58,237,.26)}
.lx-state-icon svg{width:34px;height:34px}

/* =========================================================
   Footer / search popup / toasts
   ========================================================= */
footer{margin-top:clamp(36px,6vw,82px);position:relative;z-index:1}
.section-footer{
  margin:0 auto 18px;
  width:min(var(--lx-max-wide),calc(100vw - 24px));
  border:1px solid var(--lx-border);
  border-radius:38px;
  background:var(--lx-card);
  box-shadow:var(--lx-shadow-sm);
  padding-block:36px!important;
}
.section-footer a{color:var(--lx-muted)!important;font-weight:780}
.section-footer a:hover{color:var(--lx-brand)!important}
.popup-search-content{
  background:var(--lx-card-solid)!important;
  border:1px solid var(--lx-border)!important;
  border-radius:34px!important;
  box-shadow:var(--lx-shadow)!important;
}
.lx-toast-stack{top:92px!important;width:min(92vw,620px)}
.lx-toast{border:1px solid var(--lx-border);border-radius:18px!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(14px)}
.confirm-overlay{backdrop-filter:blur(10px);background:rgba(15,23,42,.32)!important}
.confirm-dialog{border-radius:26px!important;background:var(--lx-card-solid)!important;border:1px solid var(--lx-border)!important;box-shadow:var(--lx-shadow)!important;color:var(--lx-ink)!important}
.btn-scroll-top{box-shadow:var(--lx-shadow-sm);border-radius:999px}

/* Table-like and admin-ish frontend lists */
table{border-collapse:separate!important;border-spacing:0 8px!important;width:100%}
th{color:var(--lx-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}
td,th{padding:.85rem!important}
tbody tr{background:var(--lx-card);box-shadow:var(--lx-shadow-xs)}
tbody tr td:first-child{border-radius:14px 0 0 14px}
tbody tr td:last-child{border-radius:0 14px 14px 0}

/* Dark mode icon normalization */
i[data-lucide],svg[data-lucide]{width:18px;height:18px;stroke-width:1.9}
.dark-mode-invert{transition:filter .2s ease}
[data-bs-theme="dark"] .dark-mode-invert{filter:invert(1) hue-rotate(180deg) brightness(1.08)}

/* Responsiveness */
@media (max-width:1199px){
  .navbar .text-muted{display:none!important}
  .navbar-nav{gap:2px}
  .navbar .nav-link{padding:.58rem .72rem!important}
}
@media (max-width:991px){
  header{padding:8px 8px 0}
  .navbar.style-1,.navbar{width:calc(100vw - 16px);border-radius:24px;min-height:64px}
  .navbar-brand img{width:138px!important}
  .lx-auth-card{grid-template-columns:1fr}
  .lx-auth-brand{min-height:auto;padding:34px}
  .lx-auth-metrics{grid-template-columns:1fr 1fr 1fr}
  .section-footer{width:calc(100vw - 16px);border-radius:28px}
}
@media (max-width:700px){
  .container,.container-fluid{padding-inline:14px}
  .sec-1-home-1,.lx-hero,.book-hero,.profile-hero,section.hero,.hero{border-radius:0 0 30px 30px;padding-block:46px!important}
  .ds-2{font-size:clamp(2.45rem,15vw,4.4rem)!important}
  .bk7-row{grid-template-columns:118px 1fr!important;gap:14px!important}
  .bk7-card{padding:14px!important}
  .searchbar,.searchbar-right,.mp-filters__row{flex-direction:column!important;align-items:stretch!important}
  .lx-auth-metrics{grid-template-columns:1fr}
  .lx-auth-card{border-radius:28px}
  .lx-auth-brand,.lx-auth-form{padding:26px}
}
@media (max-width:480px){
  .bk7-row{grid-template-columns:1fr!important}
  .bk7-cover{max-width:180px}
  .btn,.btnx,.mp-btn,.lx-btn,.page-link,.page,button[type="submit"]{width:100%;justify-content:center}
  .h-actions,.actions,.pro-foot,.svc-foot,.pack-foot,.mp-actions,.lx-actions{display:grid!important;grid-template-columns:1fr;width:100%}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}