@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
:root{color-scheme:light;--bg:#f3f6fc;--surface:#fff;--surface-alt:#f7f9fd;--text:#202839;--muted:#727d90;--primary:#316be8;--border:#e1e7f0;--shadow:0 8px 28px #24385c12;--heart:#e34d68;--radius:18px}html.dark{color-scheme:dark;--bg:#121722;--surface:#1d2533;--surface-alt:#171e2a;--text:#edf1f8;--muted:#aab4c3;--primary:#73a0ff;--border:#303b4e;--shadow:0 8px 28px #0005}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.6;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.site-header{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-inner{width:min(100% - 40px,64rem);min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{min-width:0;display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:12px;flex:none}.brand-title{font-weight:800;font-size:clamp(1.05rem,2.4vw,1.3rem);white-space:nowrap}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:50%;background:var(--surface-alt);color:var(--text);cursor:pointer}.theme-toggle:hover{border-color:var(--primary)}.page-shell{width:min(100% - 40px,64rem);margin:0 auto;padding:clamp(18px,3.2vw,32px) 0;flex:1}.panel{min-width:0;padding:clamp(18px,3vw,30px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h1{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--primary);margin:0 0 5px}.subheading{margin:0 0 18px;color:var(--muted);font-size:.92rem}.book-count{align-self:flex-start;white-space:nowrap;padding:4px 10px;border-radius:99px;background:var(--surface-alt);color:var(--muted);font-size:.8rem}.category-tabs{display:flex;align-items:center;gap:9px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:3px 1px 14px;margin-bottom:7px}.category-tab{flex:0 0 auto;min-height:44px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--text);white-space:nowrap;cursor:pointer}.category-tab:hover,.category-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:clamp(12px,2vw,20px);min-width:0}.book-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface-alt);text-align:right;transition:transform .18s,box-shadow .18s}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cover-wrap{position:relative;background:var(--bg)}.cover-wrap>img{display:block;width:100%;height:clamp(190px,24vw,265px);object-fit:cover}.info{padding:12px 14px 15px}.title{margin:0;font-size:1rem;line-height:1.55}.description{margin:7px 0 0;color:var(--muted);font-size:.86rem;line-height:1.7;overflow-wrap:anywhere}.book-category{display:inline-block;margin-top:10px;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:.77rem}.empty{grid-column:1/-1;display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px;text-align:center;color:var(--muted)}.empty-icon{font-size:2rem}.heart{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e1e7f0;border-radius:50%;background:#fffE;color:#777;font-size:1.55rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0002}.heart.active{color:var(--heart)}.admin-fab{position:fixed;inset-inline-end:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:4;min-width:58px;height:58px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 15px;border:0;border-radius:999px;background:var(--primary);color:white;font-weight:700;box-shadow:0 5px 20px #316be855;cursor:pointer}.admin-fab>span:first-child{font-size:1.4rem}.fab-label{font-size:.92rem}.modal[aria-hidden="true"]{display:none}.modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#101827ad}.modal-dialog{position:relative;width:min(100%,480px);max-height:min(90dvh,850px);overflow-y:auto;overscroll-behavior:contain;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-dialog h2{margin:0 0 18px;padding-inline-start:30px;color:var(--primary);font-size:1.15rem}.modal-dialog h3{margin:22px 0 12px}.modal-close{position:absolute;top:12px;inset-inline-end:14px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;cursor:pointer}form{display:grid;gap:10px}label{margin-top:3px;color:var(--muted);font-size:.9rem}input,select,textarea{width:100%;min-width:0;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus,.btn:focus-visible,.category-tab:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{min-height:46px;margin-top:5px;border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer}.btn:hover{filter:brightness(.94)}.preview{display:block;max-width:160px;max-height:160px;border-radius:10px;object-fit:contain}.preview[hidden]{display:none}.form-message{min-height:1.5em;margin-top:8px}.form-message.ok{color:#168447}.form-message.err{color:#d33}.site-footer{padding:16px 20px;text-align:center;color:var(--muted);border-top:1px solid var(--border);font-size:.85rem}.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1200px){.page-shell,.header-inner{width:min(100% - 48px,64rem)}.book-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}}
@media(min-width:700px) and (max-width:1024px){.page-shell,.header-inner{width:calc(100% - 48px)}.panel{padding:24px}.book-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px}.cover-wrap>img{height:clamp(210px,26vw,250px)}}
@media(max-width:600px){.header-inner,.page-shell{width:calc(100% - 28px)}.header-inner{min-height:66px}.logo{width:42px;height:42px}.brand{gap:9px}.panel{padding:17px 14px;border-radius:15px}.subheading{font-size:.86rem}.category-tabs{gap:7px;margin-inline:-2px}.category-tab{padding:7px 13px;font-size:.88rem}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cover-wrap>img{height:clamp(155px,54vw,215px)}.info{padding:10px}.title{font-size:.92rem}.description{font-size:.8rem}.heart{width:42px;height:42px;top:8px;left:8px}.admin-fab{min-width:54px;height:54px;padding-inline:13px}.modal{align-items:end;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.modal-dialog{width:100%;max-height:88dvh;padding:22px 18px;border-radius:18px}}
@media(max-width:360px){.header-inner,.page-shell{width:calc(100% - 20px)}.panel{padding-inline:11px}.book-grid{gap:8px}.cover-wrap>img{height:155px}.info{padding:9px}.fab-label{display:none}.admin-fab{width:52px;min-width:52px;padding:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}