@charset "UTF-8";
mark.search-highlight{background:#ffe59a;color:#24352e;border-radius:2px;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.account-card{max-width:650px}.account-card .admin-note{margin:0}.table-actions{flex-wrap:wrap}.admin-link[hidden]{display:none}
:root{--paper:#f8f9f5;--white:#fff;--green:#163e35;--green2:#23594b;--mint:#eaf0e8;--gold:#b18b45;--text:#24352e;--muted:#707b72;--line:#e3e8df;--serif:Georgia,'Times New Roman',serif;--arabic:'Traditional Arabic','Noto Naskh Arabic','Amiri','Times New Roman',serif;--radius:13px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font:14px/1.6 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}svg{display:block;width:21px;height:21px;flex-shrink:0}button svg{pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba974d;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:32px;letter-spacing:-1px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px}small,.muted{color:var(--muted)}.sidebar{width:248px;background:#fff;position:fixed;inset:0 auto 0 0;z-index:30;border-right:1px solid var(--line);padding:33px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:700 27px/1 var(--serif);letter-spacing:-.8px;color:var(--green);margin-bottom:55px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#e8d7ae;width:46px;height:49px;border-radius:11px}.brand-icon svg{width:32px;height:32px}.brand-sub{display:block;font:600 9px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:4.4px;margin-top:8px}.nav-caption{color:#8a9288;font-size:10px;letter-spacing:1.7px;font-weight:650;margin:0 14px 13px}nav{display:grid;gap:7px}.nav-item{display:flex;gap:13px;align-items:center;border-radius:8px;padding:13px 14px;color:#667266;font-weight:550;min-height:48px}.nav-item.active{background:var(--green);color:#fff}.nav-item:hover:not(.active){background:var(--paper)}.nav-count{margin-left:auto;font-size:10px;border-radius:4px;background:#eef1e9;padding:1px 6px;color:#557151}.nav-item.active .nav-count{background:#ffffff25;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:28px}.install-card{padding:18px 16px 16px;background:#f2f4ec;border:1px solid #e6eade;border-radius:10px}.install-mark{color:#a18141;font-size:25px;display:block;line-height:1;margin-bottom:13px}.install-card strong{font:600 17px var(--serif)}.install-card p{font-size:12px;color:#78806d;margin:8px 0 15px;line-height:1.7}.admin-link{display:flex;align-items:center;gap:12px;color:#6b776c;padding:20px 12px 0;font-size:12px;min-height:44px}.sidebar-foot{font-size:10px;text-align:center;color:#8b948a;margin:25px 0 0}.workspace{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;gap:20px}.topbar-start,.topbar-end{display:flex;align-items:center;gap:12px}#breadcrumb{font-size:12px;color:#8a938a}#breadcrumb span{margin:0 14px;color:#c5cbc1}#breadcrumb strong{font-weight:550;color:#354b3c}.topbar-end{font-size:11px;color:#74826f}.status-dot{width:6px;height:6px;background:#779367;border-radius:50%;display:inline-block}.status-dot.off{background:#c29444}.avatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d9e1d2;background:#f6f7f1;color:#58704d;font-size:10px;font-weight:600;border-radius:50%;margin-left:10px}#main{padding:32px 42px 44px;flex:1;width:100%;max-width:1620px;margin:auto;outline:none}.footer{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:0 42px;padding:22px 0;border-top:1px solid var(--line);font-size:10px;color:#8b9387}.footer a{color:#526a50}.global-search{position:relative;display:flex;gap:10px;align-items:center;margin-bottom:27px}.global-search .search-box{flex:1}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 15px;min-height:48px}.search-box svg{color:#84907c;width:19px}.search-box input{border:none;outline:none!important;width:100%;background:none;color:var(--text);height:46px;min-width:0;font-size:12px}.search-box kbd{color:#8d9788;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 6px;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:600;background:var(--green);color:#fff;white-space:nowrap}.btn:hover{background:var(--green2)}.btn-secondary{background:#fff;color:var(--green);border-color:#dbe2d4}.btn-secondary:hover{background:var(--mint)}.btn-outline-light{background:transparent;border-color:#d2dbc7;color:var(--green);padding:9px 10px;font-size:11px}.btn-outline-light:hover{background:#e8eddf}.btn-danger{background:#fff1ed;color:#9d3b29;border-color:#f0d3cb}.btn-danger:hover{background:#f7dfd7}.btn-small{min-height:37px;padding:7px 12px;font-size:11px}.btn-ghost{background:none;color:var(--green);padding:5px 0;min-height:44px}.btn-ghost:hover{background:none;color:#9b7941}.full{width:100%}.icon-btn{display:inline-grid;place-items:center;background:white;border:1px solid var(--line);border-radius:7px;width:44px;height:44px;color:var(--green)}.menu-toggle{display:none}.hero{background:var(--green);border-radius:15px;color:#fff;min-height:280px;display:flex;position:relative;overflow:hidden;padding:37px 38px;isolation:isolate}.hero:after{content:'';position:absolute;width:370px;height:370px;border:1px solid #ffffff10;border-radius:50%;right:-50px;top:-65px;box-shadow:0 0 0 32px #ffffff04,0 0 0 65px #ffffff04,0 0 0 100px #ffffff03;z-index:-1}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;font-weight:600;color:#d0bf8a;margin-bottom:16px}.eyebrow span{width:18px;height:1px;background:currentColor}.hero h1{font:400 39px/1.2 var(--serif);letter-spacing:-1px;margin:0 0 14px}.hero h1 em{font-style:normal;color:#d2bd81}.hero p{font-size:12px;color:#bacdc0;line-height:1.85;max-width:340px;margin:0 0 23px}.hero .btn{background:#eee4c7;color:#314535;border-color:#eee4c7;min-height:39px;font-size:11px;padding:9px 16px}.hero-art{position:absolute;right:40px;top:25px;width:260px;height:255px;display:flex;align-items:center;justify-content:center;perspective:800px}.hero-book{position:absolute;width:140px;height:195px;border:1px solid #a9925a;background:linear-gradient(125deg,#628269,#2c5849);border-radius:3px 8px 8px 3px;transform:rotate(13deg);right:15px;top:16px;box-shadow:7px 12px 0 -3px #cfccb6,10px 15px 0 -3px #2c5245,15px 27px 35px #0004}.hero-book:before{content:'';position:absolute;inset:12px;border:1px solid #bdac76;outline:1px solid #d0bc8245;outline-offset:-5px}.hero-book:after{content:'مكتبة\a العلم نور';white-space:pre;position:absolute;inset:55px 0 0;text-align:center;font:30px/1.9 var(--arabic);color:#e4d29a}.hero-book.back{background:#b3a478;width:123px;right:118px;top:42px;transform:rotate(-15deg);border-color:#bca972}.hero-book.back:after{content:'طلب العلم';font-size:24px}.hero-spark{position:absolute;color:#c7b97e;font:35px var(--serif);left:1px;top:15px}.hero-caption{position:absolute;bottom:0;right:52px;font:italic 11px var(--serif);letter-spacing:.6px;color:#adbd9c}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:11px;margin:23px 0 34px;padding:19px 5px}.stat{display:flex;align-items:center;gap:13px;padding:0 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{width:40px;height:40px;border-radius:9px;background:#f0f4e9;display:grid;place-items:center;color:#66825e}.stat:nth-child(2) .stat-icon{background:#f7f0e3;color:#b09858}.stat:nth-child(3) .stat-icon{background:#eef1ee;color:#7b9388}.stat strong{font-size:22px;line-height:1.2;display:block;font-weight:600;letter-spacing:-.8px}.stat span{font-size:10px;color:#8b9483}.section{margin-bottom:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading h2{font:600 22px var(--serif);margin:0}.section-heading p{font-size:11px;color:#8b9287;margin:6px 0 0}.text-link{display:inline-flex;gap:9px;align-items:center;font-size:11px;color:#5f7854;font-weight:600;min-height:44px;white-space:nowrap}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{min-width:0;background:white;border:1px solid var(--line);border-radius:10px;padding:12px;transition:transform .18s,box-shadow .18s;position:relative}.book-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #263c2a0b}.cover-wrap{background:#f1f2e9;border-radius:6px;min-height:181px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:14px}.cover-wrap:after{content:'';position:absolute;width:100%;height:25px;bottom:0;background:linear-gradient(0deg,#23352209,transparent)}.book-cover{--cover:#3f6954;--ink:#ddcf9b;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:150px;border-radius:2px 5px 5px 2px;color:var(--ink);background:linear-gradient(100deg,#0003 0%,transparent 8%,#ffffff08 12%,transparent 14%),var(--cover);border:1px solid #ffffff30;box-shadow:4px 4px 0 -1px #dad6c7,7px 6px 10px #303b2d26;padding:22px 12px;text-align:center;transform:rotate(-5deg)}.book-cover:before{content:'';position:absolute;inset:7px;border:1px solid currentColor;opacity:.5;outline:1px solid currentColor;outline-offset:-3px}.cover-flower{font-size:20px;line-height:1;margin:0 0 8px}.cover-title{font-family:var(--serif);font-size:13px;font-weight:600;line-height:1.4;z-index:1;overflow-wrap:anywhere}.cover-arabic{font:20px/1.4 var(--arabic);direction:rtl}.cover-bottom{font-size:7px;letter-spacing:1px;margin-top:10px;z-index:1}.book-tag{display:inline-block;color:#73845d;background:#f0f3e9;border-radius:4px;font-size:8px;letter-spacing:.7px;padding:3px 6px;font-weight:650;text-transform:uppercase}.book-card h3{font:600 15px/1.35 var(--serif);margin:8px 0 5px;overflow-wrap:anywhere}.book-card .author{font-size:10px;color:#85907f;margin:0 0 13px}.book-meta{border-top:1px solid #eff1e9;padding-top:10px;display:flex;gap:8px;justify-content:space-between;font-size:9px;color:#87917f}.book-meta span{display:flex;align-items:center;gap:5px}.book-meta svg{width:12px;height:12px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;min-width:0}.category-card:hover{border-color:#9cab88}.category-icon{width:35px;height:38px;display:grid;place-items:center;background:#f1f4e9;color:#8a9b69;border-radius:7px;flex-shrink:0}.category-card strong{font-size:12px;font-weight:600;display:block}.category-card small{font-size:9px}.category-card>span:last-child{margin-left:auto;color:#99a58d}.home-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.rumusan-list{display:grid;gap:12px}.rumusan-card{background:white;border:1px solid var(--line);border-radius:10px;padding:21px}.rumusan-card:hover{border-color:#b3c0a7}.rumusan-card h3{font:600 18px/1.4 var(--serif);margin:9px 0}.rumusan-card p{font-size:12px;color:var(--muted);margin-bottom:15px}.rumusan-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#8a9385;font-size:10px}.quote-panel{border:1px solid #e6e6d7;background:#f0f1e5;border-radius:11px;padding:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.quote-panel .quote-mark{color:#b7aa79;font:54px/1 var(--serif);height:38px}.quote-panel .arabic{font:26px/1.8 var(--arabic);color:#5f7153;margin:13px 0}.quote-panel p{font:italic 14px/1.6 var(--serif);color:#6e7a61}.quote-panel small{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.page-heading{margin-bottom:25px}.page-heading .eyebrow{color:#8d9b75;margin-bottom:10px}.page-heading h1{font:500 34px var(--serif);margin-bottom:9px}.page-heading p{font-size:12px;color:var(--muted);max-width:650px}.filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding:18px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:23px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.field-label{font-size:11px;font-weight:600;color:#66725f}.field input,.field select,.field textarea{border:1px solid #dce2d5;border-radius:6px;background:#fff;padding:11px 12px;color:var(--text);width:100%;min-height:44px}.field textarea{resize:vertical;min-height:120px;line-height:1.8}.field select{min-width:135px}.field.grow{flex:1;min-width:170px}.field small{font-size:10px}.filter-category{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}.check-chip{display:flex;align-items:center;gap:7px;font-size:11px;min-height:32px;padding:4px 9px;border-radius:5px;background:#f2f5ed;cursor:pointer}.check-chip input{accent-color:var(--green);width:14px;height:14px;min-height:0}.filter-summary{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:10px 0 19px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:28px 0 0}.page-btn{min-width:40px;min-height:40px;border:1px solid var(--line);background:white;color:var(--green);border-radius:6px}.page-btn.active{background:var(--green);color:#fff}.empty-state,.error-state,.loading-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{width:64px;height:64px;background:#ebf0e3;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;color:#82966d}.empty-icon svg{width:27px;height:27px}.empty-state h2,.error-state h2{font:500 25px var(--serif);color:var(--green)}.empty-state p,.error-state p{font-size:12px;max-width:480px;margin:0 auto 22px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #d1ddc6;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:13px 16px;background:#edf2e7;border:1px solid #d9e4ce;border-radius:7px;color:#56704b;font-size:12px;margin:0 0 20px}.notice.warn{background:#faf4e6;border-color:#eaddb8;color:#846e33}.notice.error,.form-error{background:#fff0ec;border-color:#efd1c7;color:#9c4031}.form-error{border:1px solid #efd1c7;border-radius:7px;padding:12px;font-size:12px;margin:15px 0}.search-result{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;display:block;margin-bottom:13px}.search-result:hover{border-color:#a0b38b}.result-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.result-top small{font-size:10px}.search-result h2{font:600 20px var(--serif);margin-bottom:12px}.search-result p{font-size:13px;line-height:1.85;margin-bottom:14px}.search-result .arabic{font:23px/1.9 var(--arabic)}.reader-header{display:flex;align-items:center;gap:28px;background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:23px}.reader-header .book-cover{flex-shrink:0;width:85px;height:117px;transform:rotate(-3deg);font-size:12px}.reader-header .cover-title{font-size:12px}.reader-header .cover-arabic{font-size:17px}.reader-header h1{font:500 30px var(--serif);margin:9px 0}.reader-header p{font-size:12px;color:var(--muted);margin:8px 0 0}.reader-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.reader-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.toc{background:white;border:1px solid var(--line);border-radius:10px;position:sticky;top:20px;padding:17px}.toc h2{font-size:12px;margin:2px 0 15px}.toc a{display:flex;gap:10px;align-items:start;padding:12px 10px;border-radius:6px;font-size:11px;line-height:1.6}.toc a.active{background:#edf2e7;color:#385e34;font-weight:600}.toc a>span{font-size:9px;opacity:.5;padding-top:2px}.reader-paper{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 22px;gap:10px;color:var(--muted);font-size:10px;background:#fcfcf9}.font-controls{display:flex;align-items:center;gap:4px}.font-controls button{background:none;border:1px solid transparent;border-radius:5px;color:#687561;min-width:38px;height:35px}.font-controls button.active{background:#e9efe1;border-color:#dce5ce}.reading-content{padding:35px 38px;--reading-size:18px;font-size:var(--reading-size);line-height:2}.reading-content h2{font:500 26px var(--serif);margin:0 0 28px;color:var(--green)}.reading-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:25px;scroll-margin-top:28px}.reading-content p[dir=rtl],.reading-content .arabic{font-family:var(--arabic);font-size:calc(var(--reading-size)*1.4);line-height:2.2;text-align:right}.reading-content p:target{background:#f8f0d8;border-radius:5px;outline:8px solid #f8f0d8}.source-location{font-size:10px;border:1px solid #e8e9df;border-radius:5px;background:#f7f8f1;color:#8a947c;padding:6px 10px;display:inline-block;margin-bottom:20px}.chapter-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:17px 23px}.detail-metadata{display:flex;flex-wrap:wrap;gap:20px;padding:15px 0;font-size:11px;color:var(--muted)}.rumusan-detail{max-width:850px;margin:auto}.rumusan-detail .reader-paper{padding:32px}.rumusan-detail h1{font:500 31px/1.3 var(--serif)}.rumusan-section{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.rumusan-section h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#879570}.rumusan-section .reading-content{padding:0;--reading-size:16px}.download-row{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:14px}.download-row .book-cover{width:55px;height:78px;flex-shrink:0;transform:none;padding:10px 7px}.download-row .cover-title{font-size:8px}.download-row .cover-arabic{font-size:11px}.download-row .cover-flower,.download-row .cover-bottom{display:none}.download-info{flex:1}.download-info h2{font:600 20px var(--serif);margin-bottom:6px}.download-info p{font-size:11px;color:var(--muted);margin:0}.download-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.storage-track,.progress-track{height:6px;border-radius:5px;background:#e5ebdf;overflow:hidden;margin:12px 0}.storage-track span,.progress-track span{display:block;height:100%;background:#79926b}.progress-track{height:9px}.login-shell{max-width:430px;margin:40px auto}.login-card{background:white;border:1px solid var(--line);border-radius:14px;padding:34px}.login-icon{width:53px;height:53px;border-radius:12px;display:grid;place-items:center;background:#edf2e5;color:var(--green);margin-bottom:25px}.login-card h1{font:500 30px var(--serif);margin-bottom:10px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:26px}.stack{display:grid;gap:18px}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:12px;flex-wrap:wrap}.admin-tab{padding:10px 14px;font-size:12px;border-radius:6px;min-height:44px}.admin-tab.active{background:var(--green);color:#fff}.admin-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.admin-table-wrap{background:white;border:1px solid var(--line);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#f1f4ed;color:#7d8972;font-size:10px;font-weight:600;letter-spacing:.5px;padding:15px 18px;white-space:nowrap}td{padding:17px 18px;border-top:1px solid var(--line);vertical-align:middle}td:first-child{min-width:200px}td small{display:block;font-size:10px;margin-top:4px}.table-actions{display:flex;align-items:center;gap:7px}.status-badge{display:inline-block;padding:4px 8px;background:#f1f2e9;color:#8b8b63;font-size:10px;border-radius:5px}.status-badge.terbit{background:#e8f1e2;color:#4f7946}.status-badge.arsip{background:#f0ede9;color:#887e74}.editor-card{padding:27px;background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.span2{grid-column:1/-1}.editor-card h2{font:600 22px var(--serif);margin-bottom:23px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;padding:15px 0;background:var(--paper);z-index:3}.chapter-editor{padding:20px;border:1px solid var(--line);border-radius:8px;margin-bottom:15px;background:#fafbf7}.chapter-editor h3{font-size:12px;margin:0}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.chapter-editor textarea{font-family:var(--arabic);font-size:20px;min-height:190px}.import-zone{display:grid;place-items:center;text-align:center;padding:40px 22px;border:1px dashed #b6c5a9;border-radius:9px;background:#f6f8f0;cursor:pointer;min-height:180px;position:relative}.import-zone svg{width:30px;height:30px;color:#81986c;margin-bottom:15px}.import-zone strong{font-size:13px}.import-zone small{font-size:11px;margin-top:7px}.import-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.code-block{font:11px/1.7 Consolas,monospace;background:#f1f4ec;padding:20px;border-radius:7px;overflow:auto;white-space:pre-wrap}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:#214637;color:white;border:1px solid #ffffff33;padding:13px 22px;border-radius:8px;font-size:12px;box-shadow:0 8px 25px #0002;max-width:calc(100vw - 35px)}dialog{border:1px solid var(--line);border-radius:12px;max-width:650px;width:calc(100% - 35px);padding:28px;color:var(--text);background:var(--paper);max-height:90vh}dialog::backdrop{background:#142d2499;backdrop-filter:blur(2px)}dialog h2{font:500 25px var(--serif);margin-bottom:15px}dialog p{font-size:13px;color:var(--muted);white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.modal-preview{max-height:55vh;overflow:auto;background:white;padding:22px;border:1px solid var(--line);border-radius:8px}.modal-preview .reading-content{padding:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--green);color:white;padding:15px}.skip-link:focus{top:10px}.noscript{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#fff0ce;text-align:center}.nav-scrim{display:none}.pill{border:1px solid #dbe4d2;border-radius:20px;padding:3px 9px;font-size:9px;color:#788e62;white-space:nowrap}.toolbar-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.online-only{color:#9c7941;font-size:11px}.offline-label{color:#627e4f;font-size:10px}.field-error{color:#a13c2b;font-size:11px;margin-top:3px}.admin-note{padding:15px;background:#f2f5ec;border-radius:7px;font-size:11px;color:#6d7c61}.external-note{font-size:11px;color:#7d896f;margin-bottom:20px}.results-grid{display:grid;grid-template-columns:1fr;gap:0}.read-descr{max-width:600px}.danger-text{color:#9e4936}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.books-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero{min-height:300px}.hero-art{right:100px}.hero h1{font-size:44px}.hero p{max-width:440px}}
@media(max-width:1200px){.sidebar{width:220px;padding-left:18px;padding-right:18px}.workspace{margin-left:220px}#main{padding:27px}.topbar{padding:0 27px}.footer{margin:0 27px}.brand{font-size:24px}.hero-art{right:15px;transform:scale(.85);transform-origin:right center}.hero{padding:30px}.hero h1{font-size:35px}.hero p{max-width:290px}.books-grid{gap:12px}.book-card{padding:10px}.cover-wrap{min-height:166px}.book-cover{width:100px;height:139px}.book-card h3{font-size:14px}.category-grid{grid-template-columns:repeat(3,1fr)}.stat{padding:0 16px}.reader-layout{grid-template-columns:205px minmax(0,1fr)}.reading-content{padding:28px}.home-bottom{grid-template-columns:1.4fr 1fr}}
@media(max-width:1020px){.hero-art{opacity:.65;right:-20px}.hero-content{z-index:1}.hero p{max-width:285px}.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{padding:17px 0}.stat{gap:8px;padding:0 12px}.stat-icon{width:32px;height:34px}.stat strong{font-size:20px}.stat span{font-size:9px}.home-bottom{grid-template-columns:1fr}.quote-panel{padding:20px}.quote-panel .arabic{margin:0}.quote-panel p{margin-bottom:7px}.reader-layout{grid-template-columns:1fr}.toc{position:static}.toc-list{display:flex;overflow:auto;gap:5px}.toc a{flex-shrink:0;max-width:200px}.toc h2{margin-bottom:7px}.reader-header{gap:20px}.reader-header h1{font-size:26px}.download-row{flex-wrap:wrap}.download-buttons{width:100%;justify-content:flex-end}.footer>span:nth-child(2){display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:248px}.sidebar.open{transform:translateX(0)}.nav-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#142c2788;border:0;z-index:25}.workspace{margin-left:0}.topbar{height:68px;padding:0 20px}.menu-toggle{display:inline-grid;border:0;background:transparent;width:30px}.topbar-start{gap:10px}.topbar-end{gap:7px}#breadcrumb{font-size:11px}#breadcrumb span{margin:0 8px}.avatar{width:29px;height:29px;margin-left:5px}.topbar-end #connection-label{font-size:10px}#main{padding:24px 20px 30px}.footer{margin:0 20px;padding:18px 0}.hero{min-height:260px;padding:27px}.hero h1{font-size:35px}.hero-art{right:10px;opacity:.9;transform:scale(.8)}.hero p{max-width:270px}.toast{left:50%}.global-search{margin-bottom:22px}.search-box kbd{display:none}.section{margin-bottom:28px}.books-grid{gap:14px}.cover-wrap{min-height:180px}.book-cover{height:150px;width:110px}.home-bottom{gap:15px}.form-grid{gap:16px}.admin-heading{flex-wrap:wrap}.editor-card{padding:21px}.page-heading h1{font-size:30px}.hero-content{max-width:65%}.hero p{max-width:100%}}
@media(max-width:530px){#main{padding:21px 16px 28px}.topbar{padding:0 15px}.topbar-end .avatar{display:none}.topbar-end{font-size:9px}.hero{padding:26px 23px;min-height:280px}.hero h1{font-size:33px}.hero p{font-size:11px;max-width:235px}.hero-art{right:-56px;top:43px;transform:scale(.65);opacity:.35}.hero-content{max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{position:relative;z-index:1}.stats{margin:17px 0 28px;padding:16px 0}.stat{padding:0 10px;gap:5px;flex-direction:column;align-items:start}.stat-icon{width:27px;height:27px;margin-bottom:3px}.stat-icon svg{width:16px;height:16px}.stat strong{font-size:21px}.stat span{font-size:9px}.stat>div:last-child{display:flex;flex-direction:column}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.book-card{padding:10px}.cover-wrap{min-height:171px}.book-cover{width:100px;height:139px}.book-card h3{font-size:15px}.book-meta{font-size:9px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:12px 10px;gap:8px}.category-icon{width:30px;height:32px}.category-card strong{font-size:11px}.category-card>span:last-child{display:none}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.section-heading .text-link{font-size:10px;gap:5px}.global-search{gap:7px}.global-search .btn{padding:10px 13px}.search-box{gap:8px;padding:0 11px}.search-box input{font-size:11px}.filters{padding:15px;gap:12px}.filters .field{flex:1;min-width:calc(50% - 10px)}.filters .field.grow,.filters .category-field{flex-basis:100%}.filters select{min-width:0}.filters>.btn{width:100%}.reader-header{padding:20px;gap:16px;align-items:start}.reader-header .book-cover{width:65px;height:96px;padding:14px 8px}.reader-header .cover-title{font-size:9px}.reader-header .cover-arabic{font-size:14px}.reader-header .cover-bottom{display:none}.reader-header h1{font-size:23px;margin:8px 0}.reader-actions{margin-top:14px;gap:7px}.reader-actions .btn{padding:9px 10px;font-size:10px}.reader-header p{font-size:11px}.reader-header .book-tag{font-size:7px}.reader-toolbar{padding:10px 15px}.reading-content{padding:25px 21px;--reading-size:17px}.reading-content h2{font-size:24px}.chapter-nav{padding:14px}.chapter-nav .btn{padding:9px 11px}.rumusan-detail .reader-paper{padding:23px}.rumusan-detail h1{font-size:27px}.detail-metadata{gap:12px}.download-row{padding:17px;gap:16px}.download-info h2{font-size:18px}.download-buttons{justify-content:start}.page-tools{flex-wrap:wrap}.page-tools .btn{font-size:10px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.editor-card{padding:19px}.editor-actions{gap:7px}.editor-actions .btn{font-size:10px;padding:10px 12px}.chapter-editor{padding:15px}.login-shell{margin:20px auto}.login-card{padding:27px}.admin-tabs{gap:2px}.admin-tab{padding:10px 9px;font-size:11px}.search-result{padding:19px}.search-result h2{font-size:19px}.book-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{margin:0 16px}.filter-summary{font-size:10px}.btn{min-height:44px}.font-controls button{min-width:35px}.reader-toolbar{flex-wrap:wrap}.chapter-heading{gap:10px}.quote-panel .arabic{font-size:24px}}
.book-updated{font-size:9px;color:var(--muted);margin-top:8px}.rumusan-group{margin-bottom:20px}.rumusan-group>h2{font:600 21px var(--serif);margin:6px 0 15px}
body{font-size:16px}.btn{font-size:13px}.search-box input{font-size:14px}.field label,.field-label{font-size:13px}.book-card h3{font-size:16px}.book-card .author,.book-meta,.book-updated,.section-heading p,.category-card small,.filter-summary{font-size:11px}.book-meta{flex-wrap:wrap}.book-tag{font-size:10px}.category-card strong{font-size:13px}.rumusan-meta{font-size:12px}.rumusan-card p,.page-heading p{font-size:14px}.footer a{min-height:44px;display:flex;align-items:center}.topbar-end{font-size:12px}
/* Small metadata remains readable at the same contrast as body copy. */
:root{--muted:#5f6d60}.sidebar{overflow-y:auto}.nav-caption,.sidebar-foot,.install-card p,.topbar-end,#breadcrumb,.section-heading p,.stat span,.book-card .author,.book-meta,.category-card small,.rumusan-meta,.filter-summary,.source-location,.external-note,.footer,.result-top small{color:#5f6d60}
.book-tag{color:#596d43}.eyebrow{font-weight:650}.page-heading .eyebrow{color:#66784c}.category-icon{color:#667c4c}.text-link{color:#4c683f}.pill{color:#526e3f}.reader-toolbar{color:#66725e}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.font-controls button{min-height:44px;min-width:44px}.toc a{min-height:44px}.check-chip{min-height:44px}.btn-small{min-height:44px}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.menu-toggle{width:44px;min-width:44px;min-height:44px}.topbar{gap:4px}.topbar-start{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.import-zone:focus-within{outline:3px solid #82996d;outline-offset:3px}.import-help{margin:16px 0 0;line-height:1.7}.import-status{display:flex;align-items:center;gap:14px;margin-top:22px;padding:20px;background:#f1f5eb;border-radius:8px}.import-status strong,.import-status span:not(.spinner){display:block;font-size:13px;line-height:1.7}.import-status div>span{color:var(--muted);margin-top:3px}.import-status .spinner{flex-shrink:0}.import-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 18px;font-size:12px;overflow-wrap:anywhere}.import-summary strong{font-size:14px}.import-summary>span:last-child{color:var(--muted)}.import-metadata,.import-chapters{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.import-chapters .section-heading{flex-wrap:wrap}.import-json-help summary{cursor:pointer;font-size:14px;font-weight:600;min-height:44px;display:list-item;align-content:center}.import-json-help[open] summary{margin-bottom:15px}.import-json-help .code-block{margin-top:18px}.notice ul{padding-left:20px;margin-bottom:0;line-height:1.8}#import-preview>.form-error{margin-top:20px}