/* Nanovo rođeni — application palette. Website source: post-12.css. */
:root{--primary:#1f488c;--primary-hover:#173a73;--primary-deep:#122c56;--primary-soft:#ebf1fb;--primary-line:#d5e1f4;--brand-secondary:#758eb8;--brand-gold:#c9af65;--paper:#f4f7fc;--surface:#fff;--surface-alt:#fcfcfd;--ink:#172b4d;--muted:#60708a;--line:#dfe6f1;--success:#207354;--success-bg:#eaf6f0;--amber:#916816;--amber-bg:#fff6df;--red:#b43e4d;--red-bg:#fdeef0;--shadow:0 8px 32px #1f488c09;--radius:12px;--ease:cubic-bezier(.2,.7,.2,1)}
body{font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:14px;letter-spacing:-.12px}h1,h2,h3,.brand strong,.book-record-info h1,.help-note h2,.import-guide h2,.import-success h2{font-family:inherit}h1{font-size:32px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}.muted,.author{color:var(--muted)}.eyebrow{color:var(--muted);font-weight:600}.heading-dot{display:none}.btn{min-height:42px;border-radius:9px;font-size:13px;font-weight:550;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease)}.btn.primary{background:var(--primary);box-shadow:0 2px 4px #1f488c15}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 14px #1f488c26;transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.98)}.btn.outline{border-color:var(--line);color:var(--primary);background:var(--surface)}.btn.outline:hover:not(:disabled){background:var(--primary-soft);border-color:#a8bfdf}.btn.plain:hover{background:var(--primary-soft)}.btn.danger{color:var(--red);background:var(--red-bg);border-color:#efd0d6}.btn:disabled{opacity:.5}.btn .icon{stroke-width:1.8}.text-button,.icon-btn{color:var(--primary)}.text-button{font-weight:550}.icon-btn:hover:not(:disabled){background:var(--primary-soft)}input,select,textarea{border-color:var(--line);border-radius:8px;font-size:13px;transition:border-color .18s,box-shadow .18s;background:var(--surface)}input::placeholder,textarea::placeholder{color:#7b89a0;font-weight:400}input:focus,select:focus,textarea:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #1f488c12}input[type=checkbox]{accent-color:var(--primary)}button:focus-visible,a:focus-visible,summary:focus-visible,.clickable-card:focus-visible{outline:3px solid #9bb6df;outline-offset:3px}.badge{border-radius:5px;font-size:11px;font-weight:550;padding:4px 8px;line-height:1.45}.badge.green{background:var(--success-bg);color:var(--success)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.neutral{background:#eef2f7;color:#596b85}.avatar{background:var(--primary-soft);color:var(--primary);border-radius:10px;font-weight:600}.avatar.small{border-radius:9px}.avatar.staff{background:var(--primary);color:#fff}.stock.available{color:var(--success)}.stock.available .icon{background:var(--success)}.stock.unavailable{color:var(--amber)}.stock.unavailable .icon{background:var(--amber)}.stock>span{color:var(--muted)}.switch:checked{background:var(--primary)}
/* The original logo is used as a luminance mask: no redraw or altered proportions. */
.community-logo{display:block;flex:none;width:58px;aspect-ratio:800/667;background:currentColor;color:var(--primary);mask-image:url('assets/nanovo-rodeni-logo.png');mask-mode:luminance;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url('assets/nanovo-rodeni-logo.png');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.brand{gap:14px;align-items:center;color:var(--ink)}.brand-type{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:21px;font-weight:650;line-height:1.15;letter-spacing:-.7px}.brand small{font-size:11px;text-transform:none;letter-spacing:0;font-weight:450;line-height:1.4;color:var(--muted)}.public-header{border-bottom-color:var(--line);box-shadow:0 2px 8px #1f488c02}.header-inner{height:88px}.main-nav a{font-size:14px;color:var(--muted)}.main-nav a[aria-current]{color:var(--primary)}.main-nav a[aria-current]:after{background:var(--primary);height:3px;border-radius:3px}.nav-count{background:var(--primary-soft);color:var(--primary)}.profile-button{gap:8px}.profile-label{font-size:13px;font-weight:500}.demo-bar{background:#eef3fa;border-color:var(--line);height:30px;font-size:9px;position:relative}.demo-label{font-size:8px;letter-spacing:1.1px;color:#60708a}.live-dot{width:5px;height:5px;background:var(--brand-secondary);box-shadow:none}.demo-tools{gap:14px}.demo-reset{width:25px;height:25px}.demo-reset>.icon{width:13px;height:13px}.signed-role,.demo-logout{font-size:10px;color:var(--muted)}.demo-logout{color:var(--primary)}
/* A single, quiet sign-in surface. */
.login-mode{background:#f4f7fc}.auth-shell{position:relative;display:grid;place-content:center;justify-items:center;min-height:100dvh;isolation:isolate;padding:64px 24px 35px;overflow:hidden}.auth-prototype{position:absolute;top:25px;right:30px;font-size:9px;letter-spacing:1.4px;font-weight:550;color:#74849c}.auth-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 12% 7%,#dfe9f8 0,transparent 48%),radial-gradient(ellipse at 95% 100%,#e6edf8 0,transparent 50%)}.auth-ambient>span{position:absolute;width:660px;height:660px;left:-315px;top:-230px;border:1px solid #1f488c0b;border-radius:50%;box-shadow:0 0 0 58px #1f488c03,0 0 0 115px #1f488c02;animation:ambientBreath 14s ease-in-out infinite}.auth-ambient>span+span{left:auto;top:auto;right:-380px;bottom:-320px;width:750px;height:750px;animation-delay:-7s}.auth-card{background:var(--surface);border:1px solid #dfe6f1;box-shadow:0 20px 65px #173a7309,0 3px 14px #173a7304;border-radius:18px;width:min(430px,calc(100vw - 48px));padding:36px 40px 24px;animation:authEnter .5s var(--ease) both}.auth-logo{width:112px;height:auto;margin:0 auto 23px;color:var(--primary)}.auth-heading{text-align:center;margin-bottom:30px}.auth-overline{display:block;font-size:8px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.auth-heading h1{font-size:29px;font-weight:600;letter-spacing:-.9px;margin:10px 0 0;color:var(--ink)}.auth-heading:after{content:'';display:block;height:2px;width:28px;background:var(--brand-gold);border-radius:2px;margin:18px auto 0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550}.auth-form input{width:100%;height:48px;min-height:48px;padding:12px 14px;font-size:14px;line-height:1.5}.password-field{display:block;position:relative}.password-field>input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#72839c;border-radius:6px;transition:background .18s,color .18s}.password-toggle .icon{width:18px;height:18px}.password-toggle:hover{background:var(--primary-soft);color:var(--primary)}.auth-submit{width:100%;min-height:48px;font-size:14px;margin-top:4px;font-weight:550;position:relative;gap:18px}.auth-submit .icon{width:18px;height:18px;transition:transform .18s var(--ease)}.auth-submit:hover .icon{transform:translateX(3px)}.auth-help{font-size:11px;color:var(--muted);text-align:center;line-height:1.7;margin:18px 0 0}.demo-access{margin-top:26px;border-top:1px solid var(--line);font-size:11px}.demo-access summary{display:flex;justify-content:center;align-items:center;gap:8px;padding:17px 0 0;color:var(--muted);font-size:11px;font-weight:450;cursor:pointer;list-style:none}.demo-access summary::-webkit-details-marker{display:none}.demo-access summary .icon{width:12px;height:12px;transition:transform .2s}.demo-access[open] summary .icon{transform:rotate(180deg)}.demo-access-content{padding-top:15px;animation:fadeIn .2s ease}.demo-access-content>div{display:flex;gap:10px}.demo-access .btn{flex:1;min-height:38px;font-size:11px;padding:8px 10px}.demo-access .btn .icon{width:14px;height:14px}.demo-access small{display:block;font-size:10px;line-height:1.7;text-align:center;color:var(--muted);margin-top:12px}.demo-access small strong{font-weight:500}.auth-footer{font-size:11px;letter-spacing:.2px;color:#6b7e98;margin-top:25px}.auth-form .form-error{font-weight:400;font-size:12px;margin:0}.login-mode #toast-root{bottom:20px}
/* Catalogue: concise labels and useful breathing room. */
.public-main{padding-top:40px}.catalog-heading{margin-bottom:25px;align-items:center}.catalog-heading h1{font-size:32px;letter-spacing:-1.2px;margin:0;font-weight:650}.catalog-heading p{font-size:13px;margin-top:10px;color:var(--muted)}.catalog-borrow{font-size:12px;border-color:var(--line)}.catalog-search{border:1px solid var(--line);box-shadow:0 4px 18px #1f488c04;border-radius:12px;margin-bottom:28px;background:#fff}.catalog-search input{font-size:14px}.catalog-search .btn{font-size:13px;min-height:42px;border-radius:8px}.catalog-search>.icon{color:var(--brand-secondary)}.catalog-layout{gap:28px;grid-template-columns:186px minmax(0,1fr)}.filters{padding-right:23px;border-right:1px solid var(--line)}.filter-title h2{font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink)}.filter-title .icon{width:15px;height:15px;color:var(--brand-secondary)}.category-list{gap:6px}.category{font-size:12px;padding:10px 11px;min-height:40px;border-radius:7px;color:var(--muted);transition:background .16s,color .16s}.category.active{color:var(--primary);background:var(--primary-soft);font-weight:600}.category.active .category-count{color:var(--primary)}.category-count{font-size:11px;color:var(--muted)}.category:hover{background:#eef3fa}.checkbox-row{font-size:12px;color:var(--muted)}.reset-filters{font-size:11px}.results-toolbar{font-size:12px;margin-bottom:20px}.results-toolbar p,.results-hint{color:var(--muted)}.results-controls select{min-height:36px;border-color:var(--line);font-size:11px}.layout-toggle{border-color:var(--line);padding:3px}.layout-toggle button{color:var(--muted)}.layout-toggle button.active{background:var(--primary-soft);color:var(--primary)}.catalog-grid{gap:18px}.catalog-card{padding:19px 16px;gap:18px;grid-template-columns:35% minmax(0,1fr);border-color:var(--line);border-radius:12px;box-shadow:0 2px 8px #1f488c03;transition:transform .22s var(--ease),box-shadow .22s,border-color .22s}.catalog-card:hover{transform:translateY(-3px);border-color:#c1d1e8;box-shadow:0 10px 28px #1f488c0c}.catalog-card .book-cover{box-shadow:3px 5px 9px #172b4d16;transition:transform .22s var(--ease)}.catalog-card:hover .book-cover{transform:rotate(-1deg)}.book-title{font-size:15px;font-weight:600;letter-spacing:-.4px;line-height:1.45}.book-title:hover{color:var(--primary)}.book-category{font-size:9px;letter-spacing:.5px;font-weight:500;color:var(--muted)}.author{font-size:11px;line-height:1.65;color:var(--muted)}.book-card-bottom{padding-top:20px}.record-hint{font-size:10px;font-weight:500;color:var(--primary);margin-top:16px}.record-hint .icon{transition:transform .2s}.clickable-card:hover .record-hint .icon{transform:translateX(3px)}.stock{font-size:10px}.stock>span{font-size:10px}.list-view .catalog-card{padding:18px 22px}.list-view .book-card-bottom{padding-top:0}.public-footer{border-color:var(--line);font-size:10px;color:var(--muted);padding-top:23px;padding-bottom:23px}.public-footer a{color:var(--primary)}.records-footer{color:var(--muted);font-size:11px;border-color:var(--line)}.records-footer>span:first-child{font-size:11px}.footer-controls label{font-size:11px}.footer-controls select{font-size:12px}.records-footer .pagination-controls{color:var(--primary)}
/* A compact, consistent working area. */
.admin-sidebar{top:30px;width:236px;padding:28px 16px 0;background:var(--surface);border-color:var(--line)}.admin-sidebar .brand{padding:0 8px;gap:12px}.admin-sidebar .brand .community-logo{width:49px}.admin-sidebar .brand strong{font-size:20px;line-height:1.2;letter-spacing:-.6px}.admin-sidebar .brand small{font-size:10px;line-height:1.4;letter-spacing:0}.sidebar-caption{font-size:9px;letter-spacing:1.5px;color:#71839f;margin-top:38px;margin-bottom:14px;padding-left:14px}.admin-sidebar nav{gap:5px}.admin-sidebar nav a{font-size:12px;color:var(--muted);min-height:44px;padding:11px 14px;border-radius:8px;position:relative;transition:background .18s,color .18s}.admin-sidebar nav a:hover{background:#f4f7fc;color:var(--primary)}.admin-sidebar nav a[aria-current]{background:var(--primary-soft);color:var(--primary);font-weight:600}.admin-sidebar nav a[aria-current]:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}.admin-sidebar nav a>.icon{width:18px;height:18px;stroke-width:1.65}.sidebar-count{color:var(--primary);background:#dbe6f8;font-size:9px}.sidebar-bottom>a{color:var(--muted);font-size:11px}.staff-profile{border-color:var(--line);padding:18px 24px;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.staff-profile:hover{background:#f4f7fc}.staff-profile div span{font-size:10px;color:var(--muted)}.staff-profile strong{font-size:12px}.admin-workspace{margin-left:236px;background:var(--paper)}.admin-topbar{height:66px;border-color:var(--line);background:#ffffffed;color:var(--muted);padding:0 34px;font-size:11px}.admin-topbar>div{font-size:11px}.admin-topbar strong{font-weight:500;color:var(--ink)}.admin-main{padding:33px 34px;max-width:1500px}.admin-heading{margin-bottom:28px}.admin-heading h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:0}.heading-actions .btn{font-size:12px;min-height:41px}.metric-grid{gap:17px;margin-bottom:27px}.metric{padding:23px 20px;border-color:var(--line);border-radius:12px;box-shadow:0 3px 7px #1f488c03;transition:border-color .2s,transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-2px);border-color:#bed0ea;box-shadow:0 6px 20px #1f488c09}.metric>.icon{width:26px;height:26px;color:var(--brand-secondary);stroke-width:1.4}.metric div>span{font-size:11px;color:var(--muted)}.metric strong{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.15;margin-top:7px;color:var(--ink)}.metric.red strong,.metric.red>.icon{color:var(--red)}.metric.amber strong,.metric.amber>.icon{color:var(--amber)}.metric.green>.icon{color:var(--primary)}.panel{border-color:var(--line);border-radius:12px;box-shadow:0 2px 6px #1f488c02}.panel-heading{padding:20px 24px;border-color:var(--line)}.panel-heading h2{font-size:14px;font-weight:600;color:var(--ink)}.panel-heading a{font-size:11px;color:var(--primary)}.panel-heading>div>p{color:var(--muted)}.tabs{gap:28px;border-color:var(--line)}.tabs>button{font-size:13px;color:var(--muted);font-weight:450}.tabs>button.active{font-weight:600;color:var(--primary);border-bottom-color:var(--primary)}.tabs>button>span{background:#eef2f8;color:var(--muted)}.tabs>button.active>span{background:var(--primary-soft);color:var(--primary)}.table-tools{padding:19px 23px;gap:14px}.table-tools .search-field{max-width:370px}.search-field{background:var(--surface);border-color:var(--line);border-radius:8px}.search-field input{font-size:13px}.search-field>.icon{color:var(--brand-secondary);width:17px;height:17px}.table-tools select{font-size:12px;min-height:39px;border-color:var(--line)}.table-tools>.muted{font-size:12px}th{background:#f8fafd;color:var(--muted);font-size:11px;font-weight:500;border-color:var(--line);letter-spacing:0}td{border-color:#eaf0f7;font-size:13px}th,td{padding-top:15px;padding-bottom:15px}.table-book strong,.table-link{font-size:13px;font-weight:550;color:var(--ink)}.table-book span{font-size:11px;color:var(--muted)}.table-book .book-cover{width:33px;border-radius:3px}.table-scroll td{font-size:13px}.table-scroll .badge{font-size:11px}.cell-sub{font-size:11px;color:var(--muted)}.member-cell strong{font-size:13px;font-weight:550}.member-cell span:not(.avatar){font-size:11px;color:var(--muted)}.clickable-row td{transition:background .16s}.clickable-row:hover td{background:#f1f5fc}.clickable-row:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;background:var(--primary-soft)}.clickable-row:hover td:first-child:before,.clickable-row:focus-visible td:first-child:before{background:var(--primary)}.ready-panel{border-color:var(--line)}.ready-panel h2{background:#f8fafd;color:var(--ink);font-size:13px;border-color:var(--line)}.ready-panel h2>.icon{color:var(--primary)}.ready-panel h2>span{background:var(--primary-soft);color:var(--primary)}.ready-row{border-color:var(--line)}.ready-row strong,.ready-row span{font-size:12px}.ready-row span{color:var(--muted)}.ready-row:hover,.attention-row:hover{background:#f1f5fc}.admin-footer{font-size:10px;color:var(--muted);padding:22px 34px}.back-link{color:var(--muted);font-size:12px}.record-section,.book-record,.member-record,.transaction-record{max-width:1150px}.book-record{padding:34px;gap:36px;grid-template-columns:172px 1fr}.book-record-info h1{font-size:32px;font-weight:600;letter-spacing:-1px;color:var(--ink)}.record-description{color:var(--muted);font-size:13px}.record-author{font-size:14px;color:var(--muted)}.record-meta dt{color:var(--muted);font-size:11px}.record-meta dd{color:var(--ink);font-size:13px}.record-actions .btn{font-size:12px}.record-link,.section-count{color:var(--primary)}.section-count{background:var(--primary-soft)}.action-hint,.member-record-heading p,.member-facts{color:var(--muted)}.transaction-book{background:#f5f8fd;border-color:var(--line)}.transaction-book p,.transaction-book div>span:not(.eyebrow){color:var(--muted)}.transaction-content .record-actions{border-color:var(--line)}.member-record-heading h1{font-weight:600;letter-spacing:-.8px}.member-record-heading .avatar{border-radius:16px}.record-note{background:var(--paper);color:var(--muted)}.record-page-heading h1{font-size:30px;font-weight:600}.record-cover>.book-cover{box-shadow:5px 10px 20px #172b4d15}.report-summary article{border-radius:12px}.reading-bars strong{color:var(--ink)}.bar-track{background:var(--primary-soft)}.bar-track>span{background:var(--primary)}
/* Member account and forms. */
.member-main h1{font-size:32px;letter-spacing:-1px}.membership-card{background:var(--primary);box-shadow:0 10px 24px #1f488c18;color:#fff;border-radius:14px}.membership-card .eyebrow{color:#d0ddf2}.membership-card h2{color:white}.membership-card>span,.membership-bottom>span{color:#dce6f7}.membership-bottom .badge{background:#ffffff16;color:#fff}.ready-callout{background:#fff;border:1px solid var(--line);border-radius:12px}.ready-callout>.icon,.ready-callout h3,.ready-callout .text-button{color:var(--primary)}.ready-callout p{color:var(--muted)}.member-tip{padding-top:23px}.member-tip h3{font-family:inherit;font-size:13px;color:var(--ink);font-style:normal;font-weight:550}.member-tip>p{font-size:12px;color:var(--muted);line-height:1.75}.member-tip>a{color:var(--primary);font-size:11px}.loan-card,.hold-card{border-color:var(--line);border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.loan-card:hover,.hold-card:hover{border-color:#b8cbe5;box-shadow:0 6px 20px #1f488c09;transform:translateY(-2px)}.loan-info h3{font-size:17px;font-weight:600}.loan-info>p,.loan-date,.hold-card p{color:var(--muted)}.loan-info .eyebrow{color:var(--muted)}.help-main h1{font-size:32px}.help-bottom{grid-template-columns:minmax(0,780px)}.help-steps article{border-color:var(--line);border-radius:12px}.help-steps h2,.help-bottom h2{font-family:inherit;font-weight:600;color:var(--ink)}.help-steps h2{font-size:19px}.help-steps p,.help-bottom details p{color:var(--muted);font-size:13px}.step-number{color:#b3c6e3}.help-steps article>.icon{color:var(--primary)}.help-bottom details{border-color:var(--line)}.help-bottom summary{font-size:14px}.modal-shade{background:#122c563b;backdrop-filter:blur(4px)}.modal-panel{border:1px solid #fff9;border-radius:16px;box-shadow:0 25px 90px #122c562b;animation:dialogEnter .24s var(--ease)}.modal-panel.drawer{border-radius:16px 0 0 16px;animation:drawerEnter .26s var(--ease)}.modal-header{border-color:var(--line)}.modal-header h2{font-family:inherit;font-size:23px;font-weight:600;letter-spacing:-.6px;color:var(--ink)}.modal-header p{font-size:12px;color:var(--muted)}.modal-form{gap:20px}.modal-form label{font-size:13px}.modal-form input,.modal-form select,.modal-form textarea{font-size:14px}.selected-book,.selected-member{background:#f5f8fd;border-color:var(--line);border-radius:9px}.selected-book strong,.selected-member strong{color:var(--ink);font-size:14px}.selected-book span:not(.badge),.selected-member span:not(.avatar){color:var(--muted);font-size:12px}.step-label{color:var(--ink)}.step-label b{background:var(--primary-soft);color:var(--primary)}.notice.soft{background:#f2f6fc;border-color:var(--primary-line);color:#4b6387;font-size:12px}.notice.soft>.icon{color:var(--primary)}.form-error{background:var(--red-bg);border-color:#edccd2;color:var(--red)}.optional{color:var(--muted)}.toast{color:var(--primary);border-color:var(--primary-line);border-radius:10px;box-shadow:0 10px 35px #122c5617;font-size:13px;animation:toastEnter .28s var(--ease)}.toast>.icon{color:var(--success)}.toast.warn{color:var(--amber);border-color:#e7d4a5}.toast.warn>.icon{color:var(--amber)}.settings-section h2{color:var(--ink)}.settings-section h2 .icon{color:var(--primary)}.settings-section>p,.settings-toggle small,.settings-actions>span{color:var(--muted)}.upload-panel{background:#fcfcfd;border-color:#bacde7}.upload-icon{color:var(--primary);background:var(--primary-soft)}.upload-panel>p,.upload-panel>span,.import-guide>p,.import-guide ul,.import-summary div>span:not(.file-mark),.import-confirm>p,.import-confirm small,.import-success>p{color:var(--muted)}.import-guide h2{font-family:inherit;font-size:21px;font-weight:550;color:var(--ink)}.sample-import button{color:var(--primary)}.file-mark{background:var(--primary-soft);color:var(--primary)}.import-steps>span{color:var(--muted)}.import-steps b{background:#e8eef8;color:#637da3}.import-steps .current b{color:#fff;background:var(--primary)}.import-steps>span.current{color:var(--primary)}.import-steps .done,.import-steps .done b{color:var(--primary)}.import-steps .done b{background:#e0eafa}.import-steps>i{background:var(--line)}.import-counts strong{color:var(--ink)}.import-success h2{font-family:inherit;font-weight:600;color:var(--ink)}.success-mark{background:var(--success-bg);color:var(--success)}.import-message{color:var(--muted)}
.page-enter{animation:pageEnter .23s var(--ease) both}@keyframes authEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerEnter{from{opacity:.5;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes toastEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes ambientBreath{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(14px,9px);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:1200px) and (min-width:761px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{grid-template-columns:36% minmax(0,1fr)}.catalog-layout{grid-template-columns:165px 1fr;gap:22px}.admin-sidebar{width:215px;padding-left:12px;padding-right:12px}.admin-sidebar .brand{gap:9px}.admin-sidebar .brand .community-logo{width:43px}.admin-sidebar .brand strong{font-size:19px}.admin-sidebar nav a{font-size:11px;padding:10px 12px}.admin-workspace{margin-left:215px}.admin-main{padding:30px 26px}.staff-profile{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.metric{padding:19px 14px;gap:10px}.metric div>span{font-size:10px}.metric>.icon{width:22px;height:22px}.header-inner{height:82px}.main-nav{gap:24px}.main-nav a{font-size:13px}}
@media(max-width:760px){body{font-size:14px}.auth-shell{min-height:100dvh;padding:54px 20px 30px}.auth-card{width:min(410px,calc(100vw - 40px));padding:30px 27px 22px;border-radius:16px}.auth-prototype{top:20px;right:22px;font-size:8px}.auth-logo{width:100px;margin-bottom:22px}.auth-heading{margin-bottom:27px}.auth-heading h1{font-size:28px}.auth-overline{font-size:8px;letter-spacing:1.5px}.auth-form input{font-size:16px;height:48px}.auth-form>label{font-size:12px}.auth-help{font-size:10px}.auth-footer{font-size:10px;margin-top:23px}.auth-ambient>span{width:490px;height:490px;left:-320px;top:-230px}.auth-ambient>span+span{width:500px;height:500px;right:-370px;bottom:-240px}.demo-access{margin-top:23px}.demo-access .btn{font-size:11px}.demo-access small{font-size:9px}.demo-bar{height:30px}.demo-label{font-size:7px;letter-spacing:.8px}.demo-inner{padding:0 18px}.demo-tools{gap:11px}.signed-role,.demo-logout{font-size:9px}.header-inner{height:78px;padding:0 20px}.brand{gap:12px}.brand .community-logo{width:47px}.brand strong{font-size:22px}.brand small{font-size:10px;letter-spacing:0}.profile-button .avatar{width:34px;height:34px;border-radius:10px}.public-main{padding:27px 20px}.catalog-heading{margin-bottom:22px;gap:13px;align-items:center}.catalog-heading h1{font-size:28px;letter-spacing:-1px}.catalog-heading p{font-size:12px;margin-top:8px}.catalog-borrow{font-size:0;padding:10px;min-height:40px;width:40px}.catalog-borrow .icon{width:20px;height:20px}.catalog-search{margin-bottom:18px;border-radius:10px;gap:8px}.catalog-search input{font-size:13px;min-width:0}.catalog-search .btn{font-size:11px;min-height:39px;padding:10px 13px}.catalog-search .btn .icon{display:none}.catalog-search>.icon{width:17px;height:17px}.mobile-filter-row>.btn{font-size:12px;min-height:38px}.mobile-filter-row>span{font-size:10px;color:var(--muted)}.catalog-layout{display:block}.results-toolbar{height:auto;min-height:36px;margin-bottom:16px;gap:8px}.results-toolbar p{font-size:11px}.results-controls{gap:8px}.results-controls select{font-size:10px;min-height:34px;padding:6px 22px 6px 9px}.layout-toggle{padding:2px}.layout-toggle button{width:26px;height:27px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-card{display:flex;padding:12px;gap:14px;border-radius:11px}.catalog-card .cover-button{padding:16px 20px;background:#f1f5fb;border-radius:7px}.catalog-card .book-card-body{min-height:150px;flex:1}.catalog-card .book-category{font-size:8px;margin-bottom:6px}.catalog-card .book-title{font-size:14px;font-weight:600}.catalog-card .author{font-size:11px;line-height:1.6}.catalog-card .stock,.catalog-card .stock.unavailable{font-size:10px}.catalog-card .stock>span{font-size:9px}.catalog-card .record-hint{font-size:10px;margin-top:13px}.catalog-card .book-card-bottom{padding-top:15px}.list-view .catalog-card{grid-template-columns:72px 1fr;padding:15px;gap:18px;display:grid}.list-view .cover-button{padding:0;background:none}.list-view .book-card-body{min-height:0}.list-view .book-title{font-size:15px}.list-view .record-hint{margin-top:0}.list-view .book-card-bottom{padding-top:13px}.records-footer{padding:14px 13px;gap:10px}.records-footer>span:first-child{font-size:10px}.footer-controls{gap:8px}.footer-controls label{font-size:10px}.records-footer .pagination-controls{font-size:10px;gap:2px}.public-footer{padding:22px 20px 92px;gap:12px;font-size:10px}.public-footer a{font-size:10px}.mobile-nav{height:68px;background:#fffffff5;border-color:var(--line);box-shadow:0 -5px 20px #1f488c05}.mobile-nav>a,.mobile-nav>button{font-size:10px;color:#6b7e98}.mobile-nav [aria-current]{color:var(--primary);background:#f0f4fc;border-radius:10px}.mobile-nav .icon{width:21px;height:21px}.admin-sidebar{display:none}.admin-workspace{margin-left:0}.admin-topbar{height:60px;padding:0 18px}.admin-topbar>div{font-size:10px;gap:8px}.admin-topbar>div:first-child>span{display:none}.admin-topbar>div:first-child>.admin-menu-button+span+.icon{display:none}.admin-main{padding:26px 18px}.admin-heading{gap:20px;margin-bottom:24px}.admin-heading h1{font-size:28px}.heading-actions{gap:9px}.heading-actions .btn{font-size:12px;min-height:42px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.metric{padding:18px 14px;gap:12px;border-radius:10px}.metric strong{font-size:29px;line-height:1.2}.metric div>span{font-size:10px}.metric>.icon{width:23px;height:23px}.panel{border-radius:11px}.table-tools{padding:15px 14px;gap:11px}.table-tools .search-field{max-width:none;min-width:100%;width:100%}.search-field input{font-size:13px;min-height:38px}.table-tools select{font-size:11px;min-height:35px;max-width:180px}.table-tools>.muted{font-size:11px}.table-scroll th{font-size:10px}.table-scroll td{font-size:12px}.table-scroll th,.table-scroll td{padding:14px 13px}.table-scroll .table-book strong{font-size:12px}.table-scroll .table-book span{font-size:10px}.table-scroll .badge{font-size:10px}.admin-tabs>button{font-size:12px}.admin-tabs>button>span{font-size:9px}.ready-panel h2{font-size:12px;padding:16px}.ready-row{padding:15px}.ready-row strong,.ready-row span{font-size:11px}.admin-footer{padding:22px 18px;font-size:9px}.book-record{grid-template-columns:86px 1fr;gap:0 20px;padding:23px}.book-record-info h1{font-size:26px;letter-spacing:-.8px;font-weight:600}.book-record-info>.eyebrow{font-size:9px;letter-spacing:.5px}.record-author{font-size:12px}.book-record-info>.stock{font-size:10px}.book-record-info .record-description{font-size:12px;line-height:1.85;margin-top:25px}.record-meta dt{font-size:10px}.record-meta dd{font-size:12px}.record-actions .btn{font-size:11px;min-height:42px}.record-section .panel-heading{padding:19px}.record-section .panel-heading h2{font-size:13px}.record-section .panel-heading .btn{font-size:10px;min-height:34px}.member-record{padding:23px}.member-record-heading h1{font-size:24px}.member-record-heading p{font-size:12px}.member-facts{font-size:11px}.transaction-content .record-meta dd{font-size:12px}.record-page-heading h1{font-size:26px}.back-link{font-size:12px}.member-main h1{font-size:28px}.member-main .page-heading>.btn{font-size:13px;min-height:44px}.member-tabs>button{font-size:12px}.loan-card{padding:20px}.loan-info h3{font-size:16px}.loan-info>p{font-size:12px}.loan-date{font-size:12px}.loan-info .record-hint{font-size:11px}.modal-header h2{font-size:22px}.modal-header p{font-size:12px}.modal-form>label,.modal-form .form-grid label{font-size:12px}.modal-form input,.modal-form select,.modal-form textarea{font-size:16px}.modal-form input[type=date]{font-size:13px}.modal-panel{border-radius:14px}.modal-panel.drawer{border-radius:0}.form-actions>.btn{font-size:12px;min-height:42px}.selected-book strong{font-size:13px}.selected-book span:not(.badge){font-size:12px}.notice.soft{font-size:12px}.toast{font-size:12px}.help-main h1{font-size:28px}.help-steps h2{font-size:19px}.help-steps p,.help-bottom details p{font-size:12px}.help-bottom summary{font-size:13px}.import-counts .badge{font-size:9px}.import-steps>span{font-size:9px}.upload-panel h2{font-size:22px}.upload-panel>p,.import-guide>p,.import-guide ul{font-size:12px}.import-summary>button{font-size:11px}.import-confirm>p{font-size:12px}.import-confirm>.btn{font-size:13px}}
@media(max-width:370px){.auth-card{padding-left:24px;padding-right:24px}.public-main{padding-left:16px;padding-right:16px}.catalog-grid{gap:10px}.catalog-card{padding:10px}.catalog-card .cover-button{padding:14px 16px}.catalog-card .book-title{font-size:13px}.footer-controls label{font-size:9px}.book-record{grid-template-columns:76px 1fr;gap:0 17px;padding:20px}.book-record-info h1{font-size:24px}.heading-actions .btn{font-size:11px}.catalog-search .btn{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.catalog-card:hover,.catalog-card:hover .book-cover,.btn:hover,.btn:active,.loan-card:hover,.hold-card:hover,.metric:hover{transform:none!important}}