@charset "UTF-8";
:root{--blue:#2455c5;--blue-dark:#173b88;--navy:#172e51;--ink:#20334f;--muted:#64748b;--line:#e4eaf1;--pale:#f3f7fd;--radius:14px;--font:"Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button, input,select{border-radius:8px}button svg,a svg{flex-shrink:0}svg{vertical-align:middle}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.4}h2{font-size:30px;letter-spacing:-.5px}h3{font-size:18px}p{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5992f1;outline-offset:4px}input:focus,select:focus{outline:2px solid #5c91ea;outline-offset:1px}button{transition:background .18s,transform .18s,border-color .18s}a{transition:color .18s}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.muted{color:var(--muted);font-size:14px}.right{text-align:right}.full{width:100%}.skip{position:fixed;top:-80px;left:12px;z-index:20;background:#fff;padding:12px}.skip:focus{top:12px}
.demo-bar{font-size:12px;background:#122c55;color:#dce8ff;letter-spacing:.2px}.demo-bar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:32px}.demo-bar a{display:flex;align-items:center;gap:9px;color:#fff}.demo-bar svg{width:14px;height:14px}.demo-separator{margin:0 11px;color:#7292bf}.header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:10;border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:29px;letter-spacing:-1.35px;font-weight:750;color:#17355f;flex-shrink:0}.brand-mark{width:34px;height:36px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--blue)}.brand-mark svg{width:27px}.brand-dot{color:var(--blue);margin-left:-8px}.desktop-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.desktop-nav>a{white-space:nowrap;padding:27px 0}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.nav-pill{font-size:10px;background:#edf3ff;color:var(--blue);padding:3px 5px;border-radius:4px;margin-left:4px}.nav-actions{display:flex;align-items:center;gap:22px}.library-link{display:flex;gap:8px;align-items:center;font-size:14px}.library-link svg{width:18px}.cart-button{display:flex;align-items:center;gap:9px;border:none;border-left:1px solid var(--line);border-radius:0;background:transparent;padding:8px 0 8px 22px}.cart-count{font:600 12px Arial;min-width:21px;height:21px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.icon-button:hover{background:var(--pale)}.mobile-menu,.mobile-nav{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 21px;min-height:48px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1.5;border-radius:8px}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 8px #1c50b410}.button.primary:hover{background:#1947b0}.button.secondary{border-color:#dce4ef;background:#fff;color:var(--ink)}.button.secondary:hover{background:#f0f5fd;border-color:#a9bee2}.button.ghost{background:transparent;color:var(--navy)}.button.ghost:hover{background:#e8f0fd}.button.small{font-size:13px;padding:9px 12px;min-height:38px}.button.small svg{width:15px}.text-button{background:none;border:none;padding:10px 0;color:var(--blue);font-size:14px}.button.danger{background:#b94147;color:#fff}.button.danger-secondary{background:#fff;color:#ad3c45;border-color:#eacdd0}
.hero{background:#f1f6fd;border-bottom:1px solid #e6edf8;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;min-height:523px;padding-top:44px;padding-bottom:40px}.eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--blue);margin-bottom:17px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px;vertical-align:middle}.hero h1{font-size:48px;line-height:1.38;letter-spacing:-1.5px;font-weight:700}.hero h1>span{color:var(--blue)}.hero-copy>p{margin-top:22px;line-height:1.9;font-size:16px}.hero-buttons{display:flex;gap:10px;margin-top:27px}.hero-features{display:flex;align-items:center;gap:23px;margin-top:29px;font-size:12px;color:#5b6c84}.hero-features span{display:flex;gap:7px;align-items:center}.hero-features svg{width:16px;height:16px;color:#3865ab}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:0}.hero-edition{display:flex;justify-content:space-between;font:9px/1.5 Arial;letter-spacing:1.5px;color:#7387a6;margin:2px 0 18px}.hero-edition span{font-size:9px}.hero-covers{position:relative;height:305px;margin:0 22px}.hero-cover{position:absolute;width:222px;border:0;background:none;padding:0;text-align:left;border-radius:0;box-shadow:0 17px 25px -15px #1a30596b;transition:transform .2s}.hero-cover .cover{aspect-ratio:.76}.hero-cover.back-cover{left:0;top:10px;transform:rotate(-8deg)}.hero-cover.front-cover{right:0;top:0;transform:rotate(7deg)}.hero-cover.back-cover:hover{transform:rotate(-5deg) translateY(-6px)}.hero-cover.front-cover:hover{transform:rotate(4deg) translateY(-6px)}.hero-caption{background:#fff;border:1px solid #e5ecf6;display:flex;align-items:center;gap:12px;padding:14px 20px;margin:24px 18px 0;border-radius:10px;box-shadow:0 4px 16px #34548004}.caption-icon{display:grid;place-items:center;background:#edf3ff;border-radius:10px;width:38px;height:38px;color:var(--blue)}.hero-caption b{display:block;font-size:14px}.hero-caption div>span{font-size:11px;color:var(--muted)}.caption-number{font:500 32px Arial;color:#b0c0d8;margin-left:auto}.topic-strip{border-bottom:1px solid var(--line)}.topic-strip .wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8190a6}.topic-strip span{font-size:12px}.topic-strip b{font:600 13px Arial;letter-spacing:1.3px;color:#687e9f}.topic-strip i{font-size:14px;font-style:normal;color:#c0cddf}
.catalog-section{padding:72px 0 76px}.section-heading{margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;max-width:410px;width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#7a8ba2}.search input{width:100%;padding:0;border:0;background:transparent;font-size:14px;line-height:1.8;min-width:0;color:var(--ink)}.search input:focus{outline:none}.search:focus-within{outline:2px solid #77a2ed}.search svg{width:18px;flex-shrink:0}.search input::placeholder{color:#8996a8}.sort-control{display:flex;align-items:center;gap:10px;color:#718099;font-size:13px}.sort-control select{background:#fff;border:1px solid var(--line);padding:10px 33px 10px 12px;color:var(--ink);font-size:13px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:15px;scrollbar-width:thin}.category-tabs button{border:1px solid var(--line);background:#fff;color:#64718a;padding:9px 15px;font:12px/1.6 var(--font);white-space:nowrap;display:flex;align-items:center;gap:7px;border-radius:6px}.category-tabs button svg{width:14px;height:14px}.category-tabs button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.category-tabs button span{background:#ffffff2b;border-radius:4px;padding:0 5px;font-size:11px}.category-tabs button:not(.active):hover{background:#edf3fd;border-color:#c4d5ef}.catalog-results{display:flex;justify-content:space-between;color:#7b889c;font-size:12px;margin-bottom:21px}.catalog-results b{color:var(--blue)}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px}.book-card{min-width:0}.cover-button{position:relative;display:block;width:100%;padding:14px;border:1px solid #edf0f5;background:#f4f6f9;text-align:left;overflow:hidden;border-radius:10px}.cover-button:hover{background:#edf2fa;border-color:#cbd9ed}.cover-button .cover{transition:transform .25s}.cover-button:hover .cover{transform:translateY(-3px)}.preview-pill{position:absolute;left:50%;bottom:26px;transform:translate(-50%,8px);opacity:0;background:#fff;box-shadow:0 3px 12px #10254326;border-radius:6px;font-size:12px;white-space:nowrap;padding:7px 12px;transition:opacity .18s,transform .18s;display:flex;align-items:center;gap:6px}.preview-pill svg{width:15px}.cover-button:hover .preview-pill,.cover-button:focus-visible .preview-pill{opacity:1;transform:translate(-50%,0)}.cover{aspect-ratio:.83;position:relative;display:flex;flex-direction:column;padding:21px 19px 16px;color:var(--cover-fg);background:var(--cover-bg);overflow:hidden;font-family:Arial,sans-serif;box-shadow:2px 3px 4px #17314a0b;text-align:left}.cover-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;border-bottom:1px solid currentColor;padding-bottom:11px;gap:8px;opacity:.85}.cover-top span:last-child{font-size:5px;letter-spacing:.7px;white-space:nowrap}.cover-title{font-size:27px;font-weight:750;line-height:1.07;letter-spacing:-1px;position:relative;z-index:1;margin-top:20px;display:flex;flex-direction:column}.cover-graphic{position:relative;flex:1;margin:17px 0 16px;min-height:48px;overflow:hidden}.cover-graphic i{position:absolute;display:block;background:currentColor}.graphic-0 i{width:23%;height:100%;transform:skewY(-24deg);opacity:.6;bottom:-24%}.graphic-0 i:nth-child(2){left:25%;bottom:-8%;opacity:.75}.graphic-0 i:nth-child(3){left:50%;bottom:8%;opacity:.9}.graphic-0 i:nth-child(4){left:75%;bottom:24%}.graphic-0 i:nth-child(5){display:none}.graphic-1 i{width:100%;height:16%;left:0;transform-origin:left center;transform:rotate(-17deg)}.graphic-1 i:nth-child(1){top:80%;opacity:.25}.graphic-1 i:nth-child(2){top:62%;opacity:.4}.graphic-1 i:nth-child(3){top:44%;opacity:.55}.graphic-1 i:nth-child(4){top:26%;opacity:.75}.graphic-1 i:nth-child(5){top:8%}.graphic-2 i{width:100%;aspect-ratio:1;border:12px solid currentColor;border-radius:50%;background:transparent;left:5%;top:0;opacity:.75}.graphic-2 i:nth-child(2){width:74%;top:23%;left:18%;opacity:.6;border-width:9px}.graphic-2 i:nth-child(3){width:48%;top:46%;left:31%;border-width:7px}.graphic-2 i:nth-child(4),.graphic-2 i:nth-child(5){display:none}.graphic-3 i{width:24%;height:35%;border-radius:3px;background:currentColor;left:0;top:5%;opacity:.6}.graphic-3 i:nth-child(2){left:28%;top:5%;opacity:.35}.graphic-3 i:nth-child(3){left:56%;top:5%;opacity:.2}.graphic-3 i:nth-child(4){left:28%;top:48%;opacity:.75}.graphic-3 i:nth-child(5){left:56%;top:48%;opacity:1}.cover-bottom{border-top:1px solid currentColor;padding-top:9px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:.6px;opacity:.8;gap:5px}.book-meta{display:flex;justify-content:space-between;align-items:center;color:#53749c;font:10px Arial;letter-spacing:.5px;margin-top:16px}.mini-label{font:10px var(--font);color:#748094}.book-title{border:0;background:none;text-align:left;padding:7px 0 3px;width:100%}.book-title h3{font-size:17px;font-weight:650;letter-spacing:-.2px}.book-title:hover h3{color:var(--blue)}.book-subtitle{font-size:12px;min-height:40px;line-height:1.7}.book-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.book-price{font:600 20px Arial;color:var(--navy)}.book-price small{font:11px var(--font);color:#8492a6}.add-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9e3f1;background:#f5f8fd;color:var(--blue);border-radius:7px}.add-button:hover{background:#e4edfc}.add-button.added{background:var(--blue);color:#fff}.add-button svg{width:17px}
.bundle-section{background:#f4f7fc;border-top:1px solid #e9eff7;border-bottom:1px solid #e9eff7;padding:68px 0}.section-heading.center{text-align:center}.section-heading>p{margin-top:10px;font-size:15px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:40px auto 0}.package{position:relative;border:1px solid #dfe7f1;background:#fff;padding:29px;border-radius:12px}.package.featured{border:2px solid var(--blue);padding:28px;box-shadow:0 8px 20px #2959ab08}.package-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:var(--blue);color:#fff;border-radius:5px;padding:3px 17px}.package-kicker{font-size:13px;color:#6a7a92}.package h3{font:650 37px Arial;margin-top:13px}.package h3 span{font:500 16px var(--font);margin-left:7px;color:#53657e}.package-price{font:650 33px Arial;margin-top:21px;color:var(--navy)}.package-price del{font:400 14px Arial;color:#99a4b5;margin-left:10px}.saving-pill{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;color:#21605b;background:#edf7f3;margin-top:10px}.package ul{list-style:none;padding:0;margin:23px 0 26px;font-size:13px;color:#52667e}.package li{display:flex;align-items:center;gap:8px;margin-bottom:12px}.package li svg{width:15px;height:15px;color:var(--blue)}.package .button{width:100%;font-size:14px}.package-note{text-align:center;font-size:12px;margin-top:25px}.bundle-selection{display:flex;align-items:center;gap:13px;background:#edf4ff;border:1px solid #cbdcf7;padding:15px 18px;border-radius:8px;margin-bottom:20px;color:var(--blue)}.bundle-selection div{flex:1}.bundle-selection b{font-size:14px;display:block}.bundle-selection span{font-size:12px;color:#5c7395}.how-section{padding:76px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}.step-number{font:400 30px Arial;color:#8aa7d0;display:block;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.steps h3{font-size:16px;margin-bottom:9px}.steps p{font-size:13px;line-height:1.9}.faq{margin-top:60px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 2.5fr;column-gap:50px}.faq h3{grid-row:1/4;font-size:24px}.faq details{border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px;grid-column:2}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:16px;height:16px;flex-shrink:0;color:var(--blue)}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{font-size:14px;margin-top:12px;line-height:1.8}.footer{border-top:1px solid var(--line);background:#f9fbfe;padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:24px}.footer .brand-mark{width:28px;height:30px}.footer .brand-mark svg{width:22px}.footer p{font-size:12px;margin-top:9px}.footer-inner>div:nth-child(2){display:flex;gap:22px;font-size:12px}.footer-inner>span{font:11px/1.8 Arial;color:#7c8ba1;text-align:right}.footer-inner small{font:11px var(--font)}
.breadcrumbs{font-size:12px;color:#8794a7;margin:0 0 29px}.breadcrumbs span{margin:0 11px;color:#b1bdcc}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{font-size:30px;letter-spacing:-.5px}.page-heading p{font-size:14px;margin-top:7px}.page-heading .eyebrow{margin-bottom:8px}.library-page{padding:34px 0 76px;min-height:70vh}.profile-chip{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:24px;font-size:13px;white-space:nowrap}.profile-chip svg{color:#5f83b9}.library-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow:auto}.library-tabs a{display:flex;align-items:center;gap:10px;padding:15px 0;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent;color:#6c7d96}.library-tabs a.active{color:var(--blue);border-bottom-color:var(--blue)}.library-tabs b{font:600 11px Arial;background:#edf2fa;padding:3px 7px;border-radius:4px}.library-tabs svg{width:17px}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.library-card{display:flex;gap:22px;border:1px solid var(--line);border-radius:12px;padding:23px}.library-card>.cover{width:155px;flex-shrink:0;align-self:start}.library-card>.cover .cover-title{font-size:18px}.library-card>.cover .cover-top{font-size:5px;letter-spacing:.4px}.library-card>.cover .cover-top span:last-child{display:none}.library-card>.cover .cover-bottom{font-size:4px}.library-card>div:last-child{flex:1;min-width:0}.library-card h2{font-size:20px;margin-top:14px}.library-card p{font-size:13px;margin:8px 0 20px}.library-card .button{width:100%;font-size:13px;min-height:39px;padding:9px;margin-bottom:8px}.library-card small{color:#8996a8;font-size:11px;display:block}.tag{display:inline-block;padding:4px 8px;border-radius:5px;background:#f1f5fb;color:#647b9b;font:10px Arial;white-space:nowrap}.pending-notice{display:flex;align-items:center;gap:12px;font-size:14px;color:#9a6c1c;background:#fff9e9;border:1px solid #f0e2b9;padding:13px 17px;border-radius:8px;margin-bottom:26px}.pending-notice svg:last-child{margin-left:auto}.history-card{border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}.history-top{display:flex;align-items:center;justify-content:space-between;background:#f8fafd;padding:16px 22px;border-bottom:1px solid var(--line);gap:15px}.history-top b{font:600 13px Arial}.history-top div>span{font-size:12px;color:#8996a8;margin-left:15px}.history-body{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.history-body p{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);margin:7px 0}.history-body svg{width:16px;color:#7995bb;flex-shrink:0}.history-body>div:last-child{text-align:right;flex-shrink:0}.history-body strong{font:600 25px Arial;display:block;margin-bottom:14px}.history-body .button{font-size:13px;min-height:38px;padding:9px 13px}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;min-height:250px}.empty-state>svg{width:42px;height:42px;color:#8ea8ce;margin-bottom:15px}.empty-state h3{font-size:21px;margin-bottom:10px}.empty-state p{font-size:14px;margin-bottom:22px}.empty-inline{padding:45px 15px;text-align:center;color:var(--muted);font-size:14px}
.admin-label{color:#5b7090;font-size:14px;padding-left:20px;border-left:1px solid var(--line)}.admin-shell{display:flex;background:#f6f8fc;min-height:calc(100vh - 118px)}.sidebar{width:226px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:30px 15px;display:flex;flex-direction:column;min-height:calc(100vh - 118px)}.workspace-label{font-size:11px;color:#94a1b5;padding:0 15px 19px;letter-spacing:.5px}.side-link{display:flex;align-items:center;gap:12px;padding:13px 15px;font-size:14px;color:#738099;border-radius:8px;margin-bottom:6px}.side-link svg{width:18px}.side-link.active{background:#eaf1ff;color:var(--blue);font-weight:600}.side-link:hover{background:#f0f5fd}.side-link b{margin-left:auto;background:#d6e4ff;min-width:21px;height:21px;display:grid;place-items:center;border-radius:4px;font:600 11px Arial}.sidebar-foot{display:flex;gap:10px;margin-top:auto;padding:50px 12px 0}.sidebar-foot svg{color:#8ca3c2;width:19px;flex-shrink:0}.sidebar-foot p{font-size:11px}.sidebar-foot small{font-size:10px;color:#95a2b6}.admin-main{padding:32px 38px 60px;flex:1;min-width:0;max-width:1600px}.admin-main .page-heading h1{font-size:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:27px}.stats>div{position:relative;background:#fff;border:1px solid var(--line);padding:22px 25px;border-radius:10px;min-width:0}.stats>div>span{display:block;font-size:13px;color:#6c7e98}.stats strong{font:600 29px/1.5 Arial;display:block;margin-top:7px;color:var(--navy)}.stats strong small{font:12px var(--font);margin-left:8px;color:#8998ac}.stats>div>svg{position:absolute;right:21px;top:20px;width:19px;color:#9ab0d0}.stats .sync-stat strong{font:600 22px/1.9 var(--font);margin-top:3px}.stats .sync-stat small{font-size:11px;color:#7e91ac}.data-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:17px 21px}.status-tabs{display:flex;gap:5px;overflow:auto}.status-tabs button{background:none;border:0;padding:8px 10px;white-space:nowrap;color:#8593a8;font-size:12px}.status-tabs button.active{color:var(--blue);background:#eff4ff}.search.compact{max-width:265px;padding:7px 10px}.search.compact input{font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-weight:500;color:#8a97ab;background:#fafbfd;font-size:12px;padding:14px 23px;white-space:nowrap}td{padding:18px 23px;border-bottom:1px solid #eef1f6;color:#4d617d}td b{font-weight:600;color:#253d60}td small{display:block;color:#94a1b4;font-size:11px;margin-top:5px}.table-sub{display:block;margin-top:5px;color:#7a8ba4;font-size:12px;max-width:220px}.amount{font-family:Arial,sans-serif;color:#203c62;white-space:nowrap;font-weight:600}.panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:12px;color:#8c9bb0;gap:15px}.badge{font-size:11px;display:inline-block;padding:5px 10px;border-radius:5px;white-space:nowrap}.badge.pending{color:#9e7017;background:#fff7de}.badge.approved{color:#2c786b;background:#eaf6f0}.badge.rejected{color:#ae5057;background:#fbeef0}.badge.expired,.badge.neutral{color:#73829a;background:#f0f3f8}.transaction-tools .search{max-width:320px}.date-filter{display:flex;align-items:center;gap:7px;font-size:12px;color:#8192a8}.date-filter input{padding:7px 8px;border:1px solid var(--line);color:#4d6586;background:#fff;font:12px/1.8 var(--font);max-width:138px}.transaction-tools{gap:13px;flex-wrap:wrap}.transaction-tools .text-button{font-size:12px}.pagination{display:flex;align-items:center;gap:12px}.pagination .icon-button{width:30px;height:30px;font-size:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:17px}.count-pill{display:inline-grid;place-items:center;font:600 12px Arial;background:#edf2fa;color:#55719a;min-width:24px;height:23px;border-radius:5px;margin-left:5px;vertical-align:middle}.book-cell{display:flex;align-items:center;gap:16px;min-width:250px}.cover.tiny{width:43px;height:57px;aspect-ratio:auto;flex-shrink:0;padding:6px 5px;box-shadow:none}.cover.tiny .cover-top,.cover.tiny .cover-bottom{display:none}.cover.tiny .cover-title{font-size:5px;margin-top:3px;letter-spacing:-.1px}.cover.tiny .cover-graphic{margin:5px 0 0;min-height:15px}.cover.tiny .graphic-2 i{border-width:3px}.switch{background:#c9d4e3;border:0;width:39px;height:23px;border-radius:20px;padding:3px;display:flex;align-items:center}.switch span{display:block;background:#fff;box-shadow:0 1px 2px #16335e22;width:17px;height:17px;border-radius:50%;transition:transform .18s}.switch.on{background:var(--blue)}.switch.on span{transform:translateX(16px)}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 30px}.settings-section{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;padding:30px 0;border-bottom:1px solid var(--line)}.settings-section h2{font-size:18px;margin-top:9px}.settings-section p{font-size:13px;margin-top:7px}.setting-icon{width:33px;height:33px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);border-radius:7px}.setting-icon svg{width:17px}.field{display:flex;flex-direction:column;font-size:13px;color:#637993;margin-bottom:15px;gap:7px}.field input,.field select{width:100%;padding:11px 13px;border:1px solid #dfe6f0;background:#fff;color:var(--ink);font-size:14px}.field input[readonly]{background:#f8fafd;color:#8594aa}.settings-actions{padding:22px 0;display:flex;align-items:center;justify-content:flex-end;gap:20px}.settings-actions>span{color:#327264;font-size:13px}.integration-state{padding:10px 0}
dialog{width:min(640px,calc(100% - 32px));max-height:90vh;padding:0;border:1px solid #e1e8f3;border-radius:17px;box-shadow:0 30px 100px #10224544;color:var(--ink);background:#fff;overflow:auto}dialog.wide{width:min(920px,calc(100% - 32px))}dialog::backdrop{background:#1220398a;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:15px;top:15px;z-index:2;border:none;background:#f1f4f9;border-radius:50%}.modal-close:hover{background:#e1e9f5}.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:43px 34px}.detail-cover{padding:15px;background:#f3f6fa;align-self:start;border-radius:10px;margin-top:15px}.detail-info h2{font-size:26px;margin:15px 0 6px}.detail-info>.tag{margin-top:8px}.detail-info .detail-subtitle{font-size:15px;color:#597091;margin-bottom:17px}.detail-info>p{font-size:14px;line-height:1.9}.detail-author{font-size:12px;color:#8393a9;display:flex;align-items:center;gap:7px;margin:16px 0 23px}.detail-author svg{width:16px}.detail-info h3{font-size:15px}.chapter-list{list-style:none;padding:0;margin:11px 0 19px}.chapter-list li{font-size:13px;padding:6px 0;display:flex;gap:11px;color:#617693}.chapter-list li span{font:10px/2 Arial;color:#98abc5}.detail-purchase{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:17px}.detail-purchase strong{font:600 30px Arial}.detail-purchase span{font-size:11px;color:var(--blue);background:#edf3ff;padding:4px 8px;border-radius:4px}.detail-buttons{display:flex;gap:9px;flex-wrap:wrap}.detail-buttons .button{font-size:12px;padding:11px 13px;min-height:42px}.form-note{color:#8898b0;font-size:12px;line-height:1.8;margin-top:13px}.detail-info .form-note{font-size:11px}.cart-modal,.payment,.inspect{padding:37px 32px 30px}.cart-modal h2{font-size:27px;margin-bottom:23px}.cart-items{max-height:39vh;overflow:auto;padding-right:5px}.cart-item{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-item>div:not(.cover){flex:1;min-width:0}.cart-item b{font-size:14px;display:block}.cart-item>div>span{font-size:11px;color:#8996a9;display:block;margin-top:5px}.cart-item>strong{font:600 15px Arial;white-space:nowrap}.cart-item>.icon-button{width:30px;height:32px;border:0;color:#9dabbf}.cart-item>.icon-button:hover{color:#a1444b}.cart-item .icon-button svg{width:16px}.discount-notice,.cart-tip{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:7px;font-size:12px;margin-top:19px;background:#eff7f2;color:#347d63}.cart-tip{background:#eff4fc;color:#6080aa}.discount-notice svg{width:17px}.totals{margin:22px 0}.totals>div{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#71839e}.totals>div.discount{color:#348267}.totals .grand-total{padding-top:15px;margin-top:16px;border-top:1px solid var(--line);font-size:18px;color:var(--navy)}.grand-total strong:last-child{font:600 26px Arial}.cart-modal>.form-note{text-align:center}.payment{text-align:center;padding-top:35px}.step-pill{display:inline-block;background:#edf3ff;color:var(--blue);padding:4px 11px;border-radius:5px;font-size:11px;margin-bottom:15px}.payment h2{font-size:24px}.payment>p{font-size:12px;margin-top:10px}.payment-amount{font:650 43px Arial;letter-spacing:-1px;margin:23px 0;color:var(--blue)}.qr-placeholder{background:#f6f8fc;border:1px dashed #bfcee3;border-radius:10px;padding:23px 15px;margin:0 auto 24px;max-width:220px;color:#869cbb;display:flex;flex-direction:column;align-items:center}.qr-placeholder svg{width:64px;height:64px;stroke-width:1.1;margin-bottom:12px}.qr-placeholder b{font-size:15px;color:#5c759a}.qr-placeholder span{font-size:11px;margin-top:5px}.payment-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;text-align:left}.payment-details>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0;font-size:12px}.payment-details>div>span:first-child{color:#8494ab}.payment-details b{font-weight:500}.payment-details strong{font:600 24px Arial;color:var(--blue)}.payment .payment-note{font-size:12px;margin:19px 0}.inspect h2{font:600 24px Arial;overflow-wrap:anywhere;padding-right:15px}.inspect-status{display:flex;align-items:center;gap:14px;margin:17px 0 25px}.inspect-status>span:last-child{font-size:12px;color:#8a9ab1}.inspect-customer{display:flex;gap:12px;padding:17px;border-radius:8px;background:#f6f9fd}.inspect-customer svg{width:24px;color:#7b97bf}.inspect-customer b{font-size:14px}.inspect-customer span{font-size:11px;color:#7a8fac;display:block;margin-top:4px}.inspect-books{padding:20px 0}.inspect-books>div{padding:7px 0;display:flex;align-items:center;gap:9px;font-size:13px}.inspect-books svg{width:16px;color:#83a0c7}.review-notice{display:flex;align-items:center;gap:9px;color:#7c8da6;font-size:12px;background:#f6f8fc;padding:12px;margin:20px 0 15px;border-radius:6px}.review-notice svg{width:18px;flex-shrink:0}.check-label{display:flex;align-items:center;gap:9px;font-size:13px;margin:16px 0 22px}.check-label input{accent-color:var(--blue);width:17px;height:17px}.approval-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.approval-actions .button{font-size:13px}.reader{padding:32px;background:#f4f7fc}.reader-heading{text-align:center;margin:5px 20px 25px}.reader-heading h2{font-size:21px;margin:10px 0 5px}.reader-heading>span:last-child{font-size:11px;color:#92a0b5}.reader-heading .eyebrow{font-size:9px}.reading-page{background:#fff;border:1px solid #e3eaf3;padding:36px 37px;border-radius:5px;min-height:440px}.page-eyebrow{font-size:11px;color:#8399bc;letter-spacing:1px}.reading-page h3{font-size:25px;margin:13px 0 19px}.reading-page p{font-size:15px;line-height:2;color:#61728a}.reading-page .reading-lead{color:#26446c;font-size:17px;margin-bottom:15px}.workbook{background:#f1f6ff;border-left:3px solid var(--blue);padding:16px 19px;margin-top:23px}.workbook>span{font-size:11px;color:var(--blue);font-weight:600}.workbook p{font-size:13px;margin-top:5px}.reading-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:15px;font:9px Arial;letter-spacing:1.5px;color:#a0aec2}.reader-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}.reader-navigation>span{font-size:12px;color:#8b9bb1}.reader-navigation .button{font-size:12px;min-height:38px;padding:9px 15px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:13px 21px;color:#fff;background:#173a66;border:1px solid #254b7d;box-shadow:0 8px 25px #122f5526;border-radius:9px;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.hero-inner{gap:80px}.hero-covers{margin:0 34px}.hero-cover{width:238px}.hero-covers{height:320px}.hero h1{font-size:51px}.hero-inner{min-height:550px}}
@media(max-width:1190px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:18px}.nav-pill{display:none}.nav-actions{gap:14px}.library-link span{display:none}.hero-inner{gap:35px}.hero h1{font-size:42px}.hero-cover{width:200px}.hero-covers{margin:0 5px;height:280px}.hero-caption{margin-left:0;margin-right:0}.hero-features{gap:15px;font-size:11px}.book-grid{gap:30px 20px}.cover-title{font-size:23px}.cover{padding:17px 14px 13px}.cover-top{font-size:6px}.cover-top span:last-child{font-size:4px}.cover-bottom{font-size:4px}.sidebar{width:195px}.admin-main{padding:28px 24px}.stats{gap:13px}.stats>div{padding:20px}.stats strong{font-size:25px}.stats>div>svg{display:none}.panel-toolbar{padding:15px}.status-tabs{gap:0}.status-tabs button{padding:8px;font-size:11px}.search.compact{max-width:225px}th,td{padding:15px 17px}.library-card{padding:18px;gap:17px}.library-card>.cover{width:128px}.settings-section{gap:25px}}
@media(max-width:900px){.hero-inner{gap:24px;min-height:480px}.hero h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-buttons{gap:3px}.hero-buttons .button{font-size:13px;padding:12px}.hero-features{flex-direction:column;align-items:flex-start;gap:9px;margin-top:20px}.hero-covers{height:235px;margin:0}.hero-cover{width:160px}.hero-caption{padding:12px;gap:9px}.hero-caption b{font-size:12px}.hero-caption div>span{font-size:10px}.caption-number{font-size:26px}.caption-icon{width:32px;height:32px}.hero-edition{font-size:7px;letter-spacing:1px}.hero-edition span{font-size:7px}.hero-art{justify-content:center;gap:9px}.hero-caption{margin-top:18px}.hero-cover .cover-title{font-size:20px}.topic-strip b{font-size:11px;letter-spacing:.5px}.topic-strip span{font-size:10px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-title{font-size:25px}.cover-top{font-size:7px}.package{padding:23px}.package.featured{padding:22px}.package-price{font-size:28px}.package h3{font-size:32px}.package h3 span{font-size:13px}.package ul{font-size:12px}.package .button{font-size:12px;padding:10px}.package-grid{gap:14px}.steps{gap:23px}.steps h3{font-size:14px}.steps p{font-size:12px}.footer-inner>div:nth-child(2){gap:13px}.sidebar{width:175px;padding:25px 10px}.side-link{font-size:12px;padding:11px;gap:9px}.workspace-label{padding-left:11px}.sidebar-foot{padding-left:5px;gap:6px}.sidebar-foot small{font-size:9px}.admin-main{padding:24px 20px}.admin-main .page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stats{gap:10px}.stats>div{padding:17px 14px}.stats strong{font-size:22px}.stats>div>span{font-size:11px}.stats .sync-stat strong{font-size:17px}.panel-toolbar{align-items:flex-start;flex-wrap:wrap}.search.compact{max-width:none}.stats strong small{font-size:10px}.table-scroll table{min-width:590px}.transaction-tools .search{max-width:100%}.settings-panel{padding:0 21px}.settings-section{grid-template-columns:1fr;gap:20px}.settings-section h2{font-size:16px}.library-grid{grid-template-columns:1fr}.library-card>.cover{width:150px}.library-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;align-content:center}.library-card .tag,.library-card h2,.library-card p,.library-card small{grid-column:1/-1}.library-card .tag{justify-self:start}.library-card h2{margin-top:4px}.library-card p{margin:0 0 10px}.library-card .button{margin:0}}
@media(max-width:650px){html{scroll-padding-top:78px}.wrap{width:calc(100% - 36px)}.demo-bar .wrap{min-height:30px;font-size:9px;width:calc(100% - 28px)}.demo-separator{margin:0 5px}.demo-bar a{font-size:10px;gap:4px}.demo-bar a svg{width:11px}.nav-row{min-height:70px;gap:12px}.brand{font-size:25px}.brand-mark{width:29px;height:31px}.brand-mark svg{width:24px}.desktop-nav{display:none}.nav-actions{gap:13px}.library-link{display:none}.cart-button{border:0;padding:7px 0;gap:6px}.cart-button svg{width:19px}.cart-count{min-width:18px;height:18px;font-size:10px}.mobile-menu{display:inline-flex;border:none;width:28px}.mobile-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 18px 18px;border-top:1px solid var(--line)}.mobile-nav a{font-size:13px;color:#526b91}.hero-inner{grid-template-columns:1fr;gap:22px;padding-top:36px;padding-bottom:26px;min-height:auto}.hero .eyebrow{font-size:9px;letter-spacing:1.65px;margin-bottom:15px}.hero h1{font-size:36px;letter-spacing:-1px;line-height:1.4}.hero-copy>p{margin-top:17px;font-size:14px;line-height:1.95}.desktop-break{display:none}.hero-buttons{margin-top:22px;gap:8px}.hero-buttons .button{font-size:13px;min-height:45px;padding:12px 16px}.hero-buttons .button svg{width:16px}.hero-features{flex-direction:row;gap:17px;font-size:10px;margin-top:21px}.hero-features svg{width:14px}.hero-art{padding:16px 8px 0;max-width:380px;width:100%;margin:auto}.hero-edition{font-size:7px;margin-bottom:5px}.hero-covers{height:246px;margin:0 26px}.hero-cover{width:172px}.hero-cover.back-cover{left:-7px;top:9px;transform:rotate(-7deg)}.hero-cover.front-cover{right:-7px;transform:rotate(6deg)}.hero-caption{margin:3px 0 0;padding:12px 15px}.hero-caption b{font-size:12px}.hero-caption div>span{font-size:10px}.topic-strip .wrap{min-height:54px;gap:10px;justify-content:space-between;overflow:hidden}.topic-strip span{display:none}.topic-strip b{font-size:9px;letter-spacing:.6px;white-space:nowrap}.topic-strip i{font-size:10px}.catalog-section{padding:42px 0}.section-heading{margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.6px}.heading-row{display:block}.heading-row h2,h2{font-size:24px}.heading-row>.muted{display:block;font-size:12px;margin-top:8px}.catalog-tools{flex-wrap:wrap;gap:13px;margin-bottom:17px}.search{max-width:none;padding:9px 12px}.search input{font-size:13px}.sort-control{font-size:11px;width:100%;justify-content:flex-end;gap:8px}.sort-control select{font-size:12px;padding:7px 9px;border-color:#e9eef4}.category-tabs{margin-right:-18px;padding-right:18px;gap:7px;margin-bottom:10px}.category-tabs button{font-size:11px;padding:8px 12px}.catalog-results{font-size:11px;margin-bottom:18px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.cover-button{padding:9px;border-radius:8px}.cover{padding:12px 10px 10px;aspect-ratio:.79}.cover-top{font-size:4.5px;padding-bottom:7px;letter-spacing:.4px}.cover-top span:last-child{font-size:3px;letter-spacing:.2px}.cover-title{font-size:17px;margin-top:13px;letter-spacing:-.7px}.cover-graphic{margin:13px 0 9px;min-height:40px}.cover-bottom{font-size:3px;letter-spacing:.3px;padding-top:6px}.graphic-2 i{border-width:8px}.graphic-2 i:nth-child(2){border-width:6px}.graphic-2 i:nth-child(3){border-width:4px}.hero-cover .cover{padding:16px 14px 12px}.hero-cover .cover-title{font-size:23px;margin-top:17px}.hero-cover .cover-top{font-size:5px}.hero-cover .cover-top span:last-child{font-size:3px}.hero-cover .cover-bottom{font-size:3.5px}.hero-cover .cover-graphic{margin-top:15px}.book-meta{font-size:9px;letter-spacing:0;margin-top:12px;min-height:16px}.mini-label{display:none}.book-title{padding-top:5px}.book-title h3{font-size:14px;line-height:1.55;min-height:44px;letter-spacing:0}.book-subtitle{font-size:10px;min-height:34px;line-height:1.8}.book-card-bottom{margin-top:10px;padding-top:10px}.book-price{font-size:18px}.book-price small{font-size:9px}.add-button{width:31px;height:31px}.preview-pill{display:none}.bundle-section{padding:42px 0}.section-heading>p{font-size:13px;line-height:1.9}.package-grid{grid-template-columns:1fr;gap:25px;max-width:380px;margin-top:30px}.package,.package.featured{padding:25px}.package h3{font-size:35px}.package h3 span{font-size:15px}.package-price{font-size:33px;margin-top:15px}.package ul{font-size:13px;margin:18px 0}.package .button{font-size:14px;min-height:45px}.package-note{font-size:11px;margin-top:22px;line-height:1.9}.bundle-selection{padding:13px;align-items:flex-start;flex-wrap:wrap}.bundle-selection>b{font-size:13px}.bundle-selection>svg{width:18px;margin-top:4px}.bundle-selection span{font-size:11px}.bundle-selection .text-button{padding:0;font-size:11px;margin-left:30px}.how-section{padding:43px 0}.steps{grid-template-columns:repeat(2,1fr);gap:25px 24px;margin-top:26px}.step-number{font-size:27px;margin-bottom:14px;padding-bottom:10px}.steps h3{font-size:15px}.steps p{font-size:12px}.faq{grid-template-columns:1fr;gap:0;margin-top:40px;padding-top:25px}.faq h3{grid-row:auto;grid-column:1;font-size:21px;margin-bottom:23px}.faq details{grid-column:1}.faq summary{font-size:13px}.faq details p{font-size:12px}.footer{padding:28px 0}.footer-inner{display:grid;grid-template-columns:1fr;gap:22px}.footer-inner>div:nth-child(2){display:flex;gap:23px;font-size:11px}.footer-inner>span{text-align:left;font-size:10px}.footer .brand{font-size:24px}.footer p{font-size:11px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:25px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.breadcrumbs{font-size:10px;margin-bottom:22px}.breadcrumbs span{margin:0 6px}.library-page{padding:25px 0 45px}.profile-chip{font-size:11px;padding:7px 10px}.profile-chip svg{width:14px}.library-tabs{gap:20px;margin-bottom:23px}.library-tabs a{font-size:12px;gap:6px;padding:12px 0}.library-tabs svg{width:15px}.library-tabs b{font-size:10px}.library-card{padding:15px;gap:16px}.library-card>.cover{width:109px;padding:10px;min-height:147px}.library-card>.cover .cover-title{font-size:14px}.library-card>.cover .cover-top{font-size:4px}.library-card>.cover .cover-bottom{font-size:3px}.library-card>div:last-child{display:block}.library-card .tag{font-size:8px;white-space:normal}.library-card h2{font-size:17px;margin-top:7px}.library-card p{font-size:11px;margin:5px 0 13px}.library-card .button{font-size:11px;min-height:34px;padding:8px;margin-bottom:7px;gap:5px}.library-card .button svg{width:14px}.library-card small{font-size:9px}.pending-notice{font-size:11px;padding:11px 12px;gap:8px}.pending-notice svg{width:16px;flex-shrink:0}.history-top{padding:13px 15px}.history-top b{font-size:10px}.history-top div>span{display:block;font-size:10px;margin:5px 0 0}.history-body{padding:16px;display:block}.history-body p{font-size:12px;align-items:flex-start}.history-body p svg{margin-top:3px}.history-body>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.history-body strong{font-size:22px;margin:0}.history-body .button{font-size:11px;padding:9px}.badge{font-size:10px;padding:4px 7px}.admin-shell{display:block}.sidebar{width:100%;min-height:0;padding:9px 14px;flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;gap:4px}.workspace-label,.sidebar-foot{display:none}.side-link{padding:10px;font-size:11px;gap:7px;margin:0;white-space:nowrap;flex-shrink:0}.side-link svg{width:15px}.side-link b{min-width:16px;height:17px;font-size:9px}.admin-main{padding:23px 16px 45px}.admin-main .page-heading h1{font-size:25px}.admin-main .page-heading p{font-size:12px}.admin-main .page-heading>.button{font-size:12px;padding:10px 12px;min-height:39px}.admin-main .page-heading>.button svg{width:16px}.stats{gap:9px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stats>div{padding:16px 13px}.stats>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.stats>div:last-child>strong{margin:0}.stats>div:last-child>small{max-width:135px;line-height:1.6}.stats>div>span{font-size:11px}.stats strong{font-size:25px}.stats strong small{font-size:10px}.stats .sync-stat{flex-wrap:wrap}.stats .sync-stat strong{font-size:16px}.stats .sync-stat small{font-size:10px}.panel-toolbar{padding:13px;gap:12px}.status-tabs{width:100%;gap:2px}.status-tabs button{font-size:10px;padding:7px 8px}.search.compact input{font-size:12px}td,th{padding:14px}.panel-bottom{padding:13px;font-size:10px}.pagination{gap:7px}.table-scroll table{min-width:620px}.transaction-tools~.table-scroll table{min-width:0;font-size:11px}.transaction-tools~.table-scroll td,.transaction-tools~.table-scroll th{padding:13px 11px;font-size:11px}.transaction-tools~.table-scroll td:first-child{max-width:95px}.date-filter{font-size:11px;gap:5px}.date-filter input{font-size:11px;max-width:119px;padding:5px}.transaction-tools .text-button{font-size:11px}.panel-title{padding:16px}.panel-title h2{font-size:15px}.panel-title .muted{font-size:11px}.settings-panel{padding:0 18px}.settings-section{padding:23px 0;gap:18px}.settings-section p{font-size:12px}.field{font-size:12px}.field input,.field select{font-size:13px}.settings-actions .button{font-size:12px}.settings-actions{gap:12px}.settings-actions>span{font-size:11px}dialog{max-height:92vh;border-radius:12px}.modal-close{right:10px;top:10px;width:30px;height:30px}.detail-layout{grid-template-columns:1fr;padding:35px 22px 25px;gap:22px}.detail-cover{width:180px;margin:auto;padding:12px}.detail-cover .cover-title{font-size:20px}.detail-info h2{font-size:24px;margin-top:10px}.detail-info .detail-subtitle{font-size:14px}.detail-info>p{font-size:13px}.detail-info>.tag{margin:0}.detail-author{font-size:11px}.chapter-list li{font-size:12px}.detail-purchase strong{font-size:28px}.detail-buttons .button{flex:1;font-size:11px;padding:11px 8px;gap:6px;white-space:nowrap}.detail-buttons .button svg{width:16px}.cart-modal,.payment,.inspect{padding:35px 20px 25px}.cart-modal h2{font-size:23px;margin-bottom:18px}.cart-item{gap:9px}.cart-item b{font-size:12px}.cart-item>div>span{font-size:9px}.cart-item>.cover{width:35px;height:47px}.cart-item>strong{font-size:13px}.cart-item>.icon-button{width:24px}.cart-tip,.discount-notice{font-size:11px}.totals>div{font-size:13px}.totals .grand-total{font-size:16px}.grand-total strong:last-child{font-size:25px}.cart-modal>.button{font-size:14px}.form-note{font-size:11px}.payment h2{font-size:22px}.payment-amount{font-size:38px}.payment-details>div{font-size:11px;gap:10px}.payment-details b{text-align:right}.payment .payment-note{font-size:11px}.payment>.button{font-size:13px}.inspect h2{font-size:19px}.inspect-status{gap:10px}.inspect-status>span:last-child{font-size:10px}.inspect-customer b{font-size:13px}.inspect-books>div{font-size:12px}.inspect-books svg{flex-shrink:0}.review-notice{font-size:11px}.check-label{font-size:12px}.approval-actions{gap:10px}.approval-actions .button{font-size:12px;padding:11px 12px;gap:6px}.approval-actions svg{width:16px}.reader{padding:26px 14px 20px}.reader-heading{margin:8px 5px 20px}.reader-heading h2{font-size:19px;padding:0 14px}.reading-page{padding:25px 22px;min-height:470px}.reading-page h3{font-size:23px}.reading-page p{font-size:14px;line-height:1.95}.reading-page .reading-lead{font-size:16px}.workbook{padding:13px 15px}.workbook p{font-size:12px}.reader-navigation .button{font-size:11px;padding:8px 11px}.reader-navigation>span{font-size:11px}#toast{font-size:12px;bottom:18px;min-width:250px;padding:12px 16px}.empty-state{padding:40px 13px}.empty-state h3{font-size:20px}.empty-state p{font-size:13px}}
body:has(dialog[open]){overflow:hidden}
.catalog-tools .search input,.sort-control select,.category-tabs button,.text-button,.status-tabs button,.search.compact input,th,td,.side-link,.field,.field input,.field select{font-size:14px}
.book-subtitle,.table-sub,.panel-bottom,.date-filter,.date-filter input,.package ul,.package-note,.steps p,.footer-inner>div:nth-child(2){font-size:14px}
.hero-copy>p,.detail-info>p,.reading-page p{font-size:16px}
.book-title h3{font-size:18px}.book-meta,.stats>div>span{font-size:12px}
.search.compact{max-width:285px}.status-tabs button{padding-left:10px;padding-right:10px}.panel-toolbar{flex-wrap:wrap}
@media(max-width:900px){.panel-toolbar .search.compact{max-width:100%}.status-tabs button{font-size:13px}.book-subtitle{font-size:13px}.side-link{font-size:13px}.package ul{font-size:13px}.steps p{font-size:14px}}
@media(max-width:650px){
 .hero-copy>p{font-size:15px}.hero-buttons .button{font-size:14px}.hero-features{font-size:12px;gap:12px}.hero-caption b{font-size:14px}.hero-caption div>span{font-size:12px}.hero-caption{padding:12px}.caption-number{font-size:24px}
 .catalog-tools .search input,.sort-control select,.category-tabs button,.text-button,.field,.field input,.field select{font-size:14px}.category-tabs button{padding:9px 12px}.book-title h3{font-size:16px;min-height:50px}.book-subtitle{font-size:12px;min-height:44px}.book-meta{font-size:11px}.book-price{font-size:20px}.book-price small{font-size:11px}.add-button{width:39px;height:39px}.catalog-results{font-size:12px}
 .package ul,.package-note,.steps p,.faq summary,.faq details p{font-size:14px}.package h3 span{font-size:16px}.steps h3{font-size:16px}.footer-inner>div:nth-child(2){font-size:13px;flex-wrap:wrap}.footer p{font-size:12px}
 .side-link{font-size:13px;min-height:42px}.status-tabs button{font-size:12px;padding:9px 8px}.stats>div>span{font-size:12px}.panel-bottom{font-size:12px}.search.compact input{font-size:14px}.date-filter{font-size:12px}.date-filter input{font-size:13px;max-width:130px}.transaction-tools~.table-scroll td,.transaction-tools~.table-scroll th{font-size:12px;padding:14px 10px}.transaction-tools .text-button{font-size:13px}
 .detail-info>p{font-size:15px}.detail-info .detail-subtitle{font-size:15px}.chapter-list li{font-size:14px}.detail-buttons .button{font-size:13px;white-space:normal}.detail-buttons .button svg{display:none}.detail-author,.detail-info .form-note{font-size:12px}.library-card p{font-size:12px}.library-card .button{font-size:12px}.library-card small{font-size:11px}
 .cart-item b{font-size:14px}.cart-item>div>span{font-size:11px}.cart-item>strong{font-size:14px}.cart-item>.icon-button{width:30px}.cart-item{gap:8px}.payment-details>div{font-size:13px}.inspect-books>div,.check-label,.approval-actions .button{font-size:14px}.inspect-status>span:last-child{font-size:12px}.review-notice{font-size:13px}.reading-page p{font-size:16px}.workbook p{font-size:14px}.reader-navigation .button{min-height:44px;font-size:13px}.reader-navigation>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.transaction-tools~.table-scroll .transaction-table{min-width:660px}.transaction-username{white-space:nowrap;color:var(--navy);font-weight:500}
@media(max-width:650px){.transaction-stats>div:nth-child(2){padding-inline:12px}.transaction-stats>div:nth-child(2) strong{font-size:clamp(16px,4.9vw,25px)}}
.qr-image-panel img{display:block;width:246px;height:auto;max-width:100%;aspect-ratio:1;background:#fff;margin:0 auto;image-rendering:pixelated}.qr-image-panel img[hidden]{display:none}.qr-load-status{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0}.qr-load-status:empty{display:none}.payment-qr{margin:12px auto 4px;max-width:246px}.settings-qr{margin-top:22px;padding:18px 12px;border:1px solid var(--line);border-radius:10px;text-align:center;background:#fff}.settings-qr>p:first-child{margin:0 0 10px;font-size:14px}.settings-qr .form-note{margin-bottom:0}.payment-order-id{overflow-wrap:anywhere;font-size:12px}.payment .payment-details b{overflow-wrap:anywhere;min-width:0}.payment .payment-details>div{gap:16px}
.history-date-control{position:relative;display:inline-flex;align-items:center;width:150px;flex-shrink:0}.date-filter .history-date-control>input[type="text"]{width:100%;max-width:none;min-width:0;padding:9px 36px 9px 10px;font-variant-numeric:tabular-nums}.date-filter .history-date-picker{position:absolute;right:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.history-calendar-button{position:absolute;right:1px;top:1px;bottom:1px;width:32px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--ink);cursor:pointer}.history-calendar-button:hover{background:var(--wash,#f0f4fc)}.history-calendar-button:focus-visible{outline:2px solid var(--blue,#2454c9);outline-offset:1px}.history-date-control:has(input[aria-invalid="true"]){outline:1px solid #b42318;border-radius:6px}
@media(max-width:600px){.history-date-control{width:128px}.date-filter .history-date-control>input[type="text"]{font-size:12px;padding:10px 32px 10px 8px}.history-calendar-button{width:29px}}

/* เลือกรายการเงินเข้าในหน้าตรวจออร์เดอร์ */
.inspect h2{overflow-wrap:anywhere}.receipt-review{margin-top:22px}.receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-heading h3,.receipt-audit h3{font-size:16px;margin:0}.receipt-options{border:0;padding:0;margin:14px 0;display:grid;gap:8px;min-width:0}.receipt-option{display:flex;align-items:center;gap:12px;border:1px solid #dce3ec;border-radius:9px;padding:13px;cursor:pointer}.receipt-option:has(input:checked){border-color:#2453a6;background:#f1f5fc}.receipt-option:focus-within{outline:2px solid #2453a6;outline-offset:2px}.receipt-option input{flex-shrink:0;width:17px;height:17px;accent-color:#2453a6}.receipt-option>span{min-width:0;flex:1}.receipt-option b{display:block;font-size:13px;overflow-wrap:anywhere}.receipt-option small{display:block;font-size:11px;color:#566477;margin-top:4px}.receipt-option strong{font-size:14px;white-space:nowrap}.receipt-state{padding:18px 0;color:#566477;font-size:13px}.receipt-state p{margin:0 0 6px;color:#22314b;font-weight:600}.receipt-state span{display:block;line-height:1.7}.receipt-state .text-button{margin-top:10px}.receipt-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:12px 0}.receipt-audit{border-top:1px solid #dce3ec;padding-top:20px;margin-top:20px;overflow-wrap:anywhere}.receipt-audit p{font-size:13px;line-height:1.7;margin:10px 0}.receipt-audit small{font-size:12px;color:#566477}.receipt-review+.check-label{align-items:flex-start;line-height:1.7}.receipt-review+.check-label input{flex-shrink:0;margin-top:5px}
@media(max-width:480px){.receipt-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px 9px;padding:11px}.receipt-option>input{grid-column:1;grid-row:1/3;align-self:start;margin:3px 0}.receipt-option>span{grid-column:2}.receipt-option strong{grid-column:2;margin-left:0}.receipt-option b{font-size:12px}.receipt-option small{font-size:11px}.receipt-heading h3{font-size:14px}}
.receipt-options legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.book-meta .bestseller-label{display:inline-flex;flex-shrink:0;margin-left:6px;padding:3px 7px;border-radius:4px;background:#edf2ff;color:#2454c9;font:500 10px/1.4 var(--font)}