.login-page{background:radial-gradient(ellipse at 20% 50%, #6c5ce71a 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #ff6b6b14 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #74b9ff0f 0%, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffd9;border:1px solid #fff9;width:100%;max-width:400px;padding:2.75rem 2.25rem;transition:transform .3s;box-shadow:0 4px 16px #0000000a,0 12px 40px #0000000f}.login-card:hover{transform:translateY(-2px)}.login-icon{background:linear-gradient(135deg, var(--accent), #a29bfe);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #6c5ce740}.login-title{color:var(--text-primary);text-align:center;letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.875rem}.login-form{flex-direction:column;display:flex}.login-form .form-group{margin-bottom:1.125rem}.login-form label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.login-btn{border-radius:var(--radius-sm);letter-spacing:.04em;width:100%;margin-top:.5rem;padding:.75rem;font-size:.9375rem;font-weight:600}.login-btn:not(:disabled){background:linear-gradient(135deg, var(--accent), #a29bfe);border:none;box-shadow:0 4px 12px #6c5ce74d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover), #8c7ff5);transform:translateY(-1px);box-shadow:0 6px 16px #6c5ce766}.login-btn:active:not(:disabled){transform:translateY(0)}.login-error{background-color:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);border:1px solid #f5d6d0;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.8125rem}@media (width<=480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.375rem}}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:2rem 1.75rem 1.5rem;animation:.25s modal-scale-in;box-shadow:0 8px 40px #00000026}.modal-icon-wrap{color:#d97706;background:#fef3e7;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex}.modal-card .modal-title{color:#1c1917;margin:0 0 .5rem;font-size:1rem;font-weight:600}.modal-message{color:#78716c;margin:0 0 1.25rem;font-size:.875rem;line-height:1.6}.modal-input{color:#1c1917;box-sizing:border-box;background:#fff;border:1.5px solid #e8e3de;border-radius:8px;outline:none;width:100%;margin:0 0 1.25rem;padding:.625rem .75rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce714}.modal-actions{justify-content:center;gap:.625rem;display:flex}.modal-actions .btn{border-radius:10px;min-width:90px;padding:.5rem 1.25rem;font-size:.875rem}.modal-actions .btn-danger{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.modal-actions .btn-danger:hover{background:#b91c1c!important}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.booklist-page{flex-direction:column;min-height:100vh;display:flex}.booklist-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#ffffffeb;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0;overflow:visible}.booklist-header-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.booklist-header-title:before{content:"📖 ";font-size:1.125rem}.booklist-header-actions{align-items:center;gap:.5rem;display:flex}.booklist-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem}.drop-hint{z-index:100;pointer-events:none;position:fixed;inset:0}.drop-hint-active{pointer-events:all;background:color-mix(in srgb, var(--accent) 15%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drop-hint-content{color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.25rem;font-weight:600;display:flex;position:absolute;inset:0}.upload-error-inline{background:color-mix(in srgb, var(--warning,#e17055) 10%, var(--card-bg));border:1px solid var(--warning,#e17055);border-radius:var(--radius-sm);color:var(--warning,#e17055);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.books-section{margin-top:.5rem;overflow:visible}.books-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.books-section-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.books-section-count{color:var(--text-muted);font-size:.8125rem}.books-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9375rem;line-height:2}.books-list{flex-direction:column;gap:.75rem;display:flex;overflow:visible}.book-item{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:1;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.25rem 1.125rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.book-item-menu-open{z-index:50}.book-item:before{content:"";background:linear-gradient(to bottom, var(--accent), color-mix(in srgb, var(--accent) 60%, #a29bfe));border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.book-item.source-chm:before{background:linear-gradient(#00b894,#55efc4)}.book-item.source-epub:before{background:linear-gradient(#6c5ce7,#a29bfe)}.book-item.source-manual:before{background:linear-gradient(#e17055,#fab1a0)}.book-item:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent) 20%, var(--border));transform:translateY(-2px)}.book-item:hover:before{width:6px;transition:width .2s}.book-item-pinned:before{background:linear-gradient(to bottom, var(--accent), color-mix(in srgb, var(--accent) 50%, #e17055));width:5px}.book-item-pinned:hover:before{width:7px}.book-info{flex:1;min-width:0}.book-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4;overflow:hidden}.book-meta{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.book-date{color:var(--text-muted)}.book-error{color:var(--warning);margin-top:.375rem;font-size:.8125rem;line-height:1.4}.status-tag{border-radius:20px;align-items:center;gap:.25rem;padding:.1875rem .5625rem;font-size:.75rem;font-weight:500;line-height:1.5;display:inline-flex}.status-pending{background-color:var(--pending-bg);color:var(--pending)}.status-parsing{color:#d68910;background-color:#fef7e7;position:relative}.status-parsing:after{content:"";border:1.5px solid #d68910;border-top-color:#0000;border-radius:50%;width:6px;height:6px;animation:.8s linear infinite spin;display:inline-block}.status-success{background-color:var(--success-bg);color:var(--success)}.status-failed{background-color:var(--warning-bg);color:var(--warning)}.source-tag{letter-spacing:.02em;border-radius:20px;align-items:center;padding:.1875rem .5625rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.source-tag-epub{background-color:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.source-tag-manual{background-color:var(--pending-bg);color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.upload-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#1e1e1eb3;justify-content:center;align-items:center;animation:.25s overlay-fade-in;display:flex;position:fixed;inset:0}.upload-overlay-content{text-align:center;color:#fff}.upload-overlay-icon{opacity:.5;margin-bottom:1.25rem;animation:1.6s ease-in-out infinite overlay-bounce}.upload-overlay-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto 1.25rem;animation:.8s linear infinite spin}.upload-overlay-text{margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.upload-overlay-hint{opacity:.6;margin:0;font-size:.8125rem}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.book-actions{flex-shrink:0;gap:.5rem;display:flex}@media (width<=640px){.booklist-header{padding:.75rem 1rem}.booklist-header-title{font-size:1rem}.booklist-content{padding:1.25rem 1rem}}.filter-bar{background:linear-gradient(135deg, var(--card-bg) 0%, color-mix(in srgb, var(--accent) 5%, var(--card-bg)) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem;transition:box-shadow .2s;display:flex}.filter-bar:focus-within{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.filter-search{flex:1;align-items:center;display:flex;position:relative}.filter-search-icon{color:var(--text-muted);pointer-events:none;transition:color .15s;position:absolute;left:.75rem}.filter-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);outline:none;padding:.5rem 2rem .5rem 2.5rem;font-size:.875rem;transition:all .15s}.filter-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--card-bg)}.filter-search-input:focus+.filter-search-icon,.filter-search:focus-within .filter-search-icon{color:var(--accent)}.filter-search-clear{background:var(--text-tertiary);width:20px;height:20px;color:var(--card-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:all .15s;display:flex;position:absolute;right:.5rem}.filter-search-clear:hover{background:var(--text-muted);transform:scale(1.1)}.filter-controls{align-items:center;gap:.5rem;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;outline:none;padding:.45rem 1.75rem .45rem .75rem;font-size:.8125rem;transition:all .15s}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--card-bg)}.filter-select:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.pin-badge{margin-right:.375rem;font-size:.875rem;display:inline-block}.status-pinned{background:var(--accent-light);color:var(--accent);font-weight:600}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000;transition:all .15s}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-menu-wrapper{position:relative}.header-menu-btn{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.header-menu-btn:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.header-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;min-width:180px;padding:.375rem;animation:.15s menu-fade-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000026}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;transition:background .12s;display:flex}.header-menu-item:hover{background:color-mix(in srgb, var(--accent) 8%, var(--card-bg));color:var(--accent)}.header-menu-item svg{flex-shrink:0}.header-menu-item-text{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.header-menu-item-hint{color:var(--text-muted);font-size:.6875rem;font-weight:400}@media (width<=768px){.header-menu-item-hint{width:100%;margin-top:.125rem;display:block}}.header-menu-divider{background:var(--border);height:1px;margin:.375rem 0}.header-menu-item-danger{color:var(--warning,#e17055)}.header-menu-item-danger:hover{background:color-mix(in srgb, var(--warning,#e17055) 10%, var(--card-bg));color:var(--warning,#e17055)}.filter-bar-single{flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;padding:.5rem .75rem}.filter-bar-single .filter-search{min-width:0}.filter-bar-single .filter-controls-compact{flex-shrink:0}.book-actions-compact{flex-shrink:0;position:relative}.btn-icon-menu{background:var(--bg-secondary);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-menu:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary));color:var(--accent)}.book-menu-wrapper{position:relative}.book-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;min-width:160px;padding:.375rem;animation:.12s menu-fade-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000026}.book-menu-item{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .1s;display:flex}.book-menu-item:hover{background:color-mix(in srgb, var(--accent) 8%, var(--card-bg));color:var(--accent)}.book-menu-divider{background:var(--border);height:1px;margin:.3125rem 0}.book-menu-item-danger{color:var(--warning,#e17055)}.book-menu-item-danger:hover{background:color-mix(in srgb, var(--warning,#e17055) 10%, var(--card-bg));color:var(--warning,#e17055)}@media (width<=640px){.booklist-content{padding:1rem .875rem}.filter-bar-single{flex-wrap:nowrap;gap:.375rem}.filter-bar-single .filter-search{flex:1;min-width:0}.book-item{flex-direction:row;align-items:center;padding:.875rem 1rem .875rem 1.125rem}.book-info{min-width:0}.book-title{font-size:.9375rem}.book-meta{flex-wrap:nowrap;gap:.25rem .375rem;overflow:hidden}.book-date{font-size:.75rem}.book-actions-compact{border-top:none;width:auto;margin-top:0;padding-top:0}}.reader-flow{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:760px;color:var(--flow-text);background:var(--flow-bg);font-family:var(--font-body);word-break:break-word;overscroll-behavior:contain;flex:1;margin:0 auto;padding:2rem 2.5rem 4rem;overflow:hidden auto}.reader-flow img,.reader-flow table,.reader-flow video,.reader-flow iframe,.reader-flow pre,.reader-flow object,.reader-flow embed{max-width:100%}.reader-flow-p,.reader-flow-p a,.reader-flow-p span{word-break:break-word;overflow-wrap:break-word}.reader-flow-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin:1em 0;overflow:auto hidden}.reader-flow-table-wrap table{border-collapse:collapse;width:100%;min-width:0;font-size:.92em}.reader-flow-table-wrap th,.reader-flow-table-wrap td{border:1px solid var(--flow-border);text-align:left;vertical-align:top;word-break:break-word;padding:.45em .7em}.reader-flow-code{background:var(--flow-code-bg);-webkit-overflow-scrolling:touch;font-size:.9em;line-height:1.6;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-width:100%;margin:1em 0;padding:.9em 1em;overflow:auto hidden}.reader-flow-img-wrap{text-align:center;max-width:100%;margin:1.2em 0;overflow:hidden}.reader-flow-img-wrap img{cursor:zoom-in;border-radius:6px;max-width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 2px 10px #0000001a}.reader-flow a{color:var(--flow-link);word-break:break-all;overflow-wrap:break-word}.reader-flow[data-theme=light]{--flow-bg:#fff;--flow-text:#2d3436;--flow-border:#e8e3de;--flow-link:#6c5ce7;--flow-code-bg:#f5f0eb;--flow-table-bg:#fbfaf8}.reader-flow[data-theme=dark]{--flow-bg:#1e222a;--flow-text:#d8dee9;--flow-border:#3a4050;--flow-link:#7aa2f7;--flow-code-bg:#2a2f3a;--flow-table-bg:#232833}.reader-flow[data-theme=eye]{--flow-bg:#eef4e9;--flow-text:#3b4a3f;--flow-border:#d5e0cc;--flow-link:#4a7d5a;--flow-code-bg:#e2ecdc;--flow-table-bg:#f2f7ec}.reader-flow[data-theme=paper]{--flow-bg:#faf6ee;--flow-text:#3f3a32;--flow-border:#e6dfd0;--flow-link:#8b6f47;--flow-code-bg:#f0ead9;--flow-table-bg:#faf6ec;font-family:Georgia,Times New Roman,Noto Serif SC,Songti SC,serif}.reader-flow-h1{border-bottom:1px solid var(--flow-border);margin:1.4em 0 .6em;padding-bottom:.3em;font-size:1.7em;font-weight:700}.reader-flow-h2{margin:1.3em 0 .5em;font-size:1.45em;font-weight:700}.reader-flow-h3{margin:1.2em 0 .5em;font-size:1.25em;font-weight:600}.reader-flow-h4{margin:1.1em 0 .4em;font-size:1.1em;font-weight:600}.reader-flow-h5,.reader-flow-h6{margin:1em 0 .4em;font-size:1em;font-weight:600}.reader-flow-p{margin:.8em 0}.reader-flow-p img{cursor:zoom-in;border-radius:6px;max-width:100%;height:auto}.reader-flow a{color:var(--flow-link);word-break:break-all}.reader-flow-list{margin:.8em 0;padding-left:1.6em}.reader-flow-list li{margin:.3em 0}.reader-flow-table-wrap{margin:1em 0;overflow-x:auto}.reader-flow-table-wrap table{border-collapse:collapse;width:100%;font-size:.92em}.reader-flow-table-wrap th,.reader-flow-table-wrap td{border:1px solid var(--flow-border);text-align:left;vertical-align:top;padding:.45em .7em}.reader-flow-table-wrap th{background:var(--flow-table-bg);font-weight:600}.reader-flow-img-wrap{text-align:center;margin:1.2em 0}.reader-flow-img-wrap img{cursor:zoom-in;border-radius:6px;max-width:100%;height:auto;box-shadow:0 2px 10px #0000001a}.reader-flow-code{background:var(--flow-code-bg);font-size:.9em;line-height:1.6;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:1em 0;padding:.9em 1em;overflow-x:auto}.reader-flow-divider{border:none;border-top:1px dashed var(--flow-border);margin:1.5em 0}mark.chm-highlight{color:#000!important;background:#ffeb3b!important;border-radius:2px!important;padding:1px 2px!important}@media (width<=768px){.reader-flow{padding:1.1rem 1.1rem 3rem}}.reader-settings{scrollbar-width:none;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0 .25rem;display:flex;overflow-x:auto}.reader-settings::-webkit-scrollbar{display:none}.reader-settings-group{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.reader-settings-value{color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;min-width:2.6rem;font-size:.75rem}.reader-theme-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;min-height:32px;padding:.375rem .6rem;font-size:.8125rem;line-height:1.5;transition:all .15s;display:inline-flex}.reader-theme-btn:hover{border-color:var(--accent);color:var(--text-primary)}.reader-theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.reader-theme-btn:before{content:"";border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.reader-theme-light:before{background:#fff;border:1px solid #d5cfc8}.reader-theme-dark:before{background:#1e222a}.reader-theme-eye:before{background:#a8c98f}.reader-theme-paper:before{background:#f0e6c8}.reader-progress{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.reader-raw-view-btn{flex-shrink:0;margin-left:auto}@media (width<=768px){.reader-settings{padding:0}.reader-progress{display:none}}.lightbox{z-index:1000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.18s lightbox-fade;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:6px;max-width:95vw;max-height:90vh;box-shadow:0 8px 40px #00000080}.lightbox-caption{color:#ffffffd9;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80vw;font-size:.8125rem;position:fixed;bottom:1rem;left:50%;overflow:hidden;transform:translate(-50%)}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:background .15s;display:flex;position:fixed;top:1rem;right:1rem}.lightbox-close:hover{background:#ffffff4d}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.reader-page{background:var(--bg);flex-direction:column;max-width:100%;height:100vh;display:flex;overflow:hidden}.reader-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.reader-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffe0;flex-shrink:0;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;display:flex}.reader-header>*{height:32px;min-height:32px}.reader-menu-btn{display:none}.reader-back-btn{height:32px;min-height:32px;margin-right:auto}.reader-body{flex:1;display:flex;position:relative;overflow:hidden}.reader-sidebar-overlay{display:none}.reader-sidebar{background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;width:290px;min-width:290px;transition:transform .25s;display:flex;overflow:hidden}.reader-sidebar-header{border-bottom:1px solid #e8e3de80;flex-shrink:0;padding:1rem 1rem .75rem}.reader-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.reader-sidebar-bookname{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.reader-search{align-items:center;margin-top:.625rem;display:flex;position:relative}.reader-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg);outline:none;padding:.4rem 2rem .4rem .625rem;font-size:.8125rem;transition:border-color .15s}.reader-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.reader-search-input::placeholder{color:var(--text-muted);font-size:.75rem}.reader-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.125rem .25rem;font-size:.75rem;line-height:1;position:absolute;right:.375rem}.reader-search-clear:hover{color:var(--text-primary);background:var(--accent-light)}.reader-search-spinner{border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:.75rem;height:.75rem;animation:.6s linear infinite reader-spin;position:absolute;right:.375rem}@keyframes reader-spin{to{transform:rotate(360deg)}}.toc-item-badge{color:var(--accent);background:var(--accent-light);border-radius:8px;flex-shrink:0;margin-left:auto;padding:.0625rem .375rem;font-size:.625rem}.reader-sidebar-content{flex:1;padding:.375rem 0;overflow-y:auto}.reader-sidebar-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.8125rem;line-height:1.8}.toc-tree,.toc-children{margin:0;padding:0;list-style:none}.toc-item{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:.375rem;min-height:34px;padding:.5rem 1rem;font-size:.8125rem;transition:all .15s;display:flex}.toc-item:hover{background:var(--accent-light);color:var(--text-primary)}.toc-item-selected{border-left-color:var(--accent);font-weight:600;background:var(--accent-mid)!important;color:var(--accent)!important}.toc-item-folder{color:var(--text-primary);font-weight:500}.toc-item-icon{opacity:.6;flex-shrink:0;font-size:.6875rem;line-height:1}.toc-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.4;overflow:hidden}.toc-item-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.5625rem;transition:transform .2s}.toc-item-delete-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:.6875rem;line-height:1;transition:background .15s,color .15s;display:none}.toc-item:hover .toc-item-delete-btn{display:inline-flex}.toc-item:hover .toc-item-chevron{margin-left:.25rem}.toc-item-delete-btn:hover{color:#dc2626;background:#dc26261f}@media (width<=768px){.toc-item-delete-btn{opacity:.45;display:inline-flex}.toc-item-delete-btn:hover{opacity:1}}.toc-item-depth-0{padding-left:1rem}.toc-item-depth-1{padding-left:1.5rem}.toc-item-depth-2{padding-left:2rem}.toc-item-depth-3{padding-left:2.5rem}.toc-item-depth-4{padding-left:3rem}.toc-item-depth-5{padding-left:3.5rem}.reader-content{background:var(--bg);touch-action:manipulation;flex-direction:column;flex:1;padding:1.5rem 2rem;display:flex;overflow:hidden}.reader-content-inner{border-radius:var(--radius-md);background:#fffdf9;flex-direction:column;flex:1;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 4px 16px #0000000a,inset 0 1px #fffc}.reader-content-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:2rem;font-size:.9375rem;display:flex}.reader-content-hint{color:var(--text-muted);opacity:.7;font-size:.8125rem}.reader-content-empty .btn{margin-top:.625rem}.reader-iframe{background:#fffdf9;border:none;flex:1;width:100%;height:100%}.reader-iframe-wrapper{-webkit-overflow-scrolling:touch;background:#fffdf9;flex:1;position:relative;overflow:auto}.reader-iframe-wrapper .reader-iframe{min-width:600px;height:100%}.reader-raw-md{color:#374151;white-space:pre-wrap;word-break:break-word;background:#fff;flex:1;margin:0;padding:1.5rem 2rem;font-family:SF Mono,JetBrains Mono,Cascadia Code,Consolas,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,monospace;font-size:.875rem;line-height:1.7;overflow:auto}@media (width<=768px){.reader-menu-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:1.125rem;display:inline-flex}.reader-back-btn{white-space:nowrap;height:32px;min-height:32px;padding:0 .625rem;font-size:.8125rem}.reader-header>*{height:32px;min-height:32px}.reader-sidebar{z-index:200;touch-action:manipulation;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.reader-sidebar-open{transform:translate(0)}.reader-sidebar-overlay{z-index:199;touch-action:manipulation;background:#0000004d;display:block;position:fixed;inset:0}.reader-header{gap:.375rem;min-height:48px;padding:.5rem}.reader-content{padding:.5rem}.reader-content-inner{border-radius:var(--radius-sm)}.reader-iframe-wrapper{overflow:auto}.reader-iframe-wrapper .reader-iframe{min-width:100%}}.reader-nav-bar{-webkit-backdrop-filter:blur(20px);z-index:300;background:#fffffff5;border:1px solid #0000000f;border-radius:100px;align-items:center;gap:.375rem;padding:.375rem;animation:.2s cubic-bezier(.16,1,.3,1) navBarFadeIn;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000000d,0 12px 24px -4px #0000001a}@keyframes navBarFadeIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reader-nav-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.reader-nav-btn:hover:not(:disabled){color:#111827;background:#0000000f}.reader-nav-btn:active:not(:disabled){background:#0000001a;transform:scale(.96)}.reader-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reader-nav-toc{color:#6b7280;padding:.375rem}.reader-nav-toc:hover:not(:disabled){color:#111827;background:#0000000f}.reader-nav-label{font-size:.75rem}.reader-nav-progress{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;min-width:3rem;margin:0 .25rem;padding:0 .75rem;display:flex}.reader-nav-progress-current{color:#111827;font-size:.8125rem;font-weight:600;line-height:1}.reader-nav-progress-total{color:#9ca3af;margin-top:1px;font-size:.625rem;line-height:1.2}@media (width<=768px){.reader-nav-bar{touch-action:manipulation;-webkit-tap-highlight-color:transparent;gap:.125rem;padding:.25rem;bottom:.75rem}.reader-nav-btn{min-height:36px;padding:.5rem .625rem;font-size:.75rem}.reader-nav-label{display:none}.reader-nav-progress{min-width:2.5rem;margin:0 .125rem;padding:0 .5rem}.reader-nav-progress-current{font-size:.8125rem}.reader-nav-progress-total{font-size:.625rem}}.manage-page{min-height:100vh;color:var(--text-primary,#1f2937);background:linear-gradient(#f6f8fc 0%,#eef2f8 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.manage-loading{min-height:60vh;color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;font-size:1rem;display:flex}.manage-header{-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffbf;border-bottom:1px solid #0000000f;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.manage-header-title{letter-spacing:-.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.125rem;font-weight:700;overflow:hidden}.nav-btn{color:var(--text-secondary,#4b5563);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.nav-btn:hover{color:#4f46e5;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.nav-btn:active{transform:translateY(0)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.nav-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;box-shadow:0 2px 8px #6366f14d}.nav-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 4px 16px #6366f166}.manage-content{flex-direction:column;gap:1.75rem;max-width:960px;margin:0 auto;padding:2rem;display:flex}.chapters-section{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;overflow:visible;box-shadow:0 2px 8px #0000000a}.chapters-list{overflow:visible}.sections-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.sections-header-left{align-items:center;gap:.625rem;display:flex}.sections-header-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chapters-section-title{color:var(--text-primary,#1f2937);margin:0;font-size:1rem;font-weight:700}.chapters-count{color:#6d28d9;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.chapter-search{align-items:center;display:flex;position:relative}.chapter-search-icon{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;left:.625rem}.chapter-search-input{width:280px;color:var(--text-primary,#1f2937);background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:.375rem 1.75rem .375rem 1.875rem;font-size:.8125rem;transition:all .15s}.chapter-search-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.chapter-search-input:focus+.chapter-search-icon,.chapter-search:focus-within .chapter-search-icon{color:#8b5cf6}.chapter-search-clear{background:var(--text-tertiary,#9ca3af);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6875rem;line-height:1;transition:all .15s;display:flex;position:absolute;right:.375rem}.chapter-search-clear:hover{background:var(--text-muted,#6b7280);transform:scale(1.1)}.btn-add-chapter{color:var(--text-secondary,#4b5563);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-add-chapter:hover{color:#6d28d9;background:#8b5cf60d;border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.btn-add-chapter:active{transform:translateY(0)}.btn-icon-only{width:32px;height:32px;color:var(--text-secondary,#4b5563);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon-only:hover{color:#6d28d9;background:#8b5cf60d;border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.btn-icon-only:active{transform:translateY(0)}.upload-zone-collapsible{margin-bottom:1rem;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-bar{display:flex}.upload-zone{cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:14px;flex:1;align-items:center;gap:1rem;min-height:72px;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.upload-zone:hover{background:#8b5cf608;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61f}.upload-zone-dragover{transform:scale(1.01);background:#8b5cf614!important;border-color:#8b5cf6!important}.upload-zone-icon{color:#6d28d9;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.upload-zone-text{flex-direction:column;gap:.1rem;display:flex}.upload-zone-title{color:var(--text-primary,#1f2937);font-size:.9375rem;font-weight:600}.upload-zone-hint{color:var(--text-secondary,#6b7280);font-size:.75rem}.upload-zone-input{display:none}.chapters-empty{color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;display:flex}.chapters-empty p{color:var(--text-primary,#374151);margin:.5rem 0 0;font-size:1rem;font-weight:600}.chapters-empty span{opacity:.7;font-size:.8125rem}.empty-icon{color:#9ca3af;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.chapters-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chapter-item{z-index:1;background:#fafbfc;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1rem;transition:all .15s;display:flex;position:relative}.chapter-item-menu-open{z-index:50}.chapter-item:hover{background:#fff;border-color:#6366f133;transform:translate(2px);box-shadow:0 4px 12px #0000000f}.chapter-main{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.chapter-index{width:28px;height:28px;color:var(--text-secondary,#6b7280);background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.chapter-title-wrap{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.chapter-pinned-badge{filter:grayscale(.2);flex-shrink:0;font-size:.75rem}.chapter-label{color:var(--text-primary,#1f2937);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.chapter-label mark{color:#92400e;background:#fef08a;border-radius:2px;padding:0 2px;font-weight:600}.chapter-ext{letter-spacing:.03em;color:#fff;border-radius:5px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.625rem;font-weight:700;display:inline-flex}.chapter-ext-txt{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.chapter-ext-html,.chapter-ext-htm{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.chapter-ext-md{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.chapter-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex;position:relative}.chapter-menu-wrapper{position:relative}.chapter-menu-btn{width:30px;height:30px;color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.chapter-menu-btn:hover{color:#6366f1;background:#6366f11a}.chapter-menu{z-index:100;background:#fff;border:1px solid #00000014;border-radius:12px;min-width:160px;padding:.375rem;animation:.12s menuFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000001f}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chapter-menu-item{width:100%;color:var(--text-primary,#1f2937);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .1s;display:flex}.chapter-menu-item:hover{color:#6366f1;background:#6366f114}.chapter-menu-item:disabled{opacity:.4;cursor:not-allowed}.chapter-menu-item:disabled:hover{color:var(--text-primary,#1f2937);background:0 0}.chapter-menu-item svg{flex-shrink:0}.chapter-menu-divider{background:#0000000f;height:1px;margin:.3125rem 0}.chapter-menu-item-danger{color:#dc2626}.chapter-menu-item-danger:hover{color:#dc2626;background:#dc262614}.chapter-menu-item-active{color:#6d28d9}.chapter-menu-item-active:hover{color:#6d28d9;background:#6d28d914}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:20px;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 24px 80px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-modal{flex-direction:column;gap:.875rem;width:100%;max-width:680px;max-height:90vh;padding:1.75rem;display:flex}.modal-title{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;margin:0;font-size:1.125rem;font-weight:700;display:flex}.editor-input{width:100%;color:var(--text-primary,#1f2937);background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .15s}.editor-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.editor-textarea{width:100%;min-height:280px;max-height:55vh;color:var(--text-primary,#1f2937);resize:vertical;tab-size:2;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:1rem;font-family:SF Mono,JetBrains Mono,Cascadia Code,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:.9375rem;line-height:1.7;transition:all .15s}.editor-textarea:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.editor-textarea:disabled{opacity:.6;cursor:not-allowed}.editor-loading{color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.875rem;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.modal-actions{border-top:1px solid #0000000d;justify-content:flex-end;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.btn-ghost{color:var(--text-secondary,#6b7280);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s}.btn-ghost:hover{color:var(--text-primary,#374151);background:#f9fafb;border-color:#d1d5db}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.upload-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-overlay-content{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;display:flex;box-shadow:0 24px 80px #0003}.upload-overlay-spinner{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.upload-overlay-text{color:var(--text-primary,#374151);font-size:.9375rem;font-weight:500}@media (width<=640px){.manage-header{gap:.5rem;padding:.75rem 1rem}.manage-header-title{font-size:.9375rem}.manage-content{gap:1rem;padding:1rem}.sections-header{flex-direction:column;align-items:stretch}.sections-header-right{justify-content:space-between}.chapter-search{flex:1}.chapter-search-input{width:100%}.upload-zone{padding:1rem}.chapter-item{flex-direction:row;align-items:center;gap:.5rem;padding:.75rem}.editor-modal{max-height:95vh;padding:1.25rem}.editor-textarea{min-height:200px}}.admin-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.admin-header{background:var(--card-bg);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.admin-header-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.admin-content{width:100%;max-width:800px;margin:0 auto;padding:1.5rem}.admin-error{color:#dc2626;border-radius:var(--radius-sm);background:#fef2f2;margin-bottom:1rem;padding:.625rem 1rem;font-size:.8125rem}.admin-toolbar{margin-bottom:1rem}.admin-form{margin-bottom:1rem;padding:1rem 1.25rem}.admin-form h3{color:var(--text-primary);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.admin-form-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);min-width:140px;color:var(--text-primary);outline:none;flex:1;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.admin-input:focus{border-color:var(--accent)}.admin-users{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.admin-users-header{background:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 1fr 180px;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;display:grid}.admin-user-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 1fr 180px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:grid}.admin-user-row:last-child{border-bottom:none}.admin-user-row:hover{background:var(--accent-light)}.admin-user-name{color:var(--text-primary);font-weight:500}.admin-role{background:var(--bg);color:var(--text-muted);text-align:center;border-radius:99px;width:fit-content;padding:.125rem .5rem;font-size:.75rem}.admin-role-admin{color:#0369a1;background:#e0f2fe}.admin-user-date{color:var(--text-muted);font-size:.8125rem}.admin-user-actions{gap:.375rem;display:flex}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-danger{color:#dc2626!important;border-color:#fecaca!important}.btn-danger:hover{background:#fef2f2!important}@media (width<=640px){.admin-content{padding:1rem}.admin-users-header,.admin-user-row{grid-template-columns:1fr 70px 1fr}.admin-user-date{display:none}.admin-user-actions{flex-direction:column}}:root{--bg:#f5f0eb;--bg-alt:#ebe5de;--card-bg:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--accent:#6c5ce7;--accent-hover:#5a4bd1;--accent-light:#6c5ce714;--accent-mid:#6c5ce726;--border:#e8e3de;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--success:#00b894;--success-bg:#e6f9f4;--warning:#e17055;--warning-bg:#fdf0ed;--info:#6c5ce7;--info-bg:#f0eeff;--pending:#b2bec3;--pending-bg:#f1f0ef;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", "Consolas", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg);max-width:100%;min-height:100vh;line-height:1.7;overflow-x:hidden}#root{max-width:100%;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d5cfc8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfb8b0}.loading-screen{min-height:100vh;color:var(--text-muted);letter-spacing:.02em;justify-content:center;align-items:center;font-size:1rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;font-size:.875rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 3px #6c5ce733}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 6px #6c5ce74d}.btn-secondary{background-color:var(--card-bg);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg);color:var(--text-primary);border-color:#d5cfc8}.btn-danger{color:var(--warning);background-color:#fff;border-color:#f5d6d0}.btn-danger:hover:not(:disabled){background-color:var(--warning-bg);border-color:var(--warning)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.form-input{width:100%;font-size:.9375rem;font-family:var(--font-body);color:var(--text-primary);background-color:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .75rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.form-input::placeholder{color:var(--text-muted)}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow-md)}@media (width<=768px){html{font-size:15px}}