:root{--bg: #f7f2ea;--bg-deep: #efe7d9;--surface: #fffdf9;--surface-soft: #faf6ee;--ink: #33302a;--ink-soft: #6d6659;--muted: #948b7c;--line: #e7dfd0;--line-strong: #d9cfbc;--pine: #CD5C5C;--pine-dark: #9B4141;--pine-soft: #D78282;--teal: #2e7d6b;--clay: #c06b3f;--clay-soft: #e3b193;--amber: #c89b3c;--read: #3d8b5f;--read-bg: #e6f2ea;--bought: #c18a2e;--bought-bg: #f7edda;--wishlist: #7a5fb0;--wishlist-bg: #efe9f7;--abandoned: #DC3545;--abandoned-bg: #fce4e6;--danger: #b34545;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(51, 43, 32, .06), 0 1px 3px rgba(51, 43, 32, .05);--shadow-md: 0 6px 24px rgba(51, 43, 32, .12);--shadow-lg: 0 18px 60px rgba(51, 43, 32, .22);--font-serif: "Georgia", "Cambria", "Times New Roman", serif;--font-sans: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:600;margin:0}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}::selection{background:#c06b3f40}.app{display:flex;min-height:100vh}.sidebar{width:268px;flex-shrink:0;background:linear-gradient(180deg,var(--pine) 0%,var(--pine-dark) 100%);color:#efe9dc;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px;text-decoration:none;color:inherit}.sidebar-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--clay),#e0955f);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000040}.sidebar-brand-title{font-family:var(--font-serif);font-size:19px;font-weight:600;line-height:1.2}.sidebar-brand-sub{font-size:11px;color:#efe9dc99;letter-spacing:.04em}.sidebar-section{margin-top:18px}.sidebar-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#efe9dc73;padding:0 10px;margin-bottom:7px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#efe9dcd9;text-decoration:none;font-size:13.5px;transition:background .15s ease,color .15s ease;border:1px solid transparent}.sidebar-link:hover{background:#ffffff12;color:#fff}.sidebar-link.active{background:#ffffff1f;color:#fff;border-color:#ffffff1f}.sidebar-link.active .nav-dot{background:var(--clay)}.nav-dot{width:8px;height:8px;border-radius:50%;background:#ffffff38;flex-shrink:0;transition:background .15s ease}.sidebar-link .nav-icon{font-size:15px;width:20px;text-align:center}.sidebar-link-tab{justify-content:space-between}.sidebar-link-tab.active .nav-dot{background:#4a90d9}.sidebar-tab-delete{display:none;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:4px;background:transparent;color:#ffffff4d;font-size:13px;cursor:pointer;flex-shrink:0;line-height:1;transition:color .15s ease,background .15s ease}.sidebar-link-tab:hover .sidebar-tab-delete{display:flex}.sidebar-tab-delete:hover{color:#fff;background:#ffffff26}.sidebar-add{display:flex;align-items:center;gap:10px;margin-top:9px;padding:8px 12px;width:100%;border:1px dashed rgba(227,177,147,.45);border-radius:var(--radius-sm);background:transparent;color:var(--clay-soft);font-family:inherit;font-size:13px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.sidebar-add:hover{border-color:var(--clay);background:#c06b3f21;color:#ffd9c0}.sidebar-add-icon{position:relative;width:20px;height:20px;border-radius:50%;background:var(--clay);color:#fff;flex-shrink:0;box-shadow:0 2px 6px #00000040;transition:transform .18s ease}.sidebar-add-icon:before,.sidebar-add-icon:after{content:"";position:absolute;top:50%;left:50%;background:#fff;border-radius:2px}.sidebar-add-icon:before{width:10px;height:2px;transform:translate(-50%,-50%)}.sidebar-add-icon:after{width:2px;height:10px;transform:translate(-50%,-50%)}.sidebar-add:hover .sidebar-add-icon{transform:rotate(90deg)}.tab-count{font-size:11px;background:#ffffff24;border-radius:20px;padding:1px 8px;color:#efe9dcd9}.sidebar-footer{margin-top:auto;padding:14px 10px 2px;font-size:11.5px;color:#efe9dc73;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0d;color:#efe9dccc;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.sidebar-footer-btn:hover{background:#ffffff1f;border-color:#ffffff38;color:#fff}.sidebar-footer-btn-icon{width:20px;text-align:center;flex-shrink:0}.app-main{flex:1;padding:30px 36px 48px;min-width:0}.page{max-width:1320px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-size:27px;color:var(--ink)}.page-title .count{font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--muted);margin-left:8px;vertical-align:middle}.page-subtitle{color:var(--ink-soft);margin-top:5px;font-size:13.5px}.page-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--pine);color:#f6efe2;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--pine-soft)}.btn-accent{background:var(--clay);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:#1f4a4114;color:var(--pine)}.btn-danger{background:transparent;color:var(--danger);border-color:#b3454559}.btn-danger:hover:not(:disabled){background:#b3454514;border-color:var(--danger)}.btn-sm{padding:5px 11px;font-size:12.5px;border-radius:8px}.btn-icon{padding:7px;line-height:0;border-radius:8px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.filter-search{position:relative;flex:1;min-width:180px}.filter-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);transition:border-color .15s ease}.filter-search input:focus{outline:none;border-color:var(--teal);background:var(--surface)}.filter-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}.filter-reset{font-size:12.5px;color:var(--muted);background:none;border:none;padding:6px 8px;border-radius:8px}.filter-reset:hover{color:var(--danger);background:#b3454512}.multiselect{position:relative}.multiselect-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:13.5px;color:var(--ink);min-height:36px;transition:border-color .15s ease}.multiselect-trigger:hover,.multiselect.open .multiselect-trigger{border-color:var(--teal)}.multiselect-label{color:var(--muted)}.multiselect-value{color:var(--ink);font-weight:500}.multiselect-chevron{margin-left:2px;color:var(--muted);font-size:9px}.multiselect-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;max-height:min(320px,40vh);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:8px;z-index:40}.multiselect-search{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:7px;margin-bottom:6px;background:var(--surface-soft)}.multiselect-search:focus{outline:none;border-color:var(--teal)}.multiselect-option{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;font-size:13.5px;cursor:pointer}.multiselect-option:hover{background:var(--surface-soft)}.multiselect-option input[type=checkbox]{accent-color:var(--teal);width:14px;height:14px}.multiselect-option .ms-count{margin-left:auto;font-size:11px;color:var(--muted)}.multiselect-empty{padding:10px;text-align:center;color:var(--muted);font-size:13px}.multiselect-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:7px 10px 3px}.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.books-table{width:100%;border-collapse:collapse}.books-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface-soft);white-space:nowrap}.books-table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.books-table tbody tr{transition:background .12s ease}.books-table tbody tr:hover{background:#fbf7ef}.books-table tbody tr:last-child td{border-bottom:none}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface-soft)}.pagination-info{font-size:13px;color:var(--ink-soft);white-space:nowrap}.pagination-pages{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pager-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,color .12s ease}.pager-btn:hover:not(:disabled):not(.is-active){background:var(--surface-soft);border-color:var(--clay-soft)}.pager-btn:disabled{opacity:.4;cursor:default}.pager-btn.is-active{background:var(--pine);border-color:var(--pine);color:#fffdf9;cursor:default}.pager-dots{padding:0 4px;color:var(--muted)}.pagination-limit{padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13px;cursor:pointer}.cell-title{font-weight:600;font-size:14.5px;line-height:1.3}.cell-author{color:var(--ink-soft);font-size:12.5px;margin-top:2px}.cell-muted{color:var(--muted);font-size:13px}.cell-actions{display:flex;gap:4px;justify-content:flex-end}.icon-btn{background:transparent;border:none;border-radius:7px;padding:6px;line-height:0;color:var(--muted);transition:all .13s ease}.icon-btn:hover{background:#1f4a4117;color:var(--pine)}.icon-btn.danger:hover{background:#b345451a;color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-read{color:var(--read);background:var(--read-bg)}.badge-bought{color:var(--bought);background:var(--bought-bg)}.badge-wishlist{color:var(--wishlist);background:var(--wishlist-bg)}.badge-abandoned{color:var(--abandoned);background:var(--abandoned-bg)}.badge-none{color:var(--muted);background:var(--surface-soft)}.author-suggestions{position:absolute;top:100%;left:0;right:0;z-index:150;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md)}.author-suggestion-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--ink)}.author-suggestion-item:hover{background:var(--surface-soft)}.empty-state{text-align:center;padding:56px 20px;color:var(--muted)}.empty-state-icon{font-size:38px;margin-bottom:12px;opacity:.75}.empty-state-title{font-family:var(--font-serif);font-size:19px;color:var(--ink-soft);margin-bottom:6px}.empty-state-text{font-size:13.5px;max-width:380px;margin:0 auto 18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2720196b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;padding:12px;overscroll-behavior:contain}.modal{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;animation:modal-in .18s ease;color:var(--ink)}.modal-tall{min-height:min(600px,calc(100dvh - 24px))}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:21px;color:var(--ink)}.modal-close{background:transparent;border:none;font-size:20px;color:var(--muted);padding:4px 8px;border-radius:8px;line-height:1}.modal-close:hover{background:var(--surface-soft);color:var(--ink)}.modal-body{padding:16px 24px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;color:var(--ink)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:6px 24px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1 / -1}.form-field label{font-size:12.5px;font-weight:500;color:var(--ink-soft)}.form-field input,.form-field select,.form-field textarea{padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);transition:border-color .15s ease,background .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--teal);background:var(--surface)}.form-hint{font-size:12px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.catalog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.catalog-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.catalog-card-title{font-size:17px}.catalog-card-actions{display:flex;gap:4px}.genre-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.genre-row:hover{background:var(--surface-soft)}.genre-row-name{flex:1;font-size:13.5px}.genre-row-book-count{font-size:11.5px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:1px 9px}.genre-row-actions{display:flex;gap:2px;opacity:0;transition:opacity .13s ease}.genre-row:hover .genre-row-actions{opacity:1}.catalog-empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:34px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius)}.drag-item{cursor:grab}.drag-item.dragging{opacity:.45;cursor:grabbing}.drag-item.drop-target{position:relative}.drag-item.drag-card.drop-target:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px dashed var(--clay);border-radius:var(--radius);pointer-events:none}.drag-item.drag-row.drop-target .genre-row{box-shadow:inset 0 0 0 2px var(--clay)}.drag-item.drag-card.dragging .catalog-card{box-shadow:var(--shadow-md)}.catalog-card-add{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-card-add input{flex:1;padding:7px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft)}.catalog-card-add input:focus{outline:none;border-color:var(--teal)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.catalog-toolbar select{padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:200px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.stats-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}.stats-card-value{font-family:var(--font-serif);font-size:28px;font-weight:600;color:var(--pine);line-height:1.1}.stats-card-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.stats-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.stats-toolbar select{padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.stats-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stats-table{width:100%;border-collapse:collapse;min-width:640px}.stats-table th,.stats-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table thead th{background:var(--surface-soft);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);position:sticky;top:0}.stats-table .row-label{font-weight:500}.stats-table .row-label .cat-hint{font-size:11px;color:var(--muted);font-weight:400}.stats-table .is-total{background:var(--surface-soft);font-weight:600;color:var(--pine);border-top:2px solid var(--line-strong)}.stats-table .is-zero{color:#d8d0c0}.stats-table tbody tr:hover{background:#fbf7ef}.stats-grand{display:flex;align-items:baseline;gap:16px;background:linear-gradient(135deg,var(--pine) 0%,var(--pine-dark) 100%);color:#fffdf9;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 22px;margin-bottom:20px}.stats-grand-value{font-family:var(--font-serif);font-size:38px;font-weight:600;line-height:1}.stats-grand-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#efe9dc;opacity:.9}.stats-categories{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:18px}.stats-category{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.stats-category-title{font-size:18px;color:var(--pine);margin-bottom:12px}.stats-category .stats-table{min-width:0;width:100%}.stats-category .stats-table td:first-child{width:100%}.genre-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--pine);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color .12s ease}.genre-link:hover{color:var(--clay);text-decoration-style:solid}.plan-year-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.plan-year-tab{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.plan-year-tab:hover{border-color:var(--teal);color:var(--pine)}.plan-year-tab.active{background:var(--pine);border-color:var(--pine);color:#f6efe2;box-shadow:var(--shadow-sm)}.plan-year-tab-close{background:transparent;border:none;border-radius:6px;color:inherit;font-size:15px;line-height:1;padding:1px 5px;opacity:.65}.plan-year-tab-close:hover{opacity:1;background:#ffffff2e}.plan-year-add{padding:8px 14px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);font-size:13.5px;transition:all .15s ease}.plan-year-add:hover{border-color:var(--clay);color:var(--clay);background:#c06b3f0f}.plan-year-draft{display:flex;align-items:center;gap:8px}.plan-year-draft input{width:100px;padding:8px 12px;border:1px solid var(--teal);border-radius:var(--radius-sm);background:var(--surface);font-size:14px}.plan-year-draft input:focus{outline:none}.plan-list{display:flex;flex-direction:column;gap:12px}.plan-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .15s ease}.plan-row.purchased{border-color:#3d8b5f73}.plan-row-head{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}.plan-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.plan-check input[type=checkbox]{width:19px;height:19px;accent-color:var(--read);cursor:pointer}.plan-check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.75}.plan-name-input{flex:1;min-width:180px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:14.5px;font-weight:600;color:var(--ink);transition:all .15s ease}.plan-name-input:hover{border-color:var(--line);background:var(--surface-soft)}.plan-name-input:focus{outline:none;border-color:var(--teal);background:var(--surface-soft)}.plan-name-input::placeholder{color:var(--muted);font-weight:400}.plan-row.purchased>.plan-row-head .plan-name-input{color:var(--muted);text-decoration:line-through}.plan-book-select{max-width:280px;min-width:200px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);font-size:13px;color:var(--ink)}.plan-book-select:focus{outline:none;border-color:var(--teal)}.plan-subrows{display:flex;flex-direction:column;gap:8px;padding:4px 16px 16px 46px}.plan-subrow{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease}.plan-subrow.purchased{border-color:#3d8b5f59}.plan-subrow .plan-name-input{font-weight:400;font-size:14px;min-width:150px}.plan-subrow.purchased .plan-name-input{color:var(--muted);text-decoration:line-through}.plan-add-row{align-self:center;margin-top:4px}.unread-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;margin-bottom:18px}.unread-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.unread-card-title{font-size:17px;color:var(--ink)}.unread-hint{font-size:12px;color:var(--muted)}.unread-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.unread-dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin-left:10px}.unread-dot:first-child{margin-left:0}.unread-dot-current{background:var(--clay)}.unread-dot-frozen{background:var(--teal);opacity:.55}.unread-table-wrap{overflow-x:auto}.unread-table{width:100%;border-collapse:collapse}.unread-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:11px 16px;border-bottom:1px solid var(--line);background:var(--surface-soft);white-space:nowrap}.unread-table td{padding:10px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.unread-table tbody tr:hover{background:#fbf7ef}.unread-table tbody tr:last-child td{border-bottom:none}.unread-cat-name{font-weight:500}.unread-num{text-align:center;font-variant-numeric:tabular-nums}.unread-table .unread-num:last-child{text-align:right}.unread-over{color:var(--danger)!important;font-weight:600}.unread-total td{background:var(--surface-soft);font-weight:600;color:var(--pine);border-top:2px solid var(--line-strong)}.unread-target-input{width:90px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);text-align:center;font-variant-numeric:tabular-nums}.unread-target-input:focus{outline:none;border-color:var(--teal);background:var(--surface)}.read-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;margin-bottom:18px}.read-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.read-card-title{font-size:17px;color:var(--ink)}.read-hint{font-size:12px;color:var(--muted)}.read-triple{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.read-chart-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);padding:12px;min-width:0;overflow-x:auto}.read-chart-inner{width:max-content;min-width:100%}.read-chart-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;text-align:center}.chart-scroll{overflow-x:auto}.chart{display:block;margin:0 auto}.chart-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}.cost-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;margin-top:6px}.cost-section-title{font-size:17px;color:var(--ink)}.cost-toolbar-actions{display:flex;align-items:center;gap:10px}.cost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.cost-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;flex-direction:column;gap:8px}.cost-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cost-card-title{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.cost-card-actions{display:flex;align-items:center;gap:4px}.cost-card-desc{font-size:12.5px;color:var(--muted);line-height:1.45}.cost-card-sum{display:flex;align-items:baseline;gap:8px;margin-top:auto}.cost-card-money{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--clay);font-variant-numeric:tabular-nums}.cost-card-count{font-size:13px;color:var(--muted)}.cost-statuses{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cost-check{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.cost-tree{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);padding:10px 12px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.cost-tree-category{display:flex;flex-direction:column;gap:2px}.cost-tree-cat{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 0}.cost-tree-genre{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0 2px 26px}.cost-tree-genre input,.cost-tree-cat input{accent-color:var(--teal);cursor:pointer}.cost-preview{margin-top:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12.5px;border-top:1px dashed var(--line);padding-top:12px}.cost-preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.cost-preview-text{color:var(--ink-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d5cbba;border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c0b4a0}.error-banner{background:#b3454514;border:1px solid rgba(179,69,69,.3);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:13px}.success-banner{background:#2e7d6b14;border:1px solid rgba(46,125,107,.3);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px;font-size:13.5px;line-height:1.5}.success-banner a,.error-banner a{color:var(--pine);font-weight:600;text-decoration:none}.success-banner a:hover,.error-banner a:hover{text-decoration:underline}.loading-bar{text-align:center;padding:34px;color:var(--muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(1200px 500px at 80% -10%,rgba(205,92,92,.12),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:36px 32px}.auth-card .form-grid{grid-template-columns:1fr}.auth-header{text-align:center}.auth-icon{font-size:34px;line-height:1}.auth-header h1{margin:12px 0 6px;font-size:21px;font-family:var(--font-serif);color:var(--ink)}.auth-header p{margin:0;font-size:14px;color:var(--muted)}.auth-btn{width:100%;margin-top:4px;justify-content:center}.auth-footer{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px;text-align:center;font-size:13.5px;color:var(--muted)}.auth-footer a{color:var(--pine);text-decoration:none;font-weight:600;white-space:nowrap}.auth-footer a:hover{text-decoration:underline}.auth-footer-sep{color:var(--line)}.email-confirm-banner{max-width:1320px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 14px;background:#2e7d6b0f;border:1px solid rgba(46,125,107,.22);border-radius:var(--radius-sm);font-size:13px;color:var(--ink)}.email-confirm-text{flex:1;min-width:220px}.email-confirm-text strong{color:var(--teal)}.app-topbar{max-width:1320px;margin:0 auto 20px;display:flex;align-items:center;justify-content:flex-end}.nav-burger{display:none}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px 5px 6px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease;font-family:var(--font-sans)}.user-menu-trigger:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pine) 0%,var(--pine-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.user-avatar--lg{width:42px;height:42px;font-size:16px}.user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--ink);font-weight:600}.user-chevron{font-size:8px;color:var(--muted)}.user-popup{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px}.user-popup-header{display:flex;align-items:center;gap:12px}.user-popup-name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:2px}.user-popup-login{font-size:12.5px;color:var(--muted)}.user-popup-flag{margin-top:12px;font-size:12.5px;color:var(--teal);background:#2e7d6b1a;border-radius:var(--radius-sm);padding:8px 10px}.user-popup-divider{height:1px;background:var(--line);margin:12px 0}.user-popup-item{width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--ink);cursor:pointer;font-family:var(--font-sans);margin-bottom:4px}.user-popup-item:hover{background:var(--surface-soft)}.user-popup-logout{width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--danger);cursor:pointer;font-family:var(--font-sans)}.user-popup-logout:hover{background:#b3454514}.admin-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th,.admin-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table thead th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-soft)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-soft)}.admin-table-id{color:var(--muted)}.admin-table-login{font-weight:600;color:var(--ink)}.admin-table-date{color:var(--muted)}.admin-table-empty{text-align:center;color:var(--muted);padding:32px 16px}.admin-table-clickable tbody tr{cursor:pointer}.admin-drill-hint{margin-left:8px;font-size:12px;color:var(--teal);font-weight:500}.admin-flag-key{font-size:12px;color:var(--muted);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;margin-top:2px}.admin-flag-row-flash{animation:admin-flag-flash .9s ease-out}@keyframes admin-flag-flash{0%{background-color:#1c748e29}to{background-color:transparent}}.admin-section{margin-bottom:28px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.admin-section-title{font-size:16px;font-weight:600;color:var(--ink);margin:0}.admin-period{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-period label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.admin-period input[type=date]{padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);font-family:var(--font-sans);font-size:13px;color:var(--ink)}.admin-period input[type=date]:focus{outline:none;border-color:var(--teal)}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:riseIn .6s cubic-bezier(.22,.61,.36,1) forwards}.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.about-page{max-width:960px;margin:0 auto;padding:40px 28px 64px}.about-hero{text-align:center;padding:48px 24px;border-radius:20px;background:radial-gradient(120% 140% at 12% 0%,rgba(46,125,107,.14) 0%,transparent 55%),radial-gradient(120% 140% at 90% 10%,rgba(179,69,69,.12) 0%,transparent 50%),var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.about-hero-icon{font-size:56px;line-height:1;display:inline-block;animation:floatIcon 3.4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.about-hero-title{margin:20px 0 0;font-size:clamp(28px,5vw,42px);font-weight:700;letter-spacing:-.01em}.about-hero-title-accent{background:linear-gradient(120deg,var(--teal),var(--pine) 60%,var(--gold, #b98a2f));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--teal)}.about-hero-subtitle{margin:18px auto 0;max-width:560px;font-size:16px;line-height:1.6;color:var(--muted)}.about-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-lg{padding:11px 22px;font-size:15px}.about-section{margin-top:56px}.about-section-head{text-align:center;margin-bottom:28px}.about-h2{margin:0;font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--ink)}.about-lead{margin:10px 0 0;font-size:15px;color:var(--muted)}.about-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.about-feature-card{height:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.about-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#2e7d6b59}.about-feature-icon{font-size:26px;line-height:1}.about-feature-title{margin:12px 0 6px;font-size:15.5px;font-weight:600;color:var(--ink)}.about-feature-text{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.about-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.about-step{position:relative;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:22px 20px}.about-step-num{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--teal)}.about-step-title{margin:10px 0 6px;font-size:16px;font-weight:600;color:var(--ink)}.about-step-text{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.about-final{text-align:center;padding:36px 20px}.about-final-text{font-size:19px;font-weight:600;color:var(--ink);margin:0 0 18px}.about-footer{margin-top:56px;text-align:center;font-size:12.5px;color:var(--muted)}.admin-toggle{position:relative;width:40px;height:22px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.admin-toggle .admin-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:left .15s ease,background .15s ease}.admin-toggle.on{background:var(--teal);border-color:var(--teal)}.admin-toggle.on .admin-toggle-knob{left:20px;background:#fff}.admin-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 860px){.app{flex-direction:column}.app-main{padding:14px 14px 48px;min-width:0}.app-topbar{max-width:none;margin:6px 0 14px;padding:0 2px}.sidebar{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(300px,84vw);height:100vh;height:100dvh;transform:translate(-100%);z-index:90;border-radius:0 16px 16px 0;transition:transform .24s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#2720196b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm);padding:0;flex-shrink:0;cursor:pointer}.nav-burger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--ink)}.user-name{max-width:140px}.page-title{font-size:22px}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.books-table{min-width:820px}.stats-category{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}.stats-categories{grid-template-columns:repeat(2,1fr);gap:12px}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:18px 18px 0 0}.modal-tall{min-height:0}.modal-header{padding:16px 16px 0}.modal-body{padding:12px 16px}.modal-footer{padding:4px 16px 16px;flex-wrap:wrap}.about-page{padding:24px 14px 48px}.about-hero{padding:32px 16px}.user-menu-trigger{gap:6px;padding:5px 10px 5px 5px}.plan-book-select{flex:1 1 100%;width:100%;min-width:0;max-width:none}.plan-subrow{flex-wrap:wrap}}@media (max-width: 460px){.stats-categories{grid-template-columns:1fr}}