/* Two-page visual pilot. System fonts and CSS only; no additional runtime. */
body.apple-preview { --ink:#1d1d1f; --muted:#77777d; --line:#e7e7eb; --blue:#0071e3; background:#f5f5f7; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; -webkit-font-smoothing:antialiased; }
.apple-preview .navbar { background:rgba(255,255,255,.96)!important; border-bottom:1px solid var(--line); padding:14px 0; }
.apple-preview .navbar-brand { color:var(--ink); font-size:17px; letter-spacing:-.4px; }
.apple-preview .navbar .nav-link { color:#66666e; font-size:13px; padding:8px 14px; }
.apple-preview .navbar .nav-link.active { border-radius:8px; }
.apple-preview .navbar-toggler { background:#86868b; border:0; }
.apple-preview main.container { max-width:1280px; padding:0 32px; }
.apple-preview .page-intro { padding:36px 0 30px; }
.apple-preview .eyebrow { font-size:10px; letter-spacing:2.4px; font-weight:650; color:var(--muted); margin-bottom:12px; }
.apple-preview h1 { font-size:38px; font-weight:650; letter-spacing:-1.5px; margin-bottom:12px; }
.apple-preview .page-intro>p:last-child { font-size:14px; color:var(--muted); margin:0; }
.apple-preview .section-title { font-size:18px; font-weight:600; color:var(--ink); margin-bottom:18px; letter-spacing:-.4px; }
.apple-preview .stats-card, .apple-preview .monthly-overview-card, .apple-preview .quick-add-card, .apple-preview .chart-card, .apple-preview .fun-stats-card, .apple-preview .card { background:#fff; color:var(--ink); border:1px solid var(--line); border-radius:18px; box-shadow:0 3px 12px #00000003; }
.apple-preview .stats-card { padding:22px 15px; min-height:142px; text-align:left; }
.apple-preview .stats-card:hover, .apple-preview .fun-stat-item:hover, .apple-preview .monthly-stat-item:hover { transform:none; box-shadow:none; }
.apple-preview .stats-card::before, .apple-preview .stats-decoration, .apple-preview .stats-icon, .apple-preview .monthly-stat-icon, .apple-preview .fun-stat-item .stat-icon, .apple-preview .label-icon, .apple-preview .input-focus-border { display:none; }
.apple-preview .stats-number { font-size:27px; font-weight:650; color:var(--ink); letter-spacing:-1px; line-height:1.3; }
.apple-preview .stats-label { font-size:11px; font-weight:500; color:#595960; margin-top:12px; }
.apple-preview .stats-subtitle { color:#929299; font-size:10px; margin-top:4px; }
.apple-preview .row.g-4.mb-5 { --bs-gutter-x:12px; margin-bottom:24px!important; }
.apple-preview .monthly-overview-card, .apple-preview .quick-add-card { padding:24px; }
.apple-preview .monthly-stat-item { background:none; padding:8px; text-align:left; justify-content:flex-start; }
.apple-preview .monthly-stat-number { color:var(--ink); font-size:30px; letter-spacing:-1px; }
.apple-preview .monthly-stat-label, .apple-preview .progress-label { color:var(--muted); font-size:12px; }
.apple-preview .monthly-progress-section { border-top:1px solid var(--line); }
.apple-preview .modern-progress { height:6px; background:#ededf1; border-radius:9px; box-shadow:none; }
.apple-preview .modern-progress .progress-bar { background:var(--blue); box-shadow:none; }
.apple-preview .modern-progress .progress-bar.bg-info { background:#72a7a2!important; }
.apple-preview .progress-bar::after { display:none; }
.apple-preview .progress-text { font-size:12px; color:var(--ink); font-variant-numeric:tabular-nums; }
.apple-preview .text-muted.small { font-size:11px; line-height:1.8; }
.apple-preview .fun-stats-section { margin-bottom:28px; }
.apple-preview .fun-stats-card { padding:8px; }
.apple-preview .fun-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.apple-preview .quick-add-section .form-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.apple-preview .fun-stat-item { background:none; border:0; border-radius:10px; padding:16px; }
.apple-preview .fun-stat-item .stat-label { color:var(--muted); font-size:11px; }
.apple-preview .fun-stat-item .stat-value { color:var(--ink); font-size:14px; font-weight:600; }
.apple-preview .fun-stat-item .stat-detail { color:#8c8c93; font-size:11px; }
.apple-preview .quick-add-section { position:static; margin-top:32px; }
.apple-preview .quick-add-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
.apple-preview .quick-add-section .type-selector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.apple-preview .quick-add-section .type-label { height:100%; padding:12px 16px; }
.apple-preview .quick-add-section .type-radio:focus-visible + .type-label { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:575px) {
 .apple-preview .fun-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .apple-preview .quick-add-section .form-actions { gap:12px; }
 .apple-preview .quick-add-fields { column-gap:12px; }
 .apple-preview .quick-add-section .type-label { padding:12px; }
 .apple-preview .quick-add-section .type-icon, .apple-preview .quick-add-section .type-desc { display:none; }
}
.apple-preview .section-subtitle { color:var(--muted); }
.apple-preview .info-btn { border:0; background:transparent; color:var(--secondary); box-shadow:none; }
.apple-preview .info-btn:hover { background:var(--surface-soft); color:var(--accent); transform:none; box-shadow:none; }
.apple-preview .form-label { color:#63636b; font-size:12px; font-weight:500; }
.apple-preview .form-control, .apple-preview .form-select, .apple-preview .modern-input { background:#fafafa; border:1px solid #dfdfe5; border-radius:10px; box-shadow:none; font-size:14px; padding:11px 13px; color:var(--ink); }
.apple-preview input:focus, .apple-preview select:focus { border-color:var(--blue); box-shadow:0 0 0 3px #0071e31a; outline:none; }
.apple-preview .btn-primary, .apple-preview .modern-submit-btn, .apple-preview .header-btn-primary { background:var(--blue); border:1px solid var(--blue); color:white; box-shadow:none; border-radius:10px; }
.apple-preview .modern-submit-btn { font-size:14px; padding:13px; }
.apple-preview .modern-submit-btn:disabled { background:#939399; border-color:#939399; }
.apple-preview .btn:hover, .apple-preview .header-btn:hover, .apple-preview .quick-action-btn:hover { transform:none; box-shadow:none; }
.apple-preview .quick-action-btn { color:var(--blue); background:#f5f8fd; border:0; border-radius:10px; font-size:12px; }
.apple-preview .chart-tabs { background:#eaeaec; border:0; border-radius:9px; padding:3px; }
.apple-preview .chart-tab { border-radius:7px; color:#6a6a72; font-size:12px; }
.apple-preview .chart-tab.active { background:white; color:var(--ink); box-shadow:0 1px 4px #00000012; }
.apple-preview .chart-footer { border-color:var(--line); background:none; }
.apple-preview .footer { background:transparent!important; font-size:11px; }
.apple-preview .library-toolbar { gap:20px; padding:16px; background:white; border:1px solid var(--line); border-radius:14px; }
.apple-preview .toolbar-caption { white-space:nowrap; font-size:13px; font-weight:600; padding-left:4px; }
.apple-preview .header-actions { gap:10px; }
.apple-preview .header-btn { background:#f5f5f7; color:#44444a; border:1px solid var(--line); border-radius:9px; box-shadow:none; font-size:13px; padding:9px 14px; }
.apple-preview .header-btn-primary { color:white; background:var(--blue); border-color:var(--blue); }
.apple-preview .search-input-wrapper { background:#f5f5f7; border:1px solid var(--line); border-radius:9px; box-shadow:none; }
.apple-preview .search-input { font-size:13px; }
.apple-preview .search-submit { background:transparent; color:var(--blue); border-radius:7px; box-shadow:none; }
.apple-preview .search-input-wrapper { display:flex; }
.apple-preview .search-input { flex:1; min-width:0; }
.apple-preview .modern-table { border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:14px; box-shadow:none; font-size:12px; }
.apple-preview .modern-table thead { background:#f0f0f3; }
.apple-preview .modern-table thead th { background:transparent; color:#777780; font-size:11px; font-weight:500; padding:15px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
.apple-preview .modern-table td { padding:18px 10px; border-bottom:1px solid #f0f0f3; vertical-align:middle; }
.apple-preview .modern-table tbody tr, .apple-preview .book-row { animation:none; transform:none; }
.apple-preview .modern-table tbody tr:hover { background:#f8faff; transform:none; box-shadow:none; }
.apple-preview .book-title-cell { color:var(--ink); font-size:14px; font-weight:600; min-width:150px; }
.apple-preview .price-cell, .apple-preview .date-cell, .apple-preview .cost-cell { color:#696973; font-variant-numeric:tabular-nums; }
.apple-preview .modern-badge { font-size:10px; font-weight:500; border-radius:6px; padding:5px 7px; box-shadow:none; }
.apple-preview .badge-owned, .apple-preview .badge-reading { background:#eaf3ff; color:#2470ba; }
.apple-preview .badge-finished { background:#edf5ef; color:#477858; }
.apple-preview .badge-unread, .apple-preview .badge-sold { background:#f0f0f3; color:#787882; }
.apple-preview .btn-icon { background:#f5f5f7; border:0; border-radius:7px; box-shadow:none; }
.apple-preview .modal-content { border:1px solid var(--line); border-radius:18px; box-shadow:0 24px 80px #0002; }
.apple-preview .modal-header { background:white; color:var(--ink); border-bottom:1px solid var(--line); }
.apple-preview .page-link { color:var(--blue); border-color:var(--line); }
.apple-preview .page-item.active .page-link { background:var(--blue); }
@media (max-width:1100px) { .apple-preview .modern-table th:nth-child(3), .apple-preview .modern-table td:nth-child(3), .apple-preview .modern-table th:nth-child(10), .apple-preview .modern-table td:nth-child(10), .apple-preview .modern-table th:nth-child(11), .apple-preview .modern-table td:nth-child(11), .apple-preview .modern-table th:nth-child(12), .apple-preview .modern-table td:nth-child(12) { display:none; } }
@media (max-width:767px) {
 .apple-preview main.container { padding:0 18px; } .apple-preview h1 { font-size:30px; } .apple-preview .page-intro { padding:26px 0; }
 .apple-preview .row.g-4.mb-5>div { width:50%; } .apple-preview .stats-card { min-height:125px; }
 .apple-preview .library-toolbar { flex-wrap:wrap; } .apple-preview .header-actions { width:100%; flex-wrap:wrap; } .apple-preview .search-form { width:100%; flex-basis:100%; } .apple-preview .search-input-wrapper { width:100%; } .apple-preview .search-input { width:100%; }
 .apple-preview .modern-table, .apple-preview .modern-table tbody { display:block; background:transparent; border:0; }
 .apple-preview .modern-table thead { display:none; }
 .apple-preview .modern-table .book-row { display:grid; grid-template-columns:1fr auto; gap:10px; background:white; border:1px solid var(--line); border-radius:14px; padding:18px; margin-bottom:12px; }
 .apple-preview .modern-table td { border:0; padding:0; min-width:0; }
 .apple-preview .modern-table td:first-child { max-width:none; grid-column:1 / -1; font-size:17px; white-space:normal; }
 .apple-preview .modern-table td:nth-child(4), .apple-preview .modern-table td:nth-child(8) { display:none; }
 .apple-preview .modern-table td:nth-child(9) { display:block; color:#909098; }
 .apple-preview .modern-table td:last-child { grid-column:1 / -1; padding-top:10px; border-top:1px solid var(--line); }
 .apple-preview .chart-tabs { flex-shrink:0; } .apple-preview .section-header-with-controls { flex-wrap:wrap; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { .apple-preview *, .apple-preview *::before, .apple-preview *::after { animation:none!important; transition:none!important; } }