:root {
        --bv-ink: #2b2406;
        --bv-muted: #746425;
        --bv-line: rgba(96, 75, 0, 0.16);

        --bv-paper: #fffdf0;
        --bv-bg: #fff0a3;
        --bv-soft: #fff7bd;

        --bv-primary: #f2c500;
        --bv-primary-dark: #7a5b00;
        --bv-copper: #d99a00;
        --bv-gold: #ffe064;
        --bv-cream: #fff6b8;

        --bv-card: rgba(255, 254, 240, 0.9);
      }

      html {
        scroll-behavior: smooth;
      }

      .bv-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .bv-page a:focus-visible,
      .bv-page button:focus-visible,
      .bv-page input:focus-visible,
      .bv-page select:focus-visible,
      .bv-page textarea:focus-visible,
      .bv-modal button:focus-visible,
      .bv-modal input:focus-visible,
      .bv-modal select:focus-visible,
      .bv-modal textarea:focus-visible {
        outline: 3px solid rgba(122, 91, 0, 0.62);
        outline-offset: 3px;
      }

      body {
        margin: 0;
        color: var(--bv-ink);
        background:
          radial-gradient(circle at 14% 8%, rgba(255, 224, 64, 0.42), transparent 30%),
          radial-gradient(circle at 86% 14%, rgba(242, 197, 0, 0.22), transparent 28%),
          linear-gradient(180deg, #fffdf0 0%, #fff0a3 48%, #fff7c9 100%);
      }

      .bv-page {
        overflow-x: hidden;
        padding-top: 104px;
      }

      .bv-container {
        width: min(1180px, calc(100% - 32px));
        margin: 0 auto;
      }

      .bv-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  background: rgba(255, 244, 150, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 12px 34px rgba(122, 91, 0, 0.04);
  transition: 0.24s ease;
}

.bv-header.scrolled {
  background: rgba(255, 244, 150, 0.34);
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: 0 18px 42px rgba(122, 91, 0, 0.075);
}

      .bv-header-inner {
        min-height: 104px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
      }

      .bv-brand {
        display: flex;
        align-items: center;
        gap: 18px;
        color: var(--bv-ink);
        text-decoration: none;
        min-width: 330px;
      }

      .bv-logo-wrap {
        display: flex;
        align-items: center;
        width: 190px;
        height: 82px;
        overflow: visible;
      }

      .bv-logo {
        display: block;
        height: 86px;
        width: auto;
        max-width: 240px;
        object-fit: contain;
        transform: scale(1.13);
        transform-origin: left center;
      }

      .bv-brand-title {
        margin: 0;
        font-size: 16px;
        line-height: 1.08;
        font-weight: 950;
      }

      .bv-brand-subtitle {
        margin: 6px 0 0;
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .bv-nav {
        display: flex;
        align-items: center;
        gap: 6px;
      }

      .bv-nav a {
        border-radius: 999px;
        padding: 10px 12px;
        color: var(--bv-ink);
        text-decoration: none;
        font-size: 13px;
        font-weight: 850;
        transition: 0.2s ease;
      }

      .bv-nav a:hover,
      .bv-nav a.active {
        background: rgba(242, 197, 0, 0.18);
        color: var(--bv-primary-dark);
        transform: translateY(-1px);
      }

      .bv-btn-primary,
      .bv-btn-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        padding: 14px 20px;
        font-weight: 950;
        text-decoration: none;
        transition: 0.24s ease;
      }

      .bv-btn-primary {
        border: 0;
        color: var(--bv-ink);
        background: linear-gradient(135deg, var(--bv-primary), var(--bv-copper));
        box-shadow: 0 18px 38px rgba(217, 154, 0, 0.25);
        cursor: pointer;
      }

      .bv-btn-soft {
        color: var(--bv-ink);
        border: 1px solid var(--bv-line);
        background: rgba(255, 253, 235, 0.9);
      }

      .bv-btn-primary:hover,
      .bv-btn-soft:hover {
        transform: translateY(-2px);
      }

      .bv-header-cta {
        white-space: nowrap;
        padding: 13px 18px;
        font-size: 14px;
      }

      .bv-menu-toggle {
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        width: 50px;
        height: 50px;
        border: 1px solid var(--bv-line);
        border-radius: 17px;
        background: rgba(255, 253, 235, 0.9);
        box-shadow: 0 14px 32px rgba(122, 91, 0, 0.11);
        cursor: pointer;
        transition: 0.24s ease;
      }

      .bv-menu-toggle:hover {
        transform: translateY(-1px);
        background: rgba(255, 253, 235, 0.98);
      }

      .bv-menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--bv-ink);
        transition: 0.24s ease;
      }

      .bv-menu-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }

      .bv-menu-toggle.open span:nth-child(2) {
        opacity: 0;
      }

      .bv-menu-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }

      .bv-mobile-menu {
        display: none;
      }

      .bv-hero {
        padding: 84px 0 58px;
      }

      .bv-hero-grid {
        display: grid;
        grid-template-columns: 0.92fr 1.08fr;
        gap: 42px;
        align-items: center;
      }

      .bv-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        border: 1px solid var(--bv-line);
        background: rgba(255, 253, 235, 0.9);
        padding: 9px 14px;
        color: var(--bv-primary-dark);
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .bv-title {
        margin: 24px 0 0;
        max-width: 760px;
        font-size: clamp(3.1rem, 6.8vw, 5.8rem);
        line-height: 1.02;
        letter-spacing: -0.055em;
        font-weight: 1000;
      }

      .bv-lead {
        margin: 26px 0 0;
        max-width: 670px;
        color: var(--bv-muted);
        font-size: 18px;
        line-height: 1.82;
        font-weight: 650;
      }

      .bv-highlight {
        color: var(--bv-primary-dark);
        font-weight: 950;
      }

      .bv-actions {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .bv-metrics {
        margin-top: 34px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }

      .bv-metric {
        border: 1px solid var(--bv-line);
        border-radius: 22px;
        background: rgba(255, 253, 235, 0.88);
        padding: 18px;
      }

      .bv-metric strong {
        display: block;
        font-size: 30px;
        line-height: 1;
        font-weight: 1000;
        color: var(--bv-ink);
      }

      .bv-metric span {
        display: block;
        margin-top: 7px;
        color: var(--bv-muted);
        font-size: 13px;
        font-weight: 800;
      }

      .bv-card {
        border: 1px solid var(--bv-line);
        border-radius: 34px;
        background: var(--bv-card);
        box-shadow:
          0 24px 70px rgba(122, 91, 0, 0.11),
          inset 0 1px 0 rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(16px);
      }

      .bv-dashboard {
        padding: 22px;
      }

      .bv-window-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        border-bottom: 1px solid var(--bv-line);
        padding-bottom: 18px;
      }

      .bv-dots {
        display: flex;
        gap: 7px;
      }

      .bv-dots span {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: rgba(242, 197, 0, 0.42);
      }

      .bv-window-title {
        color: var(--bv-muted);
        font-size: 13px;
        font-weight: 850;
      }

      .bv-app-grid {
        margin-top: 22px;
        display: grid;
        grid-template-columns: 0.82fr 1.18fr;
        gap: 18px;
      }

      .bv-sidebar {
        border-radius: 26px;
        background: rgba(255, 246, 185, 0.9);
        padding: 18px;
      }

      .bv-side-title {
        margin: 0;
        color: var(--bv-primary-dark);
        font-size: 12px;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .bv-side-menu {
        margin-top: 18px;
        display: grid;
        gap: 10px;
      }

      .bv-side-menu button {
        width: 100%;
        border: 0;
        border-radius: 16px;
        padding: 13px;
        color: var(--bv-muted);
        background: rgba(255, 253, 235, 0.86);
        font: inherit;
        font-size: 14px;
        font-weight: 800;
        text-align: left;
        cursor: pointer;
        transition:
          transform 0.2s ease,
          background 0.2s ease,
          color 0.2s ease,
          box-shadow 0.2s ease;
      }

      .bv-side-menu button:hover {
        color: var(--bv-ink);
        background: rgba(255, 253, 235, 0.98);
        transform: translateX(3px);
      }

      .bv-side-menu button.active {
        color: var(--bv-ink);
        background: linear-gradient(135deg, var(--bv-primary), var(--bv-copper));
        box-shadow: 0 12px 24px rgba(217, 154, 0, 0.18);
      }

      .bv-chart {
        margin-top: 18px;
        border-radius: 22px;
        background: rgba(255, 253, 235, 0.86);
        padding: 16px;
      }

      .bv-chart-row {
        display: grid;
        grid-template-columns: 36px 1fr 44px;
        align-items: center;
        gap: 10px;
        margin-top: 12px;
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 850;
      }

      .bv-bar {
        height: 9px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(36, 22, 11, 0.09);
      }

      .bv-bar span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--bv-gold), var(--bv-copper));
      }

      .bv-main-panel {
        display: grid;
        gap: 14px;
      }

      .bv-panel-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }

      .bv-panel-stat {
        border: 1px solid var(--bv-line);
        border-radius: 20px;
        background: rgba(255, 253, 235, 0.88);
        padding: 16px;
      }

      .bv-panel-stat strong {
        display: block;
        font-size: 26px;
        font-weight: 1000;
      }

      .bv-panel-stat span {
        display: block;
        margin-top: 5px;
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 800;
      }

      .bv-mini-table {
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid var(--bv-line);
      }

      .bv-mini-row {
        display: grid;
        grid-template-columns: 1fr 0.8fr 72px;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border-bottom: 1px solid var(--bv-line);
        background: rgba(255, 253, 235, 0.82);
      }

      .bv-mini-row:last-child {
        border-bottom: 0;
      }

      .bv-mini-row strong {
        display: block;
        font-size: 13px;
        font-weight: 950;
      }

      .bv-mini-row span {
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .bv-pill {
        justify-self: start;
        border-radius: 999px;
        padding: 6px 9px;
        color: var(--bv-ink);
        background: var(--bv-primary);
        font-size: 11px;
        font-weight: 950;
      }

      .bv-section {
        padding: 58px 0;
        scroll-margin-top: 124px;
      }

      .bv-section-title {
        margin: 18px 0 0;
        max-width: 820px;
        font-size: clamp(2.2rem, 4vw, 3.7rem);
        line-height: 1;
        letter-spacing: -0.05em;
        font-weight: 1000;
      }

      .bv-section-text {
        margin-top: 18px;
        max-width: 820px;
        color: var(--bv-muted);
        font-size: 16px;
        line-height: 1.8;
        font-weight: 650;
      }

      .bv-grid-4 {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }

      .bv-grid-3 {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }

      .bv-feature,
      .bv-usecase,
      .bv-roadmap {
        padding: 26px;
      }

      .bv-icon {
        display: grid;
        place-items: center;
        width: 50px;
        height: 50px;
        border-radius: 18px;
        background: var(--bv-soft);
        color: var(--bv-primary-dark);
        font-size: 20px;
        font-weight: 1000;
      }

      .bv-feature h3,
      .bv-usecase h3,
      .bv-roadmap h3 {
        margin: 22px 0 0;
        font-size: 20px;
        font-weight: 1000;
      }

      .bv-feature p,
      .bv-usecase p,
      .bv-roadmap p {
        margin: 12px 0 0;
        color: var(--bv-muted);
        font-size: 14px;
        line-height: 1.75;
        font-weight: 650;
      }

      .bv-library-shell {
        margin-top: 34px;
        padding: 26px;
      }

      .bv-toolbar {
        display: grid;
        grid-template-columns: 1.2fr 0.65fr 0.65fr 0.65fr;
        gap: 12px;
      }

      .bv-catalogue-actions {
        margin-top: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        flex-wrap: wrap;
      }

      .bv-result-summary {
        min-width: 220px;
      }

      .bv-result-summary strong {
        display: block;
        color: var(--bv-ink);
        font-size: 14px;
        font-weight: 1000;
      }

      .bv-result-summary span {
        display: block;
        margin-top: 5px;
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .bv-catalogue-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
      }

      .bv-small-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border: 1px solid var(--bv-line);
        border-radius: 14px;
        background: rgba(255, 253, 235, 0.93);
        color: var(--bv-ink);
        padding: 10px 13px;
        font: inherit;
        font-size: 12px;
        font-weight: 950;
        cursor: pointer;
        transition: 0.2s ease;
      }

      .bv-small-button:hover {
        transform: translateY(-1px);
        border-color: rgba(242, 197, 0, 0.46);
        background: white;
      }

      .bv-small-button.primary {
        border-color: transparent;
        background: linear-gradient(135deg, var(--bv-primary), var(--bv-copper));
        color: var(--bv-ink);
        box-shadow: 0 12px 24px rgba(217, 154, 0, 0.2);
      }

      .bv-empty-state {
        padding: 42px 24px;
        background: rgba(255, 253, 235, 0.86);
        text-align: center;
      }

      .bv-empty-state strong {
        display: block;
        font-size: 19px;
        font-weight: 1000;
      }

      .bv-empty-state span {
        display: block;
        margin-top: 8px;
        color: var(--bv-muted);
        font-size: 14px;
        font-weight: 700;
      }

      .bv-input,
      .bv-select {
        width: 100%;
        border: 1px solid var(--bv-line);
        border-radius: 16px;
        background: rgba(255, 253, 235, 0.93);
        color: var(--bv-ink);
        padding: 14px 15px;
        font: inherit;
        font-size: 14px;
        font-weight: 750;
        outline: none;
      }

      .bv-input::placeholder {
        color: rgba(36, 22, 11, 0.42);
      }

      .bv-table-wrap {
        margin-top: 20px;
        overflow: hidden;
        border: 1px solid var(--bv-line);
        border-radius: 24px;
      }

      .bv-table-head,
      .bv-book-row {
        display: grid;
        grid-template-columns:
          minmax(210px, 1.5fr)
          minmax(145px, 1fr)
          minmax(135px, 0.9fr)
          72px
          92px
          minmax(185px, 0.95fr);
        gap: 14px;
        align-items: center;
      }

      .bv-table-head {
        background: linear-gradient(135deg, #7a5b00 0%, #b78b00 52%, #e0b500 100%);
        padding: 16px 18px;
        color: #fff8dd;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .bv-book-row {
        min-height: 84px;
        padding: 13px 18px;
        border-top: 1px solid var(--bv-line);
        background: rgba(255, 253, 235, 0.86);
      }

      .bv-book-row.is-hidden {
        display: none;
      }

      .bv-book-main {
        display: block;
        min-width: 0;
      }

      .bv-book-main strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        line-height: 1.25;
        font-weight: 1000;
      }

      .bv-book-main span {
        display: block;
        margin-top: 5px;
        color: var(--bv-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .bv-cell {
        min-width: 0;
        color: var(--bv-muted);
        font-size: 13px;
        line-height: 1.45;
        font-weight: 750;
      }

      .bv-cell.author,
      .bv-cell.edition {
        overflow-wrap: anywhere;
      }

      .bv-status {
        display: inline-flex;
        border-radius: 999px;
        padding: 7px 10px;
        font-size: 11px;
        font-weight: 950;
      }

      .bv-status.read {
        color: var(--bv-ink);
        background: var(--bv-primary);
      }

      .bv-status.unread {
        color: #443700;
        background: #ffe36b;
      }

      .bv-row-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
      }

      .bv-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        border: 1px solid var(--bv-line);
        border-radius: 999px;
        background: rgba(255, 253, 235, 0.9);
        color: var(--bv-ink);
        padding: 7px 9px;
        font-size: 11px;
        font-weight: 950;
        text-align: center;
        cursor: pointer;
        transition: 0.2s ease;
      }

      .bv-action:hover {
        transform: translateY(-1px);
        border-color: rgba(242, 197, 0, 0.44);
        background: white;
      }

      .bv-action.danger {
        color: #8f2f26;
        border-color: rgba(143, 47, 38, 0.18);
        background: rgba(255, 244, 242, 0.82);
      }

      .bv-modal {
        position: fixed;
        inset: 0;
        z-index: 2000;
        display: grid;
        place-items: center;
        padding: 20px;
      }

      .bv-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(42, 36, 23, 0.42);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .bv-modal-dialog {
        position: relative;
        z-index: 1;
        width: min(680px, 100%);
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        border: 1px solid rgba(255, 255, 255, 0.68);
        border-radius: 30px;
        background: #fffdf0;
        padding: 28px;
        box-shadow: 0 32px 90px rgba(42, 36, 23, 0.26);
      }

      .bv-modal-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
      }

      .bv-modal-head h2 {
        margin: 10px 0 0;
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.04em;
        font-weight: 1000;
      }

      .bv-modal-close {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 1px solid var(--bv-line);
        border-radius: 14px;
        background: white;
        color: var(--bv-ink);
        font-size: 20px;
        font-weight: 900;
        cursor: pointer;
      }

      .bv-form-grid {
        margin-top: 24px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }

      .bv-field {
        display: grid;
        gap: 8px;
      }

      .bv-field.full {
        grid-column: 1 / -1;
      }

      .bv-field label {
        color: var(--bv-ink);
        font-size: 12px;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .bv-field textarea {
        min-height: 100px;
        resize: vertical;
      }

      .bv-form-actions {
        margin-top: 24px;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
      }

      .bv-toast {
        position: fixed;
        left: 50%;
        bottom: 26px;
        z-index: 2500;
        max-width: min(460px, calc(100% - 28px));
        transform: translate(-50%, 18px);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 16px;
        background: #2b2406;
        color: white;
        padding: 13px 16px;
        box-shadow: 0 20px 46px rgba(42, 36, 23, 0.24);
        opacity: 0;
        pointer-events: none;
        font-size: 13px;
        font-weight: 850;
        transition: 0.22s ease;
      }

      .bv-toast.show {
        opacity: 1;
        transform: translate(-50%, 0);
      }

      .bv-insights {
        margin-top: 32px;
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 22px;
        align-items: start;
      }

      .bv-insight-card {
        padding: 28px;
      }

      .bv-author-list {
        margin-top: 22px;
        display: grid;
        gap: 12px;
      }

      .bv-author-item {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 12px;
        align-items: center;
        border-radius: 18px;
        background: rgba(255, 253, 235, 0.88);
        padding: 14px;
      }

      .bv-author-item strong {
        font-size: 14px;
        font-weight: 950;
      }

      .bv-author-item span {
        color: var(--bv-primary-dark);
        font-size: 13px;
        font-weight: 950;
      }

      .bv-language-list {
        margin-top: 22px;
        display: grid;
        gap: 18px;
      }

      .bv-insight-empty {
        border: 1px dashed var(--bv-line);
        border-radius: 18px;
        padding: 18px;
        color: var(--bv-muted);
        font-size: 14px;
        line-height: 1.6;
        font-weight: 750;
        text-align: center;
      }

      .bv-language-top {
        display: flex;
        justify-content: space-between;
        color: var(--bv-ink);
        font-size: 14px;
        font-weight: 900;
      }

      .bv-before-after {
        margin-top: 32px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
      }

      .bv-ba-card {
        padding: 30px;
      }

      .bv-ba-card.before {
        border-color: rgba(151, 67, 52, 0.2);
        background: rgba(255, 249, 244, 0.9);
      }

      .bv-ba-card.after {
        border-color: rgba(72, 112, 64, 0.22);
        background: rgba(250, 253, 240, 0.92);
      }

      .bv-ba-label {
        display: inline-flex;
        border-radius: 999px;
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 1000;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .bv-ba-card.before .bv-ba-label {
        background: rgba(151, 67, 52, 0.1);
        color: #8f3c30;
      }

      .bv-ba-card.after .bv-ba-label {
        background: rgba(72, 112, 64, 0.12);
        color: #42683b;
      }

      .bv-ba-card h3 {
        margin: 20px 0 0;
        font-size: 30px;
        line-height: 1.05;
        letter-spacing: -0.035em;
        font-weight: 1000;
      }

      .bv-ba-list {
        margin: 24px 0 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 13px;
      }

      .bv-ba-list li {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        align-items: start;
        color: var(--bv-muted);
        font-size: 15px;
        line-height: 1.65;
        font-weight: 750;
      }

      .bv-ba-list li::before {
        content: "•";
        color: var(--bv-primary-dark);
        font-weight: 1000;
      }

      .bv-final {
        border-radius: 38px;
        background:
          radial-gradient(circle at 16% 10%, rgba(255, 224, 64, 0.12), transparent 30%),
          linear-gradient(135deg, #3f2e00 0%, #6b4d00 42%, #8f6700 100%);
        color: white;
        border: 1px solid rgba(255, 255, 255, 0.12);
        padding: 46px;
        box-shadow: 0 36px 90px rgba(58, 41, 0, 0.42);
      }

      .bv-final-grid {
        display: grid;
        grid-template-columns: 1fr 0.85fr;
        gap: 34px;
        align-items: center;
      }

      .bv-final .bv-chip {
        color: #fff8e8;
        border-color: rgba(255, 255, 255, 0.24);
        background: rgba(255, 255, 255, 0.14);
      }

      .bv-final h2 {
        margin: 20px 0 0;
        max-width: 820px;
        font-size: clamp(2.4rem, 4.2vw, 4rem);
        line-height: 1;
        letter-spacing: -0.045em;
        font-weight: 1000;
      }

      .bv-final p {
        margin-top: 20px;
        max-width: 680px;
        color: rgba(255, 255, 255, 0.76);
        font-size: 16px;
        line-height: 1.8;
        font-weight: 650;
      }

      .bv-final-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }

      .bv-final-card {
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.08);
        padding: 20px;
      }

      .bv-final-card strong {
        display: block;
        font-size: 22px;
        font-weight: 1000;
      }

      .bv-final-card span {
        display: block;
        margin-top: 8px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 14px;
        line-height: 1.6;
        font-weight: 650;
      }

      .bv-footer {
        padding: 52px 0;
        text-align: center;
        color: var(--bv-muted);
      }

      .bv-footer-inner {
        border-top: 1px solid var(--bv-line);
        padding-top: 30px;
      }

      .bv-footer strong {
        display: block;
        color: var(--bv-ink);
        font-weight: 1000;
      }

      .bv-footer span {
        display: block;
        margin-top: 6px;
        font-size: 13px;
        font-weight: 700;
      }

      .bv-footer-actions {
        margin-top: 24px;
        display: flex;
        justify-content: center;
      }

      .reveal,
      .reveal-left,
      .reveal-right,
      .reveal-zoom {
        opacity: 1;
        transform: none;
      }

      .has-js .reveal,
      .has-js .reveal-left,
      .has-js .reveal-right,
      .has-js .reveal-zoom {
        opacity: 0;
        transition:
          opacity 0.75s ease,
          transform 0.75s ease;
        will-change: opacity, transform;
      }

      .has-js .reveal {
        transform: translateY(34px);
      }

      .has-js .reveal-left {
        transform: translateX(-42px);
      }

      .has-js .reveal-right {
        transform: translateX(42px);
      }

      .has-js .reveal-zoom {
        transform: translateY(24px) scale(0.96);
      }

      .has-js .reveal.visible,
      .has-js .reveal-left.visible,
      .has-js .reveal-right.visible,
      .has-js .reveal-zoom.visible {
        opacity: 1;
        transform: translate(0, 0) scale(1);
      }

      @media (max-width: 1160px) and (min-width: 981px) {
        .bv-table-head,
        .bv-book-row {
          grid-template-columns: 1.35fr 0.95fr 0.82fr 64px 84px 1fr;
          gap: 10px;
        }

        .bv-table-head,
        .bv-book-row {
          padding-left: 14px;
          padding-right: 14px;
        }

        .bv-action {
          min-height: 34px;
          padding: 6px 7px;
          font-size: 10px;
        }
      }

      @media (max-width: 1080px) {
        .bv-brand {
          min-width: 280px;
        }

        .bv-logo-wrap {
          width: 165px;
        }

        .bv-nav a {
          padding: 9px 9px;
          font-size: 12px;
        }
      }

      @media (max-width: 980px) {
        .bv-page {
          padding-top: 88px;
        }

        .bv-header-inner {
          min-height: 88px;
        }

        .bv-brand {
          min-width: auto;
        }

        .bv-brand-text,
        .bv-nav,
        .bv-header-cta {
          display: none;
        }

        .bv-menu-toggle {
          display: inline-flex;
        }

        .bv-mobile-menu {
          display: block;
          position: fixed;
          top: 94px;
          left: 12px;
          right: 12px;
          z-index: 999;
          max-height: calc(100vh - 116px);
          overflow-y: auto;
          border: 1px solid var(--bv-line);
          border-radius: 26px;
          background: rgba(255, 247, 184, 0.96);
          padding: 16px;
          box-shadow: 0 26px 70px rgba(122, 91, 0, 0.2);
          backdrop-filter: blur(24px) saturate(150%);
          -webkit-backdrop-filter: blur(24px) saturate(150%);
          opacity: 0;
          pointer-events: none;
          transform: translateY(-12px) scale(0.98);
          transition: 0.24s ease;
        }

        .bv-mobile-menu.open {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0) scale(1);
        }

        .bv-mobile-nav {
          display: grid;
          gap: 8px;
        }

        .bv-mobile-nav a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border: 1px solid var(--bv-line);
          border-radius: 17px;
          background: rgba(255, 253, 235, 0.9);
          color: var(--bv-ink);
          padding: 14px 15px;
          text-decoration: none;
          font-size: 14px;
          font-weight: 950;
        }

        .bv-mobile-nav a::after {
          content: "→";
          color: var(--bv-primary-dark);
        }

        .bv-mobile-cta {
          width: 100%;
          box-sizing: border-box;
          margin-top: 12px;
        }

        .bv-logo-wrap {
          width: 185px;
          height: 70px;
        }

        .bv-logo {
          height: 76px;
          max-width: 210px;
          transform: scale(1.12);
        }

        .bv-hero-grid,
        .bv-app-grid,
        .bv-insights,
        .bv-final-grid {
          grid-template-columns: 1fr;
        }

        .bv-metrics,
        .bv-grid-4,
        .bv-grid-3,
        .bv-panel-stats,
        .bv-final-cards {
          grid-template-columns: repeat(2, 1fr);
        }

        .bv-toolbar {
          grid-template-columns: 1fr 1fr;
        }

        .bv-catalogue-actions {
          align-items: flex-start;
        }

        .bv-before-after {
          grid-template-columns: 1fr;
        }

        .bv-table-head {
          display: none;
        }

        .bv-book-row {
          min-height: 0;
          grid-template-columns: 1fr;
          gap: 12px;
          padding: 18px;
        }

        .bv-book-main::before,
        .bv-cell::before {
          display: block;
          margin-bottom: 4px;
          color: var(--bv-primary-dark);
          font-size: 10px;
          font-weight: 950;
          letter-spacing: 0.12em;
          text-transform: uppercase;
        }

        .bv-book-main::before {
          content: "Livro";
        }

        .bv-cell {
          border-top: 1px solid rgba(96, 75, 0, 0.1);
          padding-top: 10px;
        }

        .bv-cell.author::before {
          content: "Autor";
        }

        .bv-cell.edition::before {
          content: "Edição";
        }

        .bv-cell.language::before {
          content: "Idioma";
        }

        .bv-cell.status-cell::before {
          content: "Estado";
        }

        .bv-cell.actions-cell::before {
          content: "Ações";
        }
      }

      @media (max-width: 640px) {
        .bv-container {
          width: min(100% - 24px, 1180px);
        }

        .bv-mobile-menu {
          top: 88px;
          left: 10px;
          right: 10px;
          border-radius: 22px;
        }

        .bv-title {
          font-size: 3rem;
        }

        .bv-metrics,
        .bv-grid-4,
        .bv-grid-3,
        .bv-panel-stats,
        .bv-toolbar,
        .bv-final-cards {
          grid-template-columns: 1fr;
        }

        .bv-catalogue-buttons,
        .bv-form-actions {
          width: 100%;
        }

        .bv-small-button,
        .bv-form-actions .bv-btn-primary,
        .bv-form-actions .bv-btn-soft {
          flex: 1 1 100%;
        }

        .bv-form-grid {
          grid-template-columns: 1fr;
        }

        .bv-field.full {
          grid-column: auto;
        }

        .bv-modal {
          padding: 10px;
        }

        .bv-modal-dialog {
          max-height: calc(100vh - 20px);
          border-radius: 24px;
          padding: 22px;
        }

        .bv-final {
          padding: 30px 22px;
        }

        .bv-library-shell {
          padding: 18px;
        }

        .bv-row-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .bv-action {
          min-height: 42px;
        }
      }

      @media (max-width: 420px) {
        .bv-container {
          width: min(100% - 18px, 1180px);
        }

        .bv-title {
          font-size: 2.55rem;
          line-height: 1.04;
          letter-spacing: -0.045em;
        }

        .bv-section-title {
          font-size: 2rem;
          line-height: 1.04;
          letter-spacing: -0.04em;
        }

        .bv-logo-wrap {
          width: 165px;
        }

        .bv-library-shell {
          padding: 14px;
          border-radius: 24px;
        }

        .bv-table-wrap {
          border-radius: 18px;
        }

        .bv-book-row {
          padding: 16px;
        }

        .bv-catalogue-buttons {
          display: grid;
          grid-template-columns: 1fr;
        }

        .bv-small-button {
          width: 100%;
        }

        .bv-mini-row {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 10px;
        }

        .bv-mini-row > span:nth-child(2) {
          display: none;
        }

        .bv-mini-row .bv-pill {
          align-self: center;
        }
      }


      .bv-print-report {
        display: none;
      }

      .bv-print-report-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
        padding-bottom: 14px;
        border-bottom: 2px solid #7a5b00;
      }

      .bv-print-report-brand {
        margin: 0;
        color: #2b2406;
        font-size: 22px;
        line-height: 1.1;
        font-weight: 1000;
      }

      .bv-print-report-subtitle {
        margin: 5px 0 0;
        color: #746425;
        font-size: 11px;
        font-weight: 700;
      }

      .bv-print-report-meta {
        text-align: right;
        color: #746425;
        font-size: 10px;
        line-height: 1.5;
        font-weight: 700;
      }

      .bv-print-report-metrics {
        margin-top: 14px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
      }

      .bv-print-report-metric {
        border: 1px solid rgba(96, 75, 0, 0.2);
        border-radius: 8px;
        padding: 8px 10px;
        background: #fff9d7;
      }

      .bv-print-report-metric strong {
        display: block;
        color: #2b2406;
        font-size: 17px;
        line-height: 1;
        font-weight: 1000;
      }

      .bv-print-report-metric span {
        display: block;
        margin-top: 4px;
        color: #746425;
        font-size: 9px;
        font-weight: 800;
      }

      .bv-print-report-filter {
        margin: 10px 0 0;
        color: #746425;
        font-size: 9px;
        line-height: 1.4;
        font-weight: 700;
      }

      .bv-print-report-table {
        width: 100%;
        margin-top: 14px;
        border-collapse: collapse;
        table-layout: fixed;
      }

      .bv-print-report-table th,
      .bv-print-report-table td {
        border: 1px solid rgba(96, 75, 0, 0.22);
        padding: 7px 8px;
        vertical-align: top;
        text-align: left;
        overflow-wrap: anywhere;
      }

      .bv-print-report-table th {
        background: #8f6700;
        color: white;
        font-size: 8px;
        line-height: 1.2;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .bv-print-report-table td {
        color: #2b2406;
        font-size: 8.5px;
        line-height: 1.35;
      }

      .bv-print-report-table th:nth-child(1),
      .bv-print-report-table td:nth-child(1) {
        width: 22%;
      }

      .bv-print-report-table th:nth-child(2),
      .bv-print-report-table td:nth-child(2) {
        width: 17%;
      }

      .bv-print-report-table th:nth-child(3),
      .bv-print-report-table td:nth-child(3) {
        width: 15%;
      }

      .bv-print-report-table th:nth-child(4),
      .bv-print-report-table td:nth-child(4) {
        width: 8%;
      }

      .bv-print-report-table th:nth-child(5),
      .bv-print-report-table td:nth-child(5) {
        width: 10%;
      }

      .bv-print-report-table th:nth-child(6),
      .bv-print-report-table td:nth-child(6) {
        width: 28%;
      }

      .bv-print-report-table tbody tr:nth-child(even) {
        background: #fffdf2;
      }

      .bv-print-report-footer {
        margin-top: 12px;
        border-top: 1px solid rgba(96, 75, 0, 0.2);
        padding-top: 8px;
        color: #746425;
        font-size: 8px;
        line-height: 1.4;
        text-align: center;
      }

      @media print {
        @page {
          size: A4 landscape;
          margin: 10mm;
        }

        html,
        body {
          width: auto !important;
          height: auto !important;
          min-height: 0 !important;
          overflow: visible !important;
          background: white !important;
        }

        body {
          margin: 0 !important;
          color: #2b2406 !important;
          -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
        }

        .bv-page,
        .bv-modal,
        .bv-toast {
          display: none !important;
        }

        .bv-print-report {
          display: block !important;
          width: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          position: static !important;
          visibility: visible !important;
        }

        .bv-print-report-header,
        .bv-print-report-metrics,
        .bv-print-report-filter,
        .bv-print-report-table,
        .bv-print-report-footer {
          visibility: visible !important;
        }

        .bv-print-report-table {
          break-before: auto;
          page-break-before: auto;
        }

        .bv-print-report-table thead {
          display: table-header-group;
        }

        .bv-print-report-table tbody {
          display: table-row-group;
        }

        .bv-print-report-table tr {
          break-inside: avoid;
          page-break-inside: avoid;
        }

        .bv-print-report-header,
        .bv-print-report-metrics {
          break-inside: avoid;
          page-break-inside: avoid;
        }

        .bv-print-report-footer {
          break-inside: avoid;
          page-break-inside: avoid;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .has-js .reveal,
        .has-js .reveal-left,
        .has-js .reveal-right,
        .has-js .reveal-zoom {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }