/* Library Kreativa — a calm, generous workspace with a bento menu. */
.time-field{padding:0;border:0;min-width:0;margin:12px 0}.time-field legend{font-size:12px;font-weight:600;color:#50654c;width:100%}.time-field legend small{float:right;font-size:9px;font-weight:400;color:#89947f}.time-picker{display:flex;align-items:center;gap:10px}.op-form .time-picker label{margin:7px 0 0;flex:1;min-width:0}.time-picker label>span{display:block;font-size:9px;font-weight:400;color:#829075;margin:0 0 4px}.op-form .time-picker select{margin:0;width:100%;min-height:45px;font-size:15px;font-variant-numeric:tabular-nums}.time-picker>b{padding-top:22px;color:#8b967e}.time-clear{font-size:22px;color:#8a977e;margin-top:22px;padding:4px 8px;border-radius:7px}.time-clear:hover{background:#edf2e7}.time-legacy{font-size:10px;color:#857046;display:block;margin-top:7px}
.manage-mode{--admin-ink:#17352e;--admin-muted:#78867e;background:#f5f6f2;color:var(--admin-ink)}
.manage-mode #header{height:80px;background:#ffffffed;border-bottom:1px solid #e7ebe3;padding:0 max(5%,calc((100vw - 1320px)/2));gap:18px}
.manage-mode #header.scrolled{height:80px}.manage-mode #nav,.manage-mode #header .menu{display:none}.manage-mode #account{background:#edf1e9;color:#344738;box-shadow:none;border:1px solid #e0e6da;border-radius:999px;padding:10px 18px}
.manage-mode .brand b{font-size:14px}.manage-mode .brand img{width:48px;height:48px}
.manage-layout{display:block;background:transparent;min-height:calc(100dvh - 80px)}
.manage-workspace{max-width:1320px;margin:auto;padding:35px 0 24px;min-width:0}
.workspace-top{margin:0;border:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.workspace-brand{display:flex;align-items:center;gap:15px}.workspace-mark{display:grid;place-items:center;width:48px;height:48px;background:#e7ecdf;border:1px solid #dfe6d6;border-radius:15px;color:#50603f}.workspace-mark svg{width:23px;height:23px}
.workspace-top small{color:#7c887b;font-size:9px;letter-spacing:1.6px}.workspace-top h1{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:5px 0 0;color:var(--admin-ink)}
.staff-chip{display:flex;align-items:center;gap:13px;background:transparent;border:0;padding:0}.staff-chip>span{width:43px;height:43px;border-radius:50%;background:#e5edce;color:#4e642a;font:700 17px var(--heading);display:grid;place-items:center}.staff-chip>div{text-align:right;display:block}.staff-chip b{font-size:12px;color:#334b40}.staff-chip small{display:block;font-size:10px;letter-spacing:0;margin-top:2px;color:#7c887b}
.workspace-crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#77877b;margin:25px 0}.workspace-crumb button{display:flex;align-items:center;gap:8px;padding:0;font-size:11px;color:#536552}.workspace-crumb svg{width:15px;height:15px}.workspace-crumb time{margin-left:auto;font-size:10px}.workspace-crumb #manageMenuToggle{border:1px solid #dae3d4;border-radius:999px;background:#fff;padding:8px 13px;color:#385037;margin-left:10px}
.manage-workspace .admin-content{border:1px solid #e0e6dc;background:#fff;border-radius:23px;box-shadow:0 8px 35px #2b413505;padding:30px;min-height:400px}.manage-workspace .admin-content.is-dashboard{border:0;background:transparent;padding:0;min-height:0;box-shadow:none}
.manage-workspace h2{color:var(--admin-ink)}.manage-workspace h3{color:#324b3d}.manage-workspace p{color:#758279}.manage-workspace .primary{background:#234c3c;color:#fff;box-shadow:none;border-radius:11px}.manage-workspace .primary:hover{background:#163b2b}.manage-workspace .soft{background:#edf2e7;color:#456038;border:1px solid #e0e8d7}.manage-workspace .notice{background:#f5f7ee;border-left:3px solid #a7bd64;color:#5e6e50;border-radius:10px;font-size:12px}.manage-workspace .form-error{color:#b72e2e}.manage-workspace .op-form input,.manage-workspace .op-form select,.manage-workspace .op-form textarea,.manage-workspace .admin-content>label input{border-radius:11px;background:#fafbf8;border-color:#e1e7dc;color:#294235;padding:12px 14px}.manage-workspace .op-form label{color:#50654c}.manage-workspace .table-scroll{border:1px solid #e5eadd;border-radius:13px}.manage-workspace .table-scroll th{background:#f3f6ee;color:#627458;padding:15px}.manage-workspace .table-scroll td{border-color:#eef1e8;padding:16px 15px}
.admin-welcome{position:relative;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:240px;background:#e8eddf;border:1px solid #e0e7d4;border-radius:25px;padding:34px 40px;overflow:hidden}
.admin-welcome .eyebrow{color:#687757;font-size:9px;letter-spacing:1.5px}.admin-welcome h2{font-size:clamp(27px,3vw,42px);line-height:1.2;letter-spacing:-1.8px;margin:15px 0 12px;font-weight:700;max-width:650px}.admin-welcome h2 em{font-style:normal;color:#758c47}.admin-welcome p{font-size:12px;max-width:440px;color:#78816b;margin:0;line-height:1.8}.welcome-tag{display:inline-flex;align-items:center;gap:7px;background:#ffffff80;border:1px solid #d5dfc4;padding:7px 12px;border-radius:999px;font-size:9px;color:#697753;margin-top:22px}.welcome-tag i{width:5px;height:5px;background:#84995b;border-radius:50%}
.desk-art{position:relative;height:180px;align-self:center;pointer-events:none}.desk-art:before{content:'';position:absolute;border:1px solid #ccd7b7;width:290px;height:290px;border-radius:50%;top:-55px;right:20px;box-shadow:0 0 0 30px #d6dfc633,0 0 0 60px #d6dfc622}.desk-book{position:absolute;display:flex;flex-direction:column;justify-content:space-between;right:125px;top:5px;width:115px;height:158px;padding:18px 14px;border-radius:3px 9px 9px 3px;border-left:5px solid #ffffff26;background:#284c3e;color:#e1edcd;transform:rotate(-15deg);box-shadow:0 18px 20px #53634024;font:600 19px/1.1 var(--heading);letter-spacing:-.5px}.desk-book small{font:500 6px/1.6 var(--body);letter-spacing:1px}.desk-book.second{background:#c6d39d;color:#304b30;right:30px;top:18px;transform:rotate(12deg)}.desk-art i{font-style:normal;font-size:64px;color:#718751;position:absolute;right:6px;top:-35px}.desk-label{position:absolute;right:105px;bottom:-3px;font-size:8px;background:#fffaf1;padding:8px 14px;border-radius:999px;transform:rotate(-7deg);box-shadow:0 3px 12px #29452c0a;color:#627551}
.admin-overview-head{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 12px}.admin-overview-head h3{font:600 12px var(--heading);margin:0}.admin-overview-head span{font-size:9px;color:#7e8b79}
.manage-workspace .metric-grid{gap:14px;margin:0 0 32px;grid-template-columns:repeat(4,minmax(0,1fr))}.manage-workspace .metric{position:relative;background:#fff;border:1px solid #e3e8dd;border-radius:18px;padding:21px 23px;min-width:0}.manage-workspace .metric small{color:#7b8876;font-size:10px;display:block;padding-right:32px}.manage-workspace .metric strong{font:600 32px/1.1 var(--heading);letter-spacing:-1px;color:#284b37;margin-top:15px;overflow-wrap:anywhere}.metric-icon{position:absolute;top:18px;right:18px;color:#80916b;background:#f2f5eb;border-radius:9px;width:31px;height:31px;display:grid;place-items:center}.metric-icon svg{width:16px;height:16px}.metric-caption{font-size:9px;color:#90988c;display:block;margin-top:9px}
.manage-hub{scroll-margin-top:105px}.hub-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}.hub-heading .eyebrow{color:#8a967e;font-size:8px;letter-spacing:1.7px}.hub-heading h2{font-size:24px;font-weight:600;letter-spacing:-.8px;margin:7px 0 0}.hub-search{display:flex;align-items:center;gap:9px;border:1px solid #e0e6d9;background:#fff;padding:10px 12px;border-radius:12px;min-width:240px;color:#8b967e}.hub-search svg{width:16px;height:16px;flex:none}.hub-search input{border:0;background:transparent;outline:0;font-size:11px;width:100%;min-width:0;color:#41593a}.hub-search:focus-within{outline:2px solid #829c5a;outline-offset:2px}.hub-search kbd{font:10px var(--body);width:19px;height:20px;display:grid;place-items:center;background:#f6f7f2;border:1px solid #e4e8dd;border-radius:4px}
.bento-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.bento-highlights{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-bottom:27px}.bento-card{position:relative;text-align:left;background:#fff;border:1px solid #e1e7db;border-radius:19px;padding:21px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;color:#3c5140}.bento-card:hover{transform:translateY(-4px);border-color:#b7c8a0;box-shadow:0 12px 28px #455a3410}.bento-card:focus-visible{outline:3px solid #6d9046;outline-offset:4px}.bento-card.active{border-color:#6d9046;box-shadow:0 0 0 2px #a0bc7633}.bento-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0f4e9;color:#6d8553;margin-bottom:17px;position:relative;z-index:1}.bento-icon svg{width:20px;height:20px}.bento-arrow{position:absolute;top:18px;right:20px;font-size:18px;color:#b1bba7;line-height:1;z-index:1;transition:transform .22s}.bento-card:hover .bento-arrow{transform:translate(2px,-2px)}.bento-copy{position:relative;z-index:1;display:block;margin-top:auto}.bento-copy b{display:block;font:600 12px/1.5 var(--heading);letter-spacing:-.1px}.bento-copy>span{display:block;font-size:9px;line-height:1.7;color:#87927e;margin-top:5px}.bento-featured{min-height:196px;padding:25px}.bento-featured .bento-copy b{font-size:16px;letter-spacing:-.45px}.bento-featured .bento-copy>span{font-size:10px}.bento-featured .bento-icon{width:41px;height:41px;margin-bottom:32px}.bento-featured .bento-icon svg{width:22px;height:22px}.bento-highlights .bento-circulation,.bento-highlights .bento-inventory{grid-column:span 2}.bento-highlights .bento-circulation{background:#244b3c;color:#f2f6e8;border-color:#244b3c}.bento-highlights .bento-circulation .bento-icon{background:#ffffff13;color:#d9e7ba}.bento-highlights .bento-circulation .bento-copy>span{color:#b6cdbb}.bento-highlights .bento-circulation .bento-arrow{color:#d7e1cd}.bento-highlights .bento-inventory{background:#e0e9ee;border-color:#d8e3e7;color:#335666}.bento-highlights .bento-inventory .bento-icon{background:#ffffff77;color:#4f7886}.bento-highlights .bento-inventory .bento-copy>span{color:#78919b}.bento-highlights .bento-literacy{background:#e8edce;border-color:#dfe5c1}.bento-highlights .bento-literacy .bento-icon{background:#ffffff66}.bento-highlights .bento-reviews,.bento-highlights .bento-acquisition{background:#f5e6d6;border-color:#eedfce;color:#806447}.bento-highlights .bento-reviews .bento-icon,.bento-highlights .bento-acquisition .bento-icon{background:#ffffff77;color:#a18a64}.bento-decoration{position:absolute;right:-45px;top:20px;width:165px;height:165px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 24px #ffffff06,0 0 0 48px #ffffff04;pointer-events:none}.bento-inventory .bento-decoration{border-radius:12px;border-color:#7d9ca322;transform:rotate(25deg);box-shadow:0 0 0 18px #ffffff15;width:100px;height:150px;right:25px;top:-60px}.bento-literacy .bento-decoration,.bento-reviews .bento-decoration{display:none}
.bento-group{margin:23px 0}.bento-group h3{font:500 10px var(--body);letter-spacing:.4px;color:#86927e;margin:0 0 12px}.hub-empty{padding:30px;border:1px dashed #cad6bb;border-radius:16px;text-align:center;font-size:12px}.hub-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e1e7d9;padding:23px 0 5px;margin-top:30px;font-size:9px;color:#8a9680}.hub-footer>span{letter-spacing:.3px}.hub-footer>div{display:flex;gap:22px}.hub-footer a:hover{color:#345c3c}
.manage-mode .admin-login{grid-template-columns:1.05fr 1fr;background:#f5f6f2;min-height:calc(100dvh - 80px)}.manage-mode .admin-login-art{background:#244b3c;padding:55px max(35px,8vw);min-height:700px;display:flex;flex-direction:column}.manage-mode .admin-login-art .eyebrow{color:#a8bd9e;font-size:8px;letter-spacing:1.8px}.manage-mode .admin-login-art h1{font-size:clamp(38px,4.2vw,62px);font-weight:600;line-height:1.16;letter-spacing:-2.3px;margin:30px 0 20px}.manage-mode .admin-login-art em{color:#d3e3a6}.manage-mode .admin-login-art>p{color:#b2c7b5;font-size:12px;line-height:1.9;max-width:310px}.manage-mode .login-foot{color:#9eb796;font-size:9px;margin-top:auto;padding-top:30px}.login-book-art{position:relative;min-height:260px;width:300px;max-width:100%;margin:30px auto 0}.login-book-art:before{content:'';position:absolute;inset:-15px -35px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 24px #ffffff04}.login-book{position:absolute;width:145px;height:200px;background:#c6d39d;color:#304b30;transform:rotate(-16deg);top:15px;left:8px;padding:22px 18px;border-left:6px solid #ffffff33;border-radius:3px 9px 9px 3px;box-shadow:0 20px 25px #11281e44;font:600 27px/1.15 var(--heading);letter-spacing:-.8px;display:flex;flex-direction:column;justify-content:space-between}.login-book small{font:500 6px var(--body);letter-spacing:1px}.login-book.two{background:#ead8ba;color:#84684b;left:auto;right:0;top:38px;transform:rotate(13deg)}.login-book-art>i{position:absolute;right:-18px;top:-26px;color:#dfeba9;font-size:67px;font-style:normal}.manage-mode .admin-login-form{padding:45px clamp(28px,7vw,110px)}.login-mark{display:grid;place-items:center;width:58px;height:58px;background:#e6edda;border:1px solid #dce6cf;color:#708455;border-radius:19px;margin-bottom:30px}.login-mark svg{width:28px;height:28px}.manage-mode .admin-login-form .eyebrow{font-size:8px;letter-spacing:1.3px;color:#8a967e}.manage-mode .admin-login-form h2{font-size:clamp(29px,3vw,42px);font-weight:600;letter-spacing:-1.5px;line-height:1.2;color:#294b38;margin:18px 0}.manage-mode .admin-login-form>p{font-size:12px;color:#87917f;line-height:1.9}.manage-mode .admin-login-form .primary{background:#244b3c;border-radius:12px;padding:16px 20px;font-size:12px;box-shadow:none;margin-top:26px}.manage-mode .admin-login-form .login-return{font-size:11px;color:#7a896e;margin-top:7px}.manage-mode .login-note{border-color:#e0e6d8;margin-top:40px}.manage-mode .login-note b{font-size:10px;color:#68795a}.manage-mode .login-note p{font-size:10px;color:#929a8b}
.bento-group .bento-grid{grid-template-columns:repeat(var(--menu-columns,4),minmax(0,1fr))}.bento-copy b{font-size:13px}.bento-copy>span{font-size:11px}.bento-featured .bento-copy>span{font-size:11px}
@media(min-width:1500px){.manage-workspace{max-width:1320px}.bento-card{min-height:153px}.bento-featured{min-height:205px}}
@media(max-width:1450px){.manage-workspace{width:90%}}
@media(max-width:1050px){.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}.bento-highlights .bento-circulation,.bento-highlights .bento-inventory{grid-column:span 2}.bento-highlights .bento-literacy,.bento-highlights .bento-reviews,.bento-highlights .bento-acquisition{grid-column:span 2;min-height:155px}.admin-welcome{grid-template-columns:1.5fr 1fr;padding:30px}.desk-book{right:95px}.desk-book.second{right:0}.desk-art:before{right:-20px}.manage-mode .admin-login-art{padding:45px 35px;min-height:680px}}
@media(max-width:700px){.manage-mode #header,.manage-mode #header.scrolled{height:70px;padding:0 5%}.manage-mode .brand b{font-size:11px}.manage-mode .brand small{font-size:7px}.manage-mode .brand img{width:38px;height:38px}.manage-mode #account{font-size:9px;padding:8px 11px}.manage-layout{min-height:calc(100dvh - 70px)}.manage-workspace{width:90%;padding:24px 0}.workspace-top{padding:0;align-items:center}.workspace-top h1{font-size:21px;letter-spacing:-.6px}.workspace-mark{width:40px;height:40px;border-radius:12px;flex:none}.workspace-brand{gap:10px}.workspace-top small{font-size:7px;letter-spacing:1.2px}.staff-chip>div{display:none}.staff-chip>span{width:36px;height:36px;font-size:14px}.workspace-crumb{margin:20px 0;gap:7px;flex-wrap:wrap}.workspace-crumb time{font-size:8px}.workspace-crumb #workspaceCrumb{font-size:10px}.workspace-crumb #manageMenuToggle{margin-left:auto;padding:7px 10px;font-size:10px}.admin-welcome{grid-template-columns:1fr;min-height:210px;padding:27px;border-radius:21px}.admin-welcome h2{font-size:29px;max-width:420px;letter-spacing:-1px;margin:12px 0}.admin-welcome p{font-size:11px;max-width:320px}.admin-welcome .eyebrow{font-size:7px}.desk-art{display:none}.welcome-tag{margin-top:15px;font-size:8px}.manage-workspace .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:27px}.manage-workspace .metric{padding:17px 15px;border-radius:15px}.manage-workspace .metric small{font-size:9px;min-height:28px;line-height:1.5}.manage-workspace .metric strong{font-size:29px;margin-top:7px}.metric-icon{right:12px;top:14px;width:25px;height:25px}.metric-icon svg{width:14px;height:14px}.metric-caption{font-size:8px}.admin-overview-head{margin-top:20px}.hub-heading{display:block;margin-bottom:17px}.hub-heading h2{font-size:23px}.hub-search{margin-top:15px;padding:11px 12px;min-width:0}.hub-search input{font-size:12px}.bento-grid,.bento-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bento-highlights .bento-circulation,.bento-highlights .bento-inventory,.bento-highlights .bento-literacy,.bento-highlights .bento-reviews,.bento-highlights .bento-acquisition{grid-column:span 1;min-height:170px}.bento-card,.bento-featured{padding:17px;border-radius:16px;min-height:151px}.bento-featured .bento-copy b{font-size:14px;line-height:1.4}.bento-featured .bento-copy>span,.bento-copy>span{font-size:9px}.bento-featured .bento-icon{width:34px;height:34px;margin-bottom:24px}.bento-copy b{font-size:11px}.bento-arrow{right:15px;top:15px;font-size:16px}.bento-decoration{width:100px;height:100px}.bento-group{margin:22px 0}.hub-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:20px 0;font-size:8px}.manage-workspace .admin-content{padding:22px 17px;border-radius:18px}.manage-workspace .admin-content.is-dashboard{padding:0}.manage-workspace .selects{flex-wrap:wrap}.manage-workspace .selects input,.manage-workspace .selects select{max-width:100%;min-width:0}.manage-mode .admin-login{grid-template-columns:1fr}.manage-mode .admin-login-art{min-height:unset;padding:32px 7%}.manage-mode .admin-login-art h1{font-size:37px;margin:22px 0 13px}.manage-mode .admin-login-art>p{font-size:11px;max-width:300px}.login-book-art{display:none}.manage-mode .login-foot{padding-top:20px;margin-top:0}.manage-mode .admin-login-form{padding:34px 7%}.login-mark{width:44px;height:44px;margin-bottom:20px;border-radius:14px}.login-mark svg{width:23px;height:23px}.manage-mode .admin-login-form h2{font-size:30px}.manage-mode .admin-login-form .eyebrow{font-size:7px}.manage-mode .login-note{margin-top:25px}.manage-mode .admin-login-form .primary{width:100%}}
@media(max-width:1050px) and (min-width:701px){.bento-group .bento-grid{grid-template-columns:repeat(min(var(--menu-columns,3),3),minmax(0,1fr))}}
@media(max-width:700px){.bento-group .bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.manage-mode *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.bento-card:hover{transform:none}}