.book-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#edf3e8,#fafbf7)}.book-profile h2{font-size:19px;letter-spacing:-.02em;margin:9px 0}.book-profile p{font-size:13px;color:var(--muted);margin:0}.book-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:24px 0}.book-toolbar label{display:grid;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}.book-toolbar input,.book-toolbar select{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:46px;padding:12px 14px;font:inherit;font-size:14px;color:var(--ink)}.book-toolbar input{width:115px}.book-toolbar select{min-width:185px}.book-toolbar .primary{margin-left:auto;min-height:46px}.book-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.book-metrics>div{display:flex;align-items:center;gap:15px;padding:19px 22px;border:1px solid var(--line);background:#fff9;border-radius:18px}.book-metrics strong{font-size:30px;font-weight:600;letter-spacing:-.04em}.book-metrics span{font-size:12px;color:var(--muted)}.book-progress{margin:24px 0 30px;padding:0 3px}.book-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px}.book-progress strong{font-size:12px;font-weight:600}.book-progress-track{height:7px;background:#e4ebe0;border-radius:20px;overflow:hidden}.book-progress-track>span{display:block;background:linear-gradient(90deg,#45715d,#b9cda6);height:100%;border-radius:20px;transition:width .3s}.book-progress p{font-size:11px;color:var(--muted);margin:9px 0 0}.book-list-card{padding-bottom:18px}.book-list-card .section-title h2{margin-top:6px}.book-search-form{padding:8px 0 20px}.book-search-form>label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.book-search-form>div{display:flex;align-items:center;gap:10px;max-width:650px}.book-search-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;font-size:12px;color:var(--ink);background:#fafcf8;min-height:42px}.book-search-form .secondary{font-size:12px;min-height:42px;padding:10px 16px}.book-search-form .text-button{font-size:11px}.book-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden}.book-table{width:100%;border-collapse:collapse;table-layout:fixed}.book-table thead th{background:#edf2e9;padding:14px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.01em;color:#61765e}.book-table thead th:first-child{width:50px;text-align:center;padding:14px 6px}.book-table thead th:nth-child(3){width:170px}.book-table thead th:last-child{width:137px}.book-table tbody th,.book-table tbody td{border-top:1px solid #e5ebe2;padding:15px 16px;vertical-align:middle}.book-table tbody th.book-number{text-align:center;font-size:11px;font-weight:400;color:#80907c;padding:15px 6px}.book-title{display:block;background:none;border:0;font:inherit;font-size:13px;font-weight:650;line-height:1.65;color:var(--ink);text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}.book-title:hover{text-decoration:underline}.book-status{display:inline-block;font-size:9px;padding:3px 7px;border-radius:20px;margin-top:6px;line-height:1.4}.status-planned{color:#7a8574;background:#f0f3eb}.status-reading{color:#8b733e;background:#f4ecd5}.status-done{color:#456c50;background:#e4efdf}.book-finished-cell{font-size:11px;color:#6c7d64}.book-date-empty{color:#acb7a6}.book-row-actions{text-align:right;white-space:nowrap}.book-row-actions .text-button{font-size:11px;padding:7px 5px}.book-finish{margin-left:8px;font:inherit;font-size:10px;line-height:1.5;color:#527250;border:1px solid #d8e4d1;background:#f2f7ed;border-radius:10px;padding:6px 8px;cursor:pointer}.book-finish:hover{background:#e2edda}.book-finished-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3efdc;color:#507450;margin-left:14px;font-size:14px}.book-empty-row td,.book-empty-row th{padding-top:10px!important;padding-bottom:10px!important}.book-empty{display:flex;align-items:center;gap:8px;font:inherit;font-size:11px;background:none;border:0;color:#98a491;padding:0;text-align:left;cursor:pointer;min-height:20px}.book-empty span{font-size:14px;color:#b0bba8}.book-empty:hover{color:#56724c}.book-empty-row .book-row-actions{background:#fcfdfb}.book-empty-row:hover{background:#f8faf4}.book-no-results{font-size:13px;color:var(--muted);padding:28px!important;text-align:center}.book-archived{margin-top:24px}.book-archived summary{font-size:14px;font-weight:600;cursor:pointer}.book-archived summary span{float:right;font-size:12px;color:var(--muted)}.book-archived article{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:17px 0}.book-archived[open] summary{margin-bottom:16px}.book-archived strong{font-size:13px;overflow-wrap:anywhere}.book-archived p{font-size:11px;color:var(--muted);margin:5px 0}.book-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.book-editor-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}#book-editor{width:min(600px,calc(100% - 28px));padding:28px}#book-editor h2{font-size:21px}#book-finished-field[hidden]{display:none}.mobile-nav button[data-view=buku]{min-width:77px}.mobile-nav button[data-view=buku] span{font-size:10.5px}
@media(max-width:900px){.book-table thead th:nth-child(3){width:130px}.book-table thead th:last-child{width:115px}.book-row-actions .text-button{padding:6px 2px}.book-finish{margin-left:5px;font-size:9px;padding:5px 7px}.book-table tbody th,.book-table tbody td{padding:14px 11px}}
@media(max-width:680px){.book-profile{flex-direction:column;align-items:flex-start;gap:16px}.book-profile h2{font-size:16px;line-height:1.7}.book-profile p{font-size:12px}.book-profile .secondary{font-size:12px;min-height:40px}.book-toolbar{gap:12px}.book-toolbar label:nth-child(2){flex:1;min-width:140px}.book-toolbar select{width:100%;min-width:0}.book-toolbar .primary{width:100%;margin-left:0}.book-metrics{gap:8px}.book-metrics>div{flex-direction:column;align-items:flex-start;padding:13px 11px;gap:3px}.book-metrics strong{font-size:25px}.book-metrics span{font-size:10px}.book-list-card.card{padding:22px 14px}.book-list-card .section-title h2{font-size:17px}.book-list-card .section-title .chip{font-size:10px;padding:5px 7px}.book-search-form>div{flex-wrap:wrap}.book-search-form input{flex-basis:60%}.book-table,.book-table tbody{display:block;width:100%}.book-table thead{display:none}.book-table tbody tr{display:grid;grid-template-columns:30px minmax(0,1fr);padding:14px 12px;gap:7px 10px;border-top:1px solid #e5ebe2}.book-table tbody tr:first-child{border-top:0}.book-table tbody th,.book-table tbody td{border:0;padding:0!important}.book-table tbody th.book-number{grid-column:1;grid-row:1/4;text-align:left;padding:3px 0 0!important;font-size:10px}.book-title-cell{grid-column:2;grid-row:1}.book-title{font-size:12px;line-height:1.7}.book-status{margin-top:5px;font-size:9px}.book-finished-cell{grid-column:2;grid-row:2;font-size:10px}.book-finished-cell time:before{content:'Selesai · '}.book-finished-cell:has(.book-date-empty){display:none}.book-row-actions{grid-column:2;grid-row:3;text-align:left;display:flex;align-items:center;gap:12px}.book-row-actions .text-button{font-size:10px;min-height:28px}.book-finish{font-size:10px;min-height:28px;margin-left:0;padding:5px 8px}.book-finished-mark{width:23px;height:23px;font-size:12px;margin-left:0}.book-empty-row .book-row-actions,.book-empty-row .book-finished-cell{display:none}.book-table tbody .book-empty-row{padding:11px 12px;gap:0 10px;min-height:41px}.book-empty{font-size:10px}.book-table tbody .book-no-results{grid-column:1/-1;font-size:12px}.book-editor-two{grid-template-columns:1fr}#book-editor{padding:22px}.book-archived article{gap:12px}.book-archived strong{font-size:12px}.book-archived .secondary{font-size:11px;padding:9px 12px}.book-progress>div:first-child{font-size:11px}}