@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--blue:#0875bc;--cyan:#12b6d3;--lime:#a7c63d;--orange:#f28b24;--ink:#102c43;--muted:#637689;--bg:#f8fafc;--line:#e4eaf0;--heading:'Plus Jakarta Sans',sans-serif;--body:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{overflow-x:clip;margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:active,.primary:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffdd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f6;transition:height .2s}header.scrolled{height:72px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:60px;object-fit:contain}.brand b{font:700 16px var(--heading);display:block}.brand small{font-size:9px;font-weight:600;letter-spacing:2px;display:block;margin-top:5px;color:var(--muted)}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:500}nav a,nav button{padding:10px 0}nav a:hover,nav button:hover{color:var(--blue)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:#fff;border-radius:12px;padding:15px 23px;font-size:14px;font-weight:600;box-shadow:0 5px 14px #0875bc16}.primary:hover{background:#08659e}.primary.small{padding:12px 17px;font-size:12px}.menu{display:none}.hero{margin:28px auto 0;width:90%;max-width:1440px;min-height:580px;background:#eaf5f8;border-radius:28px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:55px 6%;background-image:radial-gradient(at 80% 20%,#c8edec 0px,transparent 50%),radial-gradient(at 95% 100%,#fff2d6 0px,transparent 50%)}.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-content{z-index:2;position:relative}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--lime)}h1{font:800 clamp(35px,4.3vw,67px)/1.14 var(--heading);letter-spacing:-2.8px;margin:25px 0}h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 30px}.hero-foot{display:flex;align-items:center;gap:17px;font-size:10px;color:var(--muted);margin-top:38px}.hero-foot strong{color:var(--ink);font-weight:700}.separator{height:17px;border-left:1px solid #cad8dc}.hero-art{height:430px;position:relative}.book-stack{position:absolute;inset:55px 20px 20px 25px}.art-book{width:205px;height:300px;position:absolute;padding:25px;border-radius:5px 12px 12px 5px;box-shadow:-6px 2px 0 #fff7,0 25px 35px #183b4730;border-left:8px solid #ffffff40;color:white;display:flex;flex-direction:column;justify-content:space-between}.art-book small{font-size:8px;letter-spacing:1.4px}.art-book b{font:800 35px/1.15 var(--heading);letter-spacing:-1px}.art-book span{font-size:6px;letter-spacing:1.2px}.art-book.orange{background:var(--orange);transform:rotate(-13deg);left:0;z-index:2}.art-book.orange:after{content:'✦';font-size:92px;position:absolute;right:-18px;bottom:28px;color:#ffd4a2}.art-book.blue{background:var(--blue);transform:rotate(11deg);right:-12px;top:25px}.art-book.blue:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #ffffff60;border-radius:50%;bottom:32px;right:-70px}.orbit{position:absolute;width:370px;height:370px;border:1px solid #bcdedc;border-radius:50%;top:30px;left:5px;transform:rotate(-25deg)}.orbit.two{height:270px;top:80px}.art-label{position:absolute;background:white;border-radius:999px;padding:13px 18px;box-shadow:0 8px 25px #2948570c;font-size:8px;letter-spacing:1px;z-index:4}.art-label.top{right:10px;top:12px;transform:rotate(7deg)}.art-label.bottom{left:35px;bottom:0;font-size:11px;letter-spacing:0}.art-label i{color:var(--orange);font-size:20px;margin-right:10px}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero.has-video{background:var(--ink)}.has-video .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c43e8,#102c4350)}.has-video h1,.has-video h1 em,.hero.has-video p,.has-video .eyebrow,.has-video .hero-foot,.has-video .hero-foot strong{color:white}.has-video .hero-art{opacity:.7}.welcome{width:90%;max-width:1440px;margin:25px auto 0;padding:25px 35px;border:1px solid #bddfeb;background:white;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.welcome h2{margin:10px 0 0;font-size:22px}.welcome p{margin:5px 0;font-size:13px;color:var(--muted)}.soft{background:#eef5fa;border-radius:10px;padding:12px 18px;color:var(--blue);font-size:13px;font-weight:600}.collection{width:90%;max-width:1440px;margin:70px auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}h2{font:800 30px/1.35 var(--heading);letter-spacing:-1px;margin:10px 0}.blue-text,.dot{color:var(--blue)}.source-note{font-size:11px;color:var(--muted);margin-bottom:7px}.search{background:white;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 24px;display:flex;gap:14px;align-items:center;position:relative;box-shadow:0 8px 22px #17304a05}.search>span{font-size:30px;color:var(--blue);line-height:1}.search input{width:100%;border:0;outline:0;background:none;font-size:13px;min-width:0;height:42px}.search .primary{border-radius:999px;white-space:nowrap;font-size:12px;padding:14px 25px}.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #12b6d315}.filters{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:25px 0 22px;flex-wrap:wrap}.pills{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.pills button{border-radius:999px;background:#eef1f5;color:var(--muted);padding:10px 19px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s}.pills button.active{background:var(--ink);color:white}.pills button[data-level=TK].active{background:#fff0df;color:#ad5800}.pills button[data-level=SD].active{background:#e1f1fb;color:var(--blue)}.pills button[data-level=SMP].active{background:#eef5d7;color:#607c11}.selects{display:flex;gap:8px}select{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font-size:11px;color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:20px}.text-button{font-size:11px;color:var(--blue)}.books{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.book{border-radius:15px;background:#fff;border:1px solid #e8edf2;overflow:hidden;box-shadow:0 4px 12px #102c4305;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;min-width:0}.book:hover{transform:translateY(-6px);box-shadow:0 12px 22px #102c4314}.cover{aspect-ratio:2/3;width:100%;background:#edf2f7;position:relative;overflow:hidden;cursor:pointer}.cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{height:100%;padding:20px;background:linear-gradient(150deg,#0875bc,#12b6d3);color:white;font:700 19px/1.4 var(--heading);display:flex;align-items:center}.year{position:absolute;top:10px;right:10px;background:#102c4390;backdrop-filter:blur(5px);color:#fff;padding:3px 7px;border-radius:5px;font-size:9px}.cover-info{position:absolute;bottom:10px;right:10px;border-radius:50%;height:30px;width:30px;background:#fff;color:var(--blue)}.book-body{padding:14px;flex:1;display:flex;flex-direction:column}.book-label{font-size:8px;color:var(--blue);font-weight:700;letter-spacing:.5px}.book h3{font:700 12px/1.55 var(--heading);margin:8px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.book-author{font-size:10px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 16px}.book .primary{margin-top:auto;padding:10px 8px;font-size:10px;box-shadow:none;gap:8px;border-radius:8px;width:100%}.book .metadata{background:#eef3f6;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:10px;margin-top:35px;font-size:12px;align-items:center}.pagination button{padding:10px 20px;border:1px solid var(--line);border-radius:8px;background:white}.pagination button:disabled{opacity:.4;cursor:default}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;background:white;border:1px solid var(--line);border-radius:16px;color:var(--muted)}.empty h3{color:var(--ink);font:700 20px var(--heading)}.empty p{font-size:13px}.skeleton{height:335px;background:linear-gradient(100deg,#edf1f5 20%,#f9fbfd 50%,#edf1f5 80%);background-size:200% 100%;border-radius:15px;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:10px;background:white;box-shadow:0 15px 40px #102c4320;border-radius:15px;z-index:10;max-height:350px;overflow:auto}.suggestions button{display:flex;text-align:left;align-items:center;gap:15px;padding:8px;width:100%;font-size:12px;border-radius:8px}.suggestions button:hover{background:#eff7fa}.suggestions img{width:30px;height:45px;object-fit:cover}.literacy{background:var(--ink);color:white;width:90%;max-width:1440px;margin:0 auto 65px;padding:45px 55px;border-radius:22px;display:grid;grid-template-columns:70px 1.5fr 1fr;gap:35px;align-items:center;position:relative;overflow:hidden}.literacy-mark{font-size:80px;color:var(--lime)}.literacy h2{font-size:30px}.literacy p{font-size:12px;color:#bbcad5;max-width:340px}.literacy-side{display:grid;grid-template-columns:35px 1fr;gap:15px}.literacy-side b{color:var(--cyan);font:700 15px var(--heading);padding-top:3px}.literacy-side p{margin:0}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:white}footer p,footer a{font-size:10px;color:var(--muted)}footer .brand b{font-size:12px}footer .brand small{font-size:8px;letter-spacing:0}footer .brand img{width:45px;height:45px}dialog{border:0;border-radius:24px;padding:40px;width:min(900px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 80px #102c4330}dialog::backdrop{background:#102c4380;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:10px;font-size:28px;z-index:3;color:var(--muted)}dialog h2{font-size:27px}dialog p{font-size:13px;color:var(--muted)}dialog label{display:block;font-size:12px;margin:16px 0 7px}dialog input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;outline:0}dialog .form-error{color:#b72e2e;font-size:12px;min-height:20px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.login-intro{background:#eaf5f8;border-radius:16px;padding:30px}.login-intro img{width:75px;height:75px;object-fit:contain}.login-intro h2{margin-top:20px}.login-intro .eyebrow{margin-top:25px}.login-options{display:flex;flex-direction:column;justify-content:center}.divider{font-size:10px;color:var(--muted);text-align:center;margin:18px 0}.full{width:100%}.detail-layout{display:grid;grid-template-columns:240px 1fr;gap:35px}.detail-cover{width:100%;border-radius:13px;max-height:400px;object-fit:cover}.detail-meta{display:grid;grid-template-columns:100px 1fr;font-size:12px;gap:8px;margin:20px 0}.detail-meta dt{color:var(--muted)}.detail-meta dd{margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap}.reader-dialog{width:97vw;height:94vh;max-height:94vh;padding:20px}.reader-title{font:700 15px var(--heading);padding-right:35px;margin-bottom:12px}.reader-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;flex-wrap:wrap}.reader-toolbar input{width:65px;padding:5px}.reader-toolbar a{color:var(--blue)}.reader-frame{height:calc(94vh - 155px);width:100%;border:0;background:#edf2f7;border-radius:10px}.card-preview{width:100%;max-width:660px;display:block;border-radius:20px;box-shadow:0 15px 35px #102c4320;margin:25px auto}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-content input,.admin-content select{margin-bottom:10px}.member-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.member-row small{color:var(--muted);display:block}.member-row .soft{font-size:10px;padding:8px 12px}.member-row .actions{gap:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:white;padding:15px 24px;border-radius:12px;box-shadow:0 8px 30px #102c4330;font-size:12px;z-index:100}.skip{position:fixed;top:-100px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.books{gap:28px}.book h3{font-size:14px}.book-author{font-size:11px}.book .primary{font-size:12px}}
@media(max-width:1100px){.books{grid-template-columns:repeat(4,minmax(0,1fr))}nav{gap:15px}header{padding:0 4%;gap:15px}.brand b{font-size:13px}.hero{padding:45px 5%}.art-book{width:170px;height:270px}.art-book b{font-size:29px}.hero-art{height:380px}.art-book.blue{right:-15px}.orbit{width:300px;height:320px}.hero{min-height:500px}.literacy{padding:35px;gap:25px;grid-template-columns:50px 1.5fr 1fr}.literacy-mark{font-size:60px}}
@media(max-width:760px){header{height:75px;padding:0 5%}.brand img{width:45px;height:45px}.brand b{font-size:11px}.brand small{font-size:7px;letter-spacing:1px}.primary.small{font-size:10px;padding:10px 12px;gap:10px}header nav{visibility:hidden;pointer-events:none;position:fixed;top:75px;right:0;width:280px;min-height:calc(100dvh - 75px);background:white;display:none;flex-direction:column;align-items:stretch;padding:25px;box-shadow:-10px 15px 30px #102c4310;transform:translateX(110%);transition:transform .3s}header nav.open{display:flex;visibility:visible;pointer-events:auto;transform:translateX(0)}header nav button{text-align:left}.menu{display:block;font-size:21px;padding:5px}.hero{grid-template-columns:1fr;margin-top:18px;padding:32px 26px;min-height:0;border-radius:22px}.hero-art{height:280px;width:300px;max-width:100%;margin:20px auto 0}.hero h1{font-size:40px;letter-spacing:-1.6px;margin:20px 0}.hero p{font-size:12px;line-height:1.8}.hero-foot{margin-top:24px;gap:10px;font-size:9px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px}.book-stack{inset:35px 20px 20px}.art-book{width:140px;height:205px;padding:17px}.art-book b{font-size:24px}.art-book small{font-size:6px}.art-book span{font-size:5px}.art-book.orange:after{font-size:65px}.art-book.blue{top:10px;right:-5px}.art-label.top{font-size:6px;padding:10px;top:0}.art-label.bottom{font-size:9px;padding:9px 12px;bottom:0}.orbit{width:250px;height:250px;top:10px;left:15px}.orbit.two{height:190px;top:45px}.collection{margin:40px auto}.section-top{align-items:center}.section-top h2{font-size:24px}.source-note{display:none}.search{padding:5px 5px 5px 14px;gap:8px}.search>span{font-size:27px}.search input{font-size:11px}.search .primary{padding:12px;font-size:10px}.filters{margin:20px 0 12px;gap:12px}.pills{width:100%}.pills button{padding:9px 14px;font-size:10px}.selects{margin-left:auto}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.book-body{padding:12px}.book h3{font-size:12px}.literacy{grid-template-columns:1fr;padding:28px;gap:15px;margin-bottom:35px}.literacy-mark{display:none}.literacy h2{font-size:25px}.literacy-side{border-top:1px solid #ffffff30;padding-top:20px}footer{flex-direction:column;align-items:start;gap:10px}footer p{margin:0}.welcome{padding:20px;align-items:start;gap:15px;flex-direction:column}.welcome h2{font-size:18px}.login-layout,.detail-layout{grid-template-columns:1fr;gap:20px}.login-intro{padding:20px}.login-intro img{width:45px;height:45px}.login-intro h2{font-size:22px;margin:10px 0}.login-intro p{margin:0}.login-intro .eyebrow{display:none}dialog{padding:30px 22px;border-radius:18px}.detail-cover{width:145px;max-height:220px}.detail-layout h2{font-size:23px}.reader-dialog{padding:15px}.reader-title{font-size:12px}.reader-toolbar{font-size:10px}.member-row{gap:10px}.member-row .actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero video{display:none}}
.curation-note{color:#637689;font-size:13px;line-height:1.6}.review-book{border:1px solid #dce7ef;border-radius:16px;padding:18px;margin:16px 0}.review-book label{display:block;margin:16px 0}.review-book textarea{display:block;width:100%;min-height:110px;padding:12px;border:1px solid #cedce7;border-radius:10px;font:inherit;resize:vertical}.review-book p{overflow-wrap:anywhere}.review-book select{display:block;width:100%;margin-top:6px}
.filters .selects{flex-wrap:wrap}.filters select{max-width:100%}@media(max-width:600px){.filters .selects{width:100%;margin-left:0}.filters .selects select{flex:1 1 140px;min-width:0}}
/* The staff workspace shares the reader palette and typography. */
.manage-mode main,.manage-mode .welcome,.manage-mode footer{display:none}.manage-mode #nav>a,.manage-mode #nav>button:not(#adminNav){display:none}.manage-mode .brand b{font-size:17px}.manage-mode #header{position:relative;background:#fff}.manage-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 90px);background:#f3f7fa}.manage-sidebar{background:#102c43;color:#d4e4ef;padding:28px 18px;display:flex;flex-direction:column;align-items:stretch;gap:4px}.sidebar-heading{padding:0 15px 18px}.sidebar-heading .eyebrow{font-size:10px;color:#9db9cc}.sidebar-heading b{display:block;font-size:27px;line-height:1.2;color:#fff;margin:10px 0}.sidebar-heading small{font-size:12px;color:#a3bdce}.sidebar-label{font-size:9px;letter-spacing:1.3px;color:#7f9bad;margin:25px 15px 7px}.manage-sidebar button,.manage-sidebar a{border:0;background:none;color:#d4e4ef;text-align:left;font-size:13px;padding:11px 14px;border-radius:9px;display:flex;gap:12px;align-items:center}.manage-sidebar a{margin-top:12px}.manage-sidebar button:hover,.manage-sidebar button.active{background:#1e4b68;color:#fff}.manage-sidebar button.active{box-shadow:inset 3px 0 #12b6d3}.manage-tab span{font-size:18px;color:#80cfdf;width:19px}.manage-workspace{padding:34px clamp(18px,3vw,48px);min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-top small{font-size:10px;letter-spacing:1px;color:#5d7c90}.workspace-top h1{font-size:30px;letter-spacing:-1px;margin:9px 0}.staff-chip{display:flex;gap:10px;align-items:center}.staff-chip>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#deeff7;color:#0875bc;font-size:20px;font-weight:700}.staff-chip b{font-size:12px;display:block;max-width:180px}.staff-chip small{letter-spacing:0;display:block;margin-top:5px}.manage-workspace .admin-content{background:#fff;border:1px solid #e3ebf0;border-radius:18px;padding:clamp(18px,3vw,34px);box-shadow:0 5px 25px #102c4304;min-height:400px}.manage-workspace h2{font-size:27px;margin:0 0 14px}.manage-workspace p{color:#617b8d;font-size:14px;line-height:1.7}.manage-workspace h3{margin-top:26px}.op-form{padding:20px 0;border-bottom:1px solid #e4edf2;margin-bottom:24px}.op-form>button{margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-form label,.admin-content>label{display:block;font-size:12px;font-weight:600;color:#36566e;margin:12px 0}.op-form input,.op-form select,.op-form textarea,.admin-content>label input{display:block;width:100%;padding:12px 13px;background:#f8fbfd;border:1px solid #d9e5ed;border-radius:8px;margin-top:7px;color:#16384e;font:inherit;box-sizing:border-box}.op-form textarea{min-height:90px;resize:vertical}.table-scroll{overflow:auto;margin:20px 0}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}.table-scroll th{text-align:left;color:#658093;background:#f2f7fa;font-size:10px;letter-spacing:.5px;padding:13px}.table-scroll td{padding:14px 13px;border-bottom:1px solid #edf2f5;vertical-align:top}.table-scroll small{display:block;color:#718b9c;line-height:1.7;margin-top:5px}.table-scroll td .soft{padding:8px 10px;margin:3px;font-size:11px}.table-scroll a{color:#0875bc}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.metric{background:#f2f8fc;border:1px solid #e1ecf3;border-radius:13px;padding:23px 18px}.metric small{font-size:11px;color:#57768b}.metric strong{display:block;font-size:37px;letter-spacing:-1px;margin-top:12px;color:#12384f}.dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.dashboard-cards button{border:1px solid #dbe7ee;background:#fff;text-align:left;padding:24px;border-radius:12px}.dashboard-cards button:hover{border-color:#12b6d3;background:#f4fbfd}.dashboard-cards b{display:block;font-size:17px;color:#12384f}.dashboard-cards span{display:block;color:#638294;font-size:12px;margin-top:8px}.notice{background:#f0f7fa;border-left:3px solid #12b6d3;padding:15px;border-radius:5px;font-size:13px;color:#36586c;line-height:1.6}.chart-row{display:flex;gap:15px;align-items:center;margin:12px 0}.chart-row small{width:85px;color:#648295;font-size:11px}.chart-row span{height:15px;background:linear-gradient(90deg,#0875bc,#12b6d3);border-radius:3px}.chart-row b{font-size:12px}.file-label{display:inline-block;cursor:pointer;font-size:12px}.file-label input{max-width:220px;display:block;font-size:10px}#scannerVideo{width:min(100%,500px);border-radius:12px;margin-top:15px}.admin-login{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100vh - 90px);background:#f4f9fc}.admin-login-art{position:relative;overflow:hidden;background:#102c43;color:white;padding:clamp(40px,7vw,100px);min-height:600px}.admin-login-art h1{font-size:clamp(44px,5.4vw,77px);line-height:1.1;letter-spacing:-3px;font-weight:700;margin:35px 0}.admin-login-art em{color:#a7c63d;font-style:normal}.admin-login-art p{max-width:340px;font-size:15px;color:#aec8d7;line-height:1.8}.admin-login-art .eyebrow{color:#74c9de;font-size:10px}.login-orbit{position:absolute;right:-80px;bottom:-110px;border:1px solid #ffffff22;width:380px;height:380px;border-radius:50%;display:grid;place-items:center;font-size:150px;color:#12b6d338;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03}.login-foot{display:block;margin-top:75px;font-size:11px;color:#779db4}.admin-login-form{padding:clamp(30px,7vw,100px);align-self:center}.admin-login-form h2{font-size:39px;letter-spacing:-1.5px;line-height:1.2;margin:20px 0}.admin-login-form>p{font-size:14px;line-height:1.8;color:#6a8495}.admin-login-form .primary{width:100%;justify-content:space-between;margin:22px 0 13px}.admin-login-form>a{display:block;text-align:center;font-size:13px}.login-note{margin-top:35px;padding-top:25px;border-top:1px solid #dfe9ef}.login-note b{font-size:12px}.login-note p{font-size:12px;line-height:1.7;color:#698597}.manage-mode #modal{max-width:1000px}.dashboard-intro h2{max-width:560px;font-size:32px;line-height:1.2;margin:14px 0}
@media(max-width:1100px){.manage-layout{grid-template-columns:210px minmax(0,1fr)}.manage-sidebar{padding:22px 10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-top{align-items:flex-start}.staff-chip>div{display:none}.admin-login-art{padding:50px 35px}.admin-login-form{padding:45px 35px}.admin-login-art h1{font-size:58px}}
@media(max-width:700px){.manage-layout{display:block}.manage-sidebar{padding:15px;display:flex;flex-direction:row;overflow:auto;gap:8px}.sidebar-heading,.sidebar-label,.manage-sidebar>a{display:none}.manage-sidebar button{flex:0 0 auto;padding:10px 12px;font-size:11px}.manage-sidebar button.active{box-shadow:inset 0 -3px #12b6d3}.manage-workspace{padding:22px 12px}.workspace-top{padding:0 8px;gap:10px}.workspace-top h1{font-size:25px}.workspace-top small{font-size:8px}.form-grid{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:1fr}.metric{padding:18px 12px}.metric strong{font-size:30px}.admin-login{grid-template-columns:1fr}.admin-login-art{min-height:unset;padding:35px 28px}.admin-login-art h1{font-size:45px;margin:20px 0}.admin-login-art p{font-size:12px}.login-foot{margin-top:25px}.login-orbit{width:220px;height:220px;font-size:80px}.admin-login-form{padding:35px 28px}.admin-login-form h2{font-size:32px}.manage-workspace .admin-content{padding:18px 14px}.dashboard-intro h2{font-size:27px}.selects{flex-wrap:wrap}.manage-mode #header{padding:18px}.manage-mode #nav{display:none}}

.logo-cover{width:100%;height:100%;aspect-ratio:2/3;background:linear-gradient(150deg,#f8fcff,#e6f3f7);border:1px solid #dce9ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;color:#102c43;overflow:hidden}.logo-cover>img{width:66%;height:auto;max-height:44%;object-fit:contain;flex:0 0 auto}.logo-cover>span{font-size:7px;letter-spacing:1.4px;color:#5b7c91}.logo-cover>small{font:600 10px/1.6 var(--heading);color:#37596f}.logo-cover.detail-cover{height:auto;max-height:none}.suggestions .logo-cover{width:30px;height:45px;min-width:30px;padding:3px;gap:0}.suggestions .logo-cover>img{width:90%;height:auto;max-height:90%}.suggestions .logo-cover>span,.suggestions .logo-cover>small{display:none}.pills button[data-level=KB].active{background:#efe7fc;color:#7454a4}