:root{--ink:#242541;--muted:#82869a;--purple:#6a57ed;--purple-dark:#5142d7;--violet-pale:#f3f1ff;--border:#e9e9f0;--bg:#fafaff;--mint:#def9ef;--amber:#fff2d2;--white:#fff;--navy:#282544;--radius:20px;--shadow:0 14px 38px rgba(38,38,78,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 'Segoe UI',Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;background:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{max-width:1250px;padding:0 30px;margin:auto}.top-announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:#302947;color:#fff;font-size:10px;letter-spacing:.13em;font-weight:750;text-transform:uppercase}.announcement-spark{color:#d8fb9e;font-size:15px}.demo-text{color:#d9d2ff;font-size:9px;margin-left:16px;letter-spacing:.12em}.site-header{height:80px;background:#fff;border-bottom:1px solid #f1f0f8;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{font-size:27px;font-weight:850;letter-spacing:-1.9px;white-space:nowrap;display:flex;align-items:center;line-height:1}.brand>span:not(.brand-icon):not(.brand-period){color:var(--purple)}.brand-period{color:#fd9382}.brand-icon{width:34px;height:34px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;background:var(--purple);color:#fff;transform:rotate(-19deg);font-size:24px;font-weight:600;margin-right:8px;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:32px;margin:auto}.main-nav a{font-size:13px;font-weight:700;color:#717288;white-space:nowrap;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:#5745dd}.header-actions{display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:12px;display:inline-flex;gap:18px;align-items:center;justify-content:center;padding:14px 23px;font-size:13px;font-weight:750;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:white;box-shadow:0 6px 14px rgba(106,87,237,.14)}.btn-primary:hover{background:var(--purple-dark)}.btn-sm{padding:11px 18px}.btn-white{background:white;color:var(--ink)}.btn-outline{background:white;color:var(--purple);border:1px solid #dbd7fd}.btn-full{width:100%}.profile-pill{display:flex;align-items:center;gap:9px;border-radius:30px;background:#f5f3ff;padding:5px 13px 5px 5px;font-weight:750;font-size:12px;white-space:nowrap}.profile-avatar{width:30px;height:30px;background:#dacfff;color:#5743dc;border-radius:50%;display:flex;align-items:center;justify-content:center}.inline-form{display:inline}.icon-button{width:34px;height:34px;border:0;border-radius:10px;background:#f4f2fb;color:var(--purple);font-size:22px}.mobile-menu-btn{display:none}.notice{background:#e8fff3;border:1px solid #c0ecd6;color:#256f56;padding:11px 18px;border-radius:10px;margin-top:15px;font-size:13px;font-weight:650}.site-footer{margin-top:96px;border-top:1px solid var(--border);background:#fcfcff}.footer-inner{padding:42px 30px 54px;display:flex;justify-content:space-between;gap:25px}.brand-footer{font-size:23px}.brand-footer .brand-icon{width:29px;height:29px;font-size:21px}.footer-inner p{font-size:13px;color:var(--muted);margin:14px 0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;color:#9597a6}.footer-right span:first-child{font-weight:800;color:#666779}
/* Home hero */
.hero{background:linear-gradient(112deg,#fbfaff 0%,#f8f6ff 62%,#f4f0ff 100%);min-height:520px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);gap:25px;align-items:center;min-height:520px}.hero-copy{padding:55px 0 58px;position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;color:#7060da;font-weight:800}.eyebrow{border:1px solid #ded9ff;border-radius:50px;background:#fff;padding:7px 12px}.eyebrow-dot{width:7px;height:7px;background:var(--purple);border-radius:50%}.hero h1{font-size:clamp(40px,4.75vw,65px);font-weight:870;letter-spacing:-3.3px;line-height:1.1;margin:22px 0 18px;color:#252443}.headline-highlight{position:relative;color:var(--purple);white-space:nowrap}.highlight-swoosh{position:absolute;bottom:-9px;left:3%;width:94%;height:11px;border:solid #ffd37b;border-width:4px 0 0;border-radius:70% 60% 0 0;transform:rotate(-3deg)}.hero-lead{max-width:515px;color:#77798f;font-size:14px;line-height:1.9;margin:0 0 25px}.hero-search{display:flex;align-items:center;max-width:600px;background:#fff;padding:6px 6px 6px 18px;border:1px solid #e8e5f7;border-radius:16px;box-shadow:0 10px 30px #ded8f87c;gap:10px}.search-magnifier{font-size:28px;color:#9691b2;line-height:1;transform:rotate(-16deg)}.hero-search input{border:0;outline:0;flex:1;min-width:0;font-size:13px;background:transparent}.hero-search button{background:var(--purple);border:0;color:#fff;border-radius:10px;padding:13px 17px;white-space:nowrap;font-size:12px;font-weight:780}.hero-search button span{margin-left:7px}.popular-keywords{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8c8ba0;margin-top:15px}.popular-keywords a{background:#ebe7ff;color:#6759c2;border-radius:7px;padding:3px 9px;font-weight:650}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:43px;color:#8a8b9d;font-size:11px}.hero-trust strong{color:#37344e}.avatar-stack{display:flex;padding-left:3px}.avatar-stack b{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;margin-left:-5px;border:2px solid white;border-radius:50%;background:#f6bf9d;color:#6f3856}.avatar-stack b:nth-child(2){background:#b4d8f0;color:#31566c}.avatar-stack b:nth-child(3){background:#d8c3ff;color:#4b3a8c}.avatar-stack b:nth-child(4){background:#bcebc6;color:#38705f}.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual-core{height:385px;width:100%;position:relative;z-index:2}.big-book{position:absolute;width:235px;height:333px;left:23%;top:16px;box-shadow:16px 26px 35px rgba(31,33,64,.18);border-radius:4px 13px 13px 4px;border-left:12px solid rgba(0,0,0,.12);overflow:hidden;transform-origin:bottom}.book-back{background:#f8d57b;left:10%;top:54px;transform:rotate(-19deg)}.book-front{background:#7461ec;left:40%;top:28px;transform:rotate(11deg)}.big-book-inner{padding:27px 24px;display:flex;flex-direction:column;height:100%;color:#fff}.book-back .big-book-inner{color:#3c3355}.bk-label{font-size:9px;letter-spacing:.17em;font-weight:700}.bk-big-symbol{font-size:88px;font-weight:300;line-height:1.2;margin:auto;text-align:center}.big-book strong{font-weight:850;font-size:28px;line-height:1.08;letter-spacing:-1px}.big-book small{margin-top:18px;font-size:7px;font-weight:750;letter-spacing:.12em}.book-front .bk-big-symbol{font-size:120px;transform:rotate(-20deg)}.hero-orbit{position:absolute;border:1px solid #d2c9ff;border-radius:50%;z-index:0}.orbit-a{width:510px;height:510px}.orbit-b{width:350px;height:350px}.hero-sticker{position:absolute;z-index:3;font-size:10px;line-height:1.6;font-weight:900;letter-spacing:.1em}.sticker-top{top:32px;right:4px;transform:rotate(14deg);color:#5b49cb}.sticker-top b{color:var(--ink);font-size:14px;line-height:1.1}.sticker-bottom{bottom:19px;left:15px;background:#e2f2ac;padding:15px 23px;border-radius:100px;transform:rotate(-12deg);box-shadow:0 6px 0 rgba(60,48,100,.06)}.sticker-bottom span{color:#6a57ed;font-size:20px}.stats-strip{background:#fff;border-bottom:1px solid #efedf8}.stats-inner{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;align-items:center;min-height:108px}.stats-inner>div:not(.strip-message){display:flex;gap:9px;align-items:center;border-right:1px solid #e9e8f2;padding-left:25px}.stats-inner>div:first-child{padding-left:0}.stats-inner strong{font-size:31px;letter-spacing:-1.5px}.stats-inner span{color:#8d8d9c;font-size:11px}.stats-inner .strip-message{padding-left:50px;font-size:16px;font-weight:600;line-height:1.25}.strip-message b{color:var(--purple)}.strip-message span{font-size:26px;color:#bcaaff;margin-left:20px}.section{padding-top:72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:clamp(27px,3.2vw,39px);letter-spacing:-1.6px;line-height:1.3;margin:8px 0 5px;font-weight:820}.section-heading h2>span:not(.heading-asterisk){color:var(--purple)}.heading-asterisk{color:#ffcd7d;font-size:23px;display:inline-block;vertical-align:top;margin-left:4px}.section-heading p{color:#9290a2;font-size:12px;margin:0}.text-link{font-size:12px;font-weight:800;color:var(--purple);white-space:nowrap;padding-bottom:8px}.text-link span{margin-left:12px}.rec-note{border:1px solid #e7e3ff;background:#f8f6ff;padding:12px 18px;margin-bottom:20px;border-radius:10px;font-size:12px;color:#6a668a}.rec-note>span{color:var(--purple);margin-right:5px}.rec-note a{font-weight:800;color:var(--purple)}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.book-card{border:1px solid #eeedf4;border-radius:15px;overflow:hidden;background:white;box-shadow:0 3px 15px rgba(70,65,100,.02);transition:transform .2s,box-shadow .2s;min-width:0}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.book-cover{height:230px;margin:14px 14px 0;position:relative;background:#7f70d8;border-radius:7px;overflow:hidden;padding:16px 20px;display:flex;flex-direction:column;box-shadow:inset 6px 0 rgba(0,0,0,.09);color:#fff}.cover--violet{background:#7663d9}.cover--blue{background:#7294d2}.cover--coral{background:#ed927e}.cover--mint{background:#6aaf9d}.cover--navy{background:#3a4a70}.cover--amber{background:#e9b75e}.cover-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:800;letter-spacing:.12em;z-index:1}.cover-mini-mark{font-size:17px;letter-spacing:-1px}.cover-mini-mark span{font-size:18px}.cover-art{position:absolute;inset:0;opacity:.82}.orbit{position:absolute;border:1.5px solid rgba(255,255,255,.42);border-radius:50%;width:135px;height:135px;left:34%;top:20%}.orbit-two{width:90px;height:90px;left:49%;top:30%}.orbit-three{width:190px;height:190px;left:22%;top:10%}.cover-bottom{margin-top:auto;z-index:1;display:flex;flex-direction:column;gap:7px;max-width:95%}.cover-title{font-size:19px;line-height:1.09;letter-spacing:-.6px;font-weight:850;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cover-author{font-size:9px;font-weight:620;opacity:.83}.book-card-body{padding:17px 17px 15px}.book-card-eyebrow{display:flex;align-items:center;gap:7px;color:#8e8d9e;font-size:10px;margin-bottom:6px}.mini-dot{width:3px;height:3px;background:#bdb8d9;border-radius:50%}.book-card h3{font-size:15px;line-height:1.37;letter-spacing:-.2px;margin:0;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:11px;color:#92919e;margin:4px 0 17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-foot{border-top:1px solid #f2eff7;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.book-condition{background:#f6f3fe;color:#7766ce;font-size:10px;font-weight:800;padding:4px 9px;border-radius:6px}.card-arrow{font-size:20px;color:var(--purple)}.how-section{background:#f9f8ff;padding:75px 0 83px;margin-top:75px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.step{background:white;border:1px solid #efeef8;border-radius:16px;padding:28px;min-height:229px;position:relative}.step-index{font-size:10px;font-weight:850;letter-spacing:.1em;color:#9991c6}.step-icon{display:block;font-size:44px;line-height:1.2;color:var(--purple);margin:20px 0 8px}.step h3{font-size:18px;letter-spacing:-.4px;margin:0 0 7px}.step p{font-size:12px;color:#8d8c9c;line-height:1.75;max-width:270px;margin:0}.cta-banner{background:#6a57e9;border-radius:22px;color:white;padding:38px 52px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden}.cta-banner>div:first-child{position:relative;z-index:2}.cta-banner>div>span{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.8}.cta-banner h2{font-size:28px;letter-spacing:-1px;margin:8px 0}.cta-banner p{font-size:12px;opacity:.79;margin:0}.cta-banner .btn{position:relative;z-index:2}.cta-decoration{position:absolute;right:18%;top:-95px;font-size:280px;line-height:1;opacity:.13}
/* Pages and inputs */
.page-heading-wrap{background:#fbfaff;padding:36px 0 46px;border-bottom:1px solid #f0ecfb}.breadcrumb{font-size:11px;color:#9696a9;display:flex;gap:10px;align-items:center;margin:0 0 25px}.breadcrumb a:hover{color:var(--purple)}.breadcrumb>span{color:#c0bfca}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1,.form-page h1{font-size:48px;letter-spacing:-2.2px;line-height:1.13;margin:9px 0 12px}.page-heading h1 em,.form-page h1 em{font-style:normal;color:var(--purple)}.page-heading p{color:#8c8b9e;font-size:13px;margin:0}.catalog-section{padding-top:34px}.catalog-layout{display:grid;grid-template-columns:245px 1fr;align-items:start;gap:27px}.filters-panel{background:#fff;border:1px solid var(--border);padding:22px;border-radius:16px}.filter-title{display:flex;justify-content:space-between;align-items:center;font-weight:820;font-size:17px;margin-bottom:21px}.filter-title a{font-size:11px;font-weight:750;color:var(--purple)}.filter-form label:not(.checkbox-line){display:block;font-size:10px;font-weight:850;letter-spacing:.08em;color:#79798e;margin:20px 0 9px}.filter-form label:first-child{margin-top:0}.filter-form input[type=search],.filter-form select,.form-card input,.form-card select,.form-card textarea,.login-form input,.table-search input,.table-search select{width:100%;border:1px solid #e7e5ee;border-radius:9px;background:#fff;outline:none;padding:12px 11px;color:var(--ink);font-size:12px}.filter-form input:focus,.filter-form select:focus,.form-card input:focus,.form-card textarea:focus,.login-form input:focus{border-color:#998bf7;box-shadow:0 0 0 3px #eceaff}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:12px;margin:20px 0;color:#777687}.checkbox-line input{accent-color:var(--purple)}.filter-help{background:#f7f6ff;border-radius:11px;padding:17px;margin-top:25px;color:#727186}.filter-help>span{color:var(--purple);font-size:22px}.filter-help strong{display:block;font-size:12px;color:#4d466f}.filter-help p{font-size:11px;margin:5px 0 0}.results-header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:4px 0 22px;margin-bottom:23px;font-size:13px;color:#7d7b8e}.results-header strong{color:#242442}.result-query{color:#8985a0}.results-demo{font-size:10px;color:#aaa6b5}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{text-align:center;padding:65px 25px;background:#faf9ff;border-radius:16px}.empty-state>span{font-size:55px;color:var(--purple)}.empty-state h2{font-size:25px;margin:5px}.empty-state p{font-size:13px;color:#868397;max-width:360px;margin:5px auto 22px}.detail-page{padding-top:35px}.detail-layout{display:grid;grid-template-columns:390px 1fr;gap:65px;padding:30px 0 50px}.detail-cover-wrap{background:#f6f4fe;border-radius:25px;padding:25px;display:flex;align-items:center;justify-content:center}.cover-large{width:280px;height:397px;margin:0;box-shadow:10px 18px 24px #29274d22}.cover-large .cover-title{font-size:30px}.cover-large .cover-author{font-size:12px}.cover-large .cover-top{font-size:9px}.cover-large .cover-art .orbit{width:180px;height:180px}.detail-info{padding:10px 0}.detail-meta{display:flex;gap:10px}.category-pill{padding:5px 11px;background:#f4f0ff;color:#6b5ad5;border-radius:7px;font-size:11px;font-weight:750}.detail-info h1{font-size:45px;letter-spacing:-1.7px;line-height:1.18;margin:17px 0 5px}.detail-author{font-size:16px;color:#9793a2;margin:0}.detail-divider{border-top:1px solid #eeecf5;margin:29px 0}.detail-info h3{font-size:15px;margin:0 0 9px}.detail-desc{font-size:13px;color:#77788a;max-width:570px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:25px 0}.detail-facts>div{display:flex;flex-direction:column;gap:5px}.detail-facts span{font-size:11px;color:#a5a0ae}.detail-facts strong{font-size:13px}.detail-action-box{background:#f7f5ff;border-radius:15px;padding:21px;display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-action-box strong{font-size:14px}.detail-action-box p{font-size:11px;color:#9892a8;margin:4px 0 0}.own-note{font-size:12px;font-weight:800;color:#8065cd}.detail-related{margin-top:25px}.login-stage{display:grid;grid-template-columns:45% 55%;min-height:calc(100vh - 180px)}.login-art{background:#6c58ed;color:#fff;padding:50px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art>span{font-size:11px;letter-spacing:.2em;font-weight:800}.login-art h2{font-size:54px;line-height:1.15;letter-spacing:-2px;margin:30px 0 20px;z-index:1}.login-art h2 em{font-style:normal;color:#d9fca8}.login-art p{font-size:13px;opacity:.9}.login-art-star{position:absolute;font-size:400px;right:-155px;bottom:-80px;color:#fff;opacity:.12}.login-main{display:flex;justify-content:center;align-items:center;padding:55px 35px}.login-box{max-width:430px;width:100%}.login-box h1{font-size:37px;line-height:1.2;letter-spacing:-1.2px;margin:13px 0}.login-box h1 span{color:var(--purple)}.login-box>p{font-size:12px;color:#88869b}.login-form{display:flex;flex-direction:column;margin-top:29px}.login-form label{font-size:12px;font-weight:780;margin:12px 0 7px}.login-form input{font-size:13px;padding:14px}.login-form button{margin-top:24px}.form-error{padding:10px 12px;background:#fff0ee;color:#b7433f;border-radius:8px;font-size:12px}.demo-login{border:1px solid #eae7fb;background:#fbfaff;padding:18px;margin-top:25px;border-radius:12px}.demo-login strong{font-size:12px}.demo-login p,.demo-login>span{font-size:11px;color:#89869b}.demo-login>div{display:flex;justify-content:space-between;gap:7px;margin:7px 0}.demo-login code{color:#5652a5;font-size:11px}.form-page{padding-top:36px}.form-card{max-width:860px;margin:36px auto 0;padding:34px;border:1px solid var(--border);border-radius:17px;background:#fff}.offer-form>label,.offer-form .form-grid label{display:block;font-size:12px;font-weight:760;margin:10px 0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.offer-form textarea{resize:vertical}.offer-form>.btn{margin-top:25px}.specialty-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.specialty-checks label{background:#f8f7fc;padding:11px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:11px}.specialty-checks input{width:auto;accent-color:var(--purple)}.app-page{padding-top:34px}.list-section-title{font-size:21px;letter-spacing:-.6px;margin:35px 0 15px}.list-section-title span{color:var(--purple)}.second-title{margin-top:45px}.list-card{border:1px solid var(--border);border-radius:14px;overflow:hidden}.request-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:15px 22px}.request-row:last-child{border:0}.request-avatar{width:40px;height:40px;border-radius:10px;background:#f0edff;display:flex;align-items:center;justify-content:center;color:var(--purple);font-size:23px}.request-main{flex:1;display:flex;flex-direction:column;gap:3px}.request-main a{font-weight:750;font-size:13px}.request-main>span{color:#9897a5;font-size:11px}.row-actions{display:flex;align-items:center;gap:5px}.row-actions form{display:inline}.tiny-btn{background:#eeeaff;color:#5c4cb8;font-size:11px;font-weight:750;border:0;border-radius:8px;padding:8px 12px}.tiny-btn.gray{background:#f1f1f5;color:#797789}.empty-table{padding:30px;color:#9995a6;font-size:13px}.empty-table a{color:var(--purple);font-weight:700}.status-pill{display:inline-block;padding:5px 10px;border-radius:7px;background:#f1f0f7;color:#808091;font-size:10px;font-weight:800;white-space:nowrap}.status--available,.status--completed{background:#e1f8eb;color:#268b65}.status--reserved,.status--pending{background:#fff1d8;color:#aa7935}.status--approved{background:#e9edff;color:#5872cb}.status--rejected,.status--unavailable{background:#ffe8e6;color:#bd6a65}.status--exchanged{background:#eae8f8;color:#766ca2}
/* Admin */
.admin-shell{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1540px;margin:0 auto;min-height:calc(100vh - 300px);background:#f9f9fd}.admin-sidebar{background:white;border-right:1px solid #ecebf2;padding:29px 17px;display:flex;flex-direction:column}.admin-side-head{display:flex;align-items:center;gap:10px;padding:0 10px 31px}.admin-logo{background:#eeeaff;color:var(--purple);font-size:32px;font-weight:800;border-radius:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;line-height:1}.admin-side-head strong{font-size:12px;display:block}.admin-side-head span{display:block;font-size:10px;color:#aaa6b6}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-group{font-size:9px;font-weight:800;letter-spacing:.13em;color:#a3a0b2;margin:18px 11px 12px}.admin-nav a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:10px 13px;color:#79778d;font-size:12px;font-weight:700}.admin-nav a span{font-size:19px;width:22px;text-align:center;line-height:1.1}.admin-nav a:hover{background:#faf9ff}.admin-nav a.current{background:#edeaff;color:#5e4ed5}.admin-side-bottom{margin-top:65px;border-radius:13px;background:#f5f3ff;padding:17px;color:#77728e}.admin-side-spark{color:#6e60e8;font-size:21px}.admin-side-bottom strong{font-size:11px;display:block;color:#5e5791;margin-top:3px}.admin-side-bottom p{font-size:10px;line-height:1.7}.admin-side-bottom a{font-size:10px;font-weight:800;color:#624fd9}.admin-content{padding:34px 34px 60px;min-width:0}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.admin-welcome h1{font-size:31px;letter-spacing:-1.2px;line-height:1.3;margin:5px 0 3px}.admin-welcome p{font-size:12px;color:#9290a1;margin:0}.wave-icon{color:#ebaf6d}.date-chip{background:#fff;border:1px solid #eeecf5;border-radius:9px;color:#918a9e;font-size:10px;padding:8px 13px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric-card{background:white;border:1px solid #eeedf4;border-radius:14px;padding:18px;min-height:142px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#858397;font-size:11px;font-weight:650}.metric-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:22px}.metric-icon.purple{background:#eeebff;color:#725de4}.metric-icon.blue{background:#eaf3ff;color:#6f9ada}.metric-icon.orange{background:#fff0e2;color:#e6a05f}.metric-icon.mint{background:#dff8ec;color:#3da580}.metric-card>strong{font-size:37px;letter-spacing:-1.5px;line-height:1.4}.metric-card p{font-size:10px;color:#9794a3;margin:0;display:flex;align-items:center;gap:6px}.metric-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.metric-dot.green{background:#41b47b}.admin-two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:19px;margin-top:19px}.admin-lower{grid-template-columns:1.25fr 1fr}.admin-panel{background:#fff;border:1px solid #eeedf4;border-radius:14px;padding:22px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-eyebrow{font-size:9px;letter-spacing:.12em;font-weight:850;color:#9b94bc}.panel-heading h2{font-size:16px;letter-spacing:-.3px;line-height:1.4;margin:3px 0 0}.panel-heading a{font-size:10px;font-weight:800;color:#6956e9;white-space:nowrap;margin-top:10px}.panel-subtle{font-size:10px;color:#aaa5b4}.horizontal-bars{display:flex;flex-direction:column;gap:19px;padding:8px 0}.hbar-row{display:grid;grid-template-columns:190px 1fr 27px;gap:13px;align-items:center}.hbar-label{display:flex;align-items:center;gap:9px;min-width:0}.hbar-label strong{color:#6753e1;background:#f0edff;border-radius:6px;font-size:10px;padding:3px 7px}.hbar-label span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#88869a}.bar-track{height:9px;background:#f0eef9;border-radius:50px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#a79bff,#6d58ed);border-radius:50px}.hbar-row b{font-size:11px;color:#6c667e}.panel-footer{border-top:1px solid #efedf4;margin-top:23px;padding-top:16px;display:flex;justify-content:space-between;color:#a7a2b2;font-size:10px}.panel-footer span:last-child{color:var(--purple);font-size:15px}.search-leaderboard{display:flex;flex-direction:column;gap:13px}.leader-row{display:flex;align-items:center;gap:12px}.leader-num{font-size:11px;color:#b4b0c2;font-weight:850;width:20px}.leader-name{flex:1;min-width:0}.leader-name strong{display:block;font-size:11px;font-weight:750;margin-bottom:6px}.leader-track{height:5px;background:#f4f2fc;border-radius:7px}.leader-track>div{background:#af9ffa;height:100%;border-radius:7px}.leader-value{font-size:11px;color:#80798f;font-weight:800;min-width:21px;text-align:right}.vertical-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:215px;padding:18px 2px 0;border-bottom:1px solid #e9e7f2}.vbar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;gap:5px;min-width:0}.vbar-val{font-size:9px;color:#a39db5}.vbar{width:100%;max-width:25px;min-height:8px;background:linear-gradient(180deg,#9c87ef,#d6ccff);border-radius:5px 5px 0 0}.vbar-date{font-size:8px;color:#adabb8;white-space:nowrap;padding-bottom:6px}.panel-caption{font-size:11px;color:#9894a6;line-height:1.7;margin:-10px 0 17px}.missing-list{display:flex;flex-direction:column;gap:0}.missing-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f1eff7;font-size:11px;color:#757283}.missing-list>div:last-child{border:0}.missing-list b{font-size:10px;color:#b87967;font-weight:800}.warn-dot{font-size:14px;width:23px;height:23px;border-radius:50%;background:#fff1e6;color:#e28c5f;text-align:center;font-weight:800}.link-bottom{display:flex;justify-content:space-between;margin-top:18px;color:#6755d6;font-weight:800;font-size:11px}.analytics-table,.analytics-split{margin-top:20px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;min-width:625px}.data-table th{background:#faf9fd;color:#9995a9;font-weight:800;letter-spacing:.04em;font-size:10px;padding:14px 12px;white-space:nowrap}.data-table td{border-bottom:1px solid #f0eef6;padding:13px 12px;color:#706d80;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong{font-size:11px;color:#353249}.data-table td b{color:var(--purple)}.code-pill{display:inline-flex;border-radius:7px;padding:5px 8px;background:#f0edff;color:#6e5bd9;font-weight:780;font-size:10px}.table-progress{height:8px;width:110px;background:#f0edf9;border-radius:12px;overflow:hidden}.table-progress>span{display:block;height:100%;background:#7e6dea;border-radius:12px}.analytics-split{grid-template-columns:1fr 1fr}.research-notice{background:#f6f4ff;border-radius:10px;padding:15px;margin-top:15px}.research-notice strong{font-size:11px;color:#6759bd}.research-notice p{font-size:10px;color:#8983a4;line-height:1.7;margin:7px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px;font-size:11px;color:#9a97a7}.table-search{display:flex;gap:8px;flex:1;max-width:640px}.table-search input{min-width:145px;max-width:290px}.table-search select{max-width:225px}.table-search .tiny-btn{white-space:nowrap}.table-title{font-weight:760;color:#343046;font-size:11px}.table-title:hover{color:var(--purple)}.subtable{display:block;font-size:10px;color:#aaa6b6;margin-top:3px}.tab-buttons{display:flex;flex-wrap:wrap;gap:7px}.tab-buttons a{padding:7px 12px;border:1px solid #eeeaf7;border-radius:9px;color:#8f8b9e;font-weight:700}.tab-buttons a.selected{background:#eeeaff;color:#6855dc;border-color:#eeeaff}.data-note{font-size:11px;color:#aaa4b4;margin-top:15px}
@media(max-width:1100px){.container{padding:0 22px}.hero h1{font-size:52px}.hero-grid{grid-template-columns:1.05fr .95fr}.big-book{width:200px;height:300px}.book-front{left:39%}.stats-inner{grid-template-columns:repeat(3,1fr);padding:20px 22px}.stats-inner .strip-message{display:none}.hbar-row{grid-template-columns:100px 1fr 23px}.hbar-label span{display:none}.admin-shell{grid-template-columns:215px minmax(0,1fr)}.admin-content{padding:27px 22px}.metric-grid{gap:9px}.metric-card{padding:14px}.metric-card>strong{font-size:30px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.site-header{height:68px}.header-inner{gap:12px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 14px 22px #2525411b;padding:18px 25px;flex-direction:column;align-items:flex-start;gap:14px}.main-nav.nav-open{display:flex}.mobile-menu-btn{display:block;background:#f4f2ff;border:0;border-radius:9px;width:33px;height:33px;color:var(--purple)}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero{min-height:0}.hero-copy{padding:55px 0 38px}.hero-visual{height:340px}.hero-visual-core{height:300px;width:450px}.hero-orbit.orbit-a{width:350px;height:350px}.hero-orbit.orbit-b{width:230px;height:230px}.big-book{height:245px;width:165px}.big-book strong{font-size:19px}.bk-big-symbol{font-size:48px}.book-front .bk-big-symbol{font-size:75px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr}.step{min-height:auto}.stats-inner>div:not(.strip-message){padding-left:15px;flex-direction:column;gap:0;align-items:flex-start}.stats-inner>div:first-child{padding-left:0}.catalog-layout{grid-template-columns:1fr}.filters-panel{position:static}.filter-form{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 15px}.filter-form label:not(.checkbox-line){margin:10px 0 5px}.filter-form .btn{align-self:end}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-cover-wrap{max-width:450px}.login-stage{grid-template-columns:1fr}.login-art{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:15px 20px}.admin-side-head,.admin-side-bottom,.admin-nav-group{display:none}.admin-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.admin-nav a{font-size:10px;padding:8px}.admin-nav a span{width:auto}.admin-content{padding:24px 20px}.admin-two-col,.admin-lower,.analytics-split{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hbar-row{grid-template-columns:190px 1fr 27px}.hbar-label span{display:inline}}
@media(max-width:530px){.container{padding:0 17px}.top-announcement{font-size:8px;gap:6px}.demo-text{display:none}.brand{font-size:23px}.brand-icon{width:29px;height:29px;font-size:21px}.profile-name{display:none}.hero h1{font-size:43px;letter-spacing:-2.4px}.hero-lead{font-size:12px}.hero-search{padding:6px 6px 6px 12px}.hero-search button{padding:11px;font-size:10px}.popular-keywords{font-size:10px}.stats-inner strong{font-size:25px}.stats-inner span{font-size:9px}.section{padding-top:45px}.section-heading h2{font-size:27px}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.books-grid{gap:12px}.book-cover{height:180px;margin:8px 8px 0;padding:12px}.cover-title{font-size:15px}.cover-author{font-size:8px}.book-card-body{padding:12px}.book-card h3{font-size:12px}.book-author{font-size:10px}.book-card-eyebrow{font-size:9px;flex-wrap:wrap}.book-condition{font-size:9px}.cta-banner{padding:28px;flex-direction:column;align-items:flex-start}.cta-banner h2{font-size:23px}.page-heading h1{font-size:36px}.page-heading{align-items:flex-start;flex-direction:column}.filter-form{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info h1{font-size:35px}.detail-facts{gap:11px}.detail-action-box{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}.footer-right{align-items:flex-start}.login-main{padding:45px 22px}.specialty-checks,.form-grid{grid-template-columns:1fr}.form-card{padding:19px}.admin-content{padding:24px 12px}.admin-welcome{flex-direction:column;align-items:flex-start}.admin-welcome h1{font-size:27px}.metric-grid{gap:8px}.metric-card{padding:12px;min-height:120px}.metric-card>strong{font-size:26px}.admin-panel{padding:14px}.hbar-row{grid-template-columns:92px 1fr 23px}.hbar-label span{display:none}.request-row{flex-wrap:wrap;padding:13px}.request-main{min-width:170px}.row-actions{flex-basis:100%;justify-content:flex-end}.toolbar{align-items:flex-start;flex-direction:column}.table-search{width:100%;flex-wrap:wrap}.table-search input{flex:1}.top-announcement .announcement-spark:last-of-type{display:none}}

.cta-banner{margin-top:36px}

/* Patch 01: student registration */
.register-nav-link{font-size:12px;font-weight:800;color:var(--purple);white-space:nowrap}.register-hint{margin:18px 0 0;font-size:12px;color:#76768b}.register-hint a{color:var(--purple);font-weight:800}.register-footnote{font-size:12px;color:#77788e;line-height:1.65;margin:22px 0 4px}.registration-page .form-card{max-width:900px}.registration-page .form-error{margin-bottom:18px}

/* BOOKLOOP_PATCH_03_MY_BOOKS */
.patch03-page{padding-top:35px;padding-bottom:85px}.patch03-summary{display:flex;gap:12px;margin:24px 0 32px}.patch03-summary>div{background:#f8f6ff;border:1px solid #e9e3fd;border-radius:14px;padding:17px 20px;min-width:160px;display:flex;flex-direction:column;gap:5px}.patch03-summary strong{font-size:29px;color:#4930ac}.patch03-summary span{font-size:11px;color:#626276}.patch03-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.patch03-book{padding:23px;border:1px solid #e5e5ee;background:#fff;border-radius:18px;box-shadow:0 5px 22px rgba(30,23,60,.035);min-width:0}.patch03-book-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:15px}.patch03-book h2{font-size:20px;margin:0 0 7px;line-height:1.3}.patch03-book h2 a{text-decoration:none;color:#252239}.patch03-author,.patch03-desc,.patch03-meta{color:#717184;font-size:12px;line-height:1.6}.patch03-desc{margin:14px 0;min-height:35px}.patch03-meta{border-top:1px solid #ededf3;padding-top:11px}.patch03-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:17px}.patch03-controls form{display:inline-flex}.patch03-controls .btn{font-size:11px;padding:9px 11px}.patch03-delete{border:none;background:transparent;color:#b83d49;cursor:pointer;font-weight:750;padding:9px 8px;font-size:12px}.patch03-delete:hover{text-decoration:underline}.patch03-note{font-size:11px;color:#7e7b8d}.patch03-empty{border:1px dashed #ccc5e4;border-radius:20px;text-align:center;padding:52px 20px}.patch03-empty h2{margin:0 0 8px;font-size:23px}.patch03-empty p{font-size:13px;color:#79758d}.patch03-empty a{margin-top:17px}.patch03-footnote{font-size:11px;color:#77758b;margin:23px 0 0;line-height:1.65}.patch03-edit-buttons{display:flex;gap:12px;align-items:center;margin-top:24px}@media(max-width:820px){.patch03-grid{grid-template-columns:1fr}}@media(max-width:560px){.patch03-summary{gap:7px}.patch03-summary>div{padding:12px 9px;min-width:0;flex:1}.patch03-summary strong{font-size:23px}.patch03-summary span{font-size:10px}.patch03-book{padding:17px}.patch03-edit-buttons{flex-wrap:wrap}}
