:root{--ink:#282238;--muted:#7a7486;--line:#ebe7ef;--surface:#f8f6fa;--primary:#6557cf;--primary-dark:#4a3da9;--primary-soft:#f0edff;--gold:#bd9446;--gold-soft:#fbf3df;--pink:#d985a6;--pink-soft:#fff0f5;--green:#24846e;--red:#c95768;--shadow:0 18px 48px #362a4b17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--surface);margin:0;font-family:Inter,Arial,PingFang TC,Noto Sans TC,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #8f84e7}.library-app{grid-template-columns:246px 1fr;min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:246px;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px;display:flex}.brand-mark{background:#2c2541;border-radius:12px;justify-content:center;align-items:end;gap:3px;width:39px;height:39px;padding:9px 8px;display:flex;box-shadow:0 8px 18px #2c25412b}.brand-mark span{border-radius:6px 6px 2px 2px;width:5px;transform:rotate(15deg)}.brand-mark span:first-child{background:#e9a6bd;height:13px}.brand-mark span:nth-child(2){background:#c5a25e;height:21px}.brand-mark span:nth-child(3){background:#a89ce9;height:16px}.brand>div:last-child{line-height:1.15;display:grid}.brand strong{letter-spacing:-.3px;font-size:15px}.brand small{color:#9a94a5;letter-spacing:1.2px;margin-top:4px;font-size:8px}.workspace-label{background:linear-gradient(135deg,#f2efff,#fff7f9);border:1px solid #e8e2f5;border-radius:11px;gap:5px;margin:29px 6px 18px;padding:13px;display:grid}.workspace-label span{color:#9b94a6;letter-spacing:1px;font-size:8px}.workspace-label strong{font-size:11px}.sidebar-nav,.mobile-drawer-nav{gap:5px;display:grid}.nav-button{color:#6f6978;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;height:44px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.nav-button:hover{color:var(--primary);background:#faf8fc}.nav-button.active{background:var(--primary-soft);color:var(--primary)}.nav-button span{flex:1}.nav-chevron{opacity:.4}.sidebar-status{border:1px solid var(--line);background:#fbfafc;border-radius:11px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.status-orb{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e7f5f0}.sidebar-status div{gap:3px;display:grid}.sidebar-status strong{font-size:10px}.sidebar-status small{color:#9b95a3;font-size:8px}.sidebar-user{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:13px;padding:11px 7px 3px;display:flex}.sidebar-user>div:nth-child(2){flex:1;gap:3px;display:grid}.sidebar-user strong{font-size:10px}.sidebar-user small{color:#9a94a2;font-size:8px}.sidebar-user svg{color:#aaa4b2}.avatar{color:#fff;background:var(--primary);border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:grid}.avatar.gold{background:var(--gold)}.avatar.pink{background:var(--pink)}.avatar.purple{background:var(--primary)}.avatar.large{border-radius:17px;width:58px;height:58px;font-size:14px}.main-panel{grid-column:2;min-width:0}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:70px;padding:0 31px;display:flex;position:sticky;top:0}.breadcrumb{color:#928b9a;align-items:center;gap:8px;font-size:10px;display:flex}.breadcrumb strong{color:#554e60}.breadcrumb svg:first-child{color:var(--gold)}.topbar-actions{align-items:center;gap:12px;display:flex}.language-switch{border:1px solid var(--line);background:#fff;border-radius:9px;padding:3px;display:flex}.language-switch button{color:#827b8a;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800}.language-switch button.active{color:#fff;background:var(--primary)}.profile-button{border:1px solid var(--line);color:#5f5868;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.menu-button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:none}.page-content{max-width:1380px;margin:auto;padding:34px 34px 70px}.page-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:26px;display:flex}.page-heading>div:first-child>span{color:var(--primary);letter-spacing:1.6px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-1px;margin:8px 0;font-size:30px}.page-heading p{max-width:690px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.date-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:9px;min-width:174px;padding:10px 13px;display:flex}.date-card svg{color:var(--gold)}.date-card div{gap:3px;display:grid}.date-card strong{font-size:9px}.date-card small{color:#9b95a3;font-size:8px}.sanctuary-banner{color:#fff;background:radial-gradient(circle at 85% 20%,#8f7ae2 0,#0000 31%),linear-gradient(135deg,#33284f,#6651be);border-radius:17px;align-items:center;gap:17px;min-height:120px;padding:25px 26px;display:flex;box-shadow:0 20px 42px #42326f2e}.banner-icon{background:#ffffff18;border:1px solid #ffffff26;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.banner-icon svg{width:27px;height:27px}.sanctuary-banner>div:nth-child(2){flex:1}.sanctuary-banner span{color:#d7d0f4;letter-spacing:1.5px;font-size:8px}.sanctuary-banner h2{margin:7px 0;font-size:22px}.sanctuary-banner p{color:#d5cee9;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.open-pill{background:#ffffff13;border:1px solid #fff2;border-radius:99px;align-items:center;gap:8px;padding:9px 12px;display:flex;color:#fff!important;letter-spacing:0!important;font-size:9px!important}.open-pill span{background:#e7c36d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff12}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:14px;min-height:120px;padding:18px;display:flex;box-shadow:0 8px 24px #30254109}.stat-icon{border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.stat-icon svg{width:21px}.stat-icon.purple{color:var(--primary);background:var(--primary-soft)}.stat-icon.gold{color:#9b762c;background:var(--gold-soft)}.stat-icon.pink{color:#bd6285;background:var(--pink-soft)}.stat-icon.red{color:var(--red);background:#fff0f2}.stat-card>div:last-child{display:grid}.stat-card span{color:#8a8391;font-size:9px}.stat-card strong{letter-spacing:-.5px;margin:4px 0 3px;font-size:25px}.stat-card small{color:#aaa4af;font-size:8px}.overview-grid{grid-template-columns:.92fr 1.08fr;gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 8px 27px #30254109}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:73px;padding:18px 20px;display:flex}.panel-heading h2{margin:0 0 5px;font-size:15px}.panel-heading p{color:#98919e;margin:0;font-size:9px}.panel-heading button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;font-weight:750;display:flex}.activity-list,.featured-list{padding:3px 20px}.activity-row{border-bottom:1px solid #f0edf2;align-items:center;gap:11px;min-height:76px;display:flex}.activity-row:last-child{border:0}.activity-row>div:nth-child(2){flex:1;gap:5px;display:grid}.activity-row strong{font-size:10px}.activity-row span{color:#96909d;font-size:8px}.activity-row time{color:#aaa4af;font-size:8px}.item-row{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0edf2;align-items:center;gap:11px;width:100%;min-height:76px;padding:0;display:flex}.item-row:last-child{border:0}.item-row:hover{color:var(--primary)}.item-row>div:nth-child(2){flex:1;gap:5px;display:grid}.item-row strong{font-size:10px}.item-row span{color:#96909d;font-size:8px}.item-row em,.availability{border-radius:99px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:750}.item-row em.available,.availability.available{color:var(--green);background:#eaf7f3}.item-row em.borrowed,.availability.borrowed{color:#a47629;background:var(--gold-soft)}.item-row>svg{color:#b1abb6}.item-symbol{border-left:4px solid;border-radius:9px 13px 13px 9px;flex:none;place-items:center;width:40px;height:48px;display:grid}.item-symbol svg{width:18px}.item-symbol.purple{color:var(--primary);background:var(--primary-soft)}.item-symbol.gold{color:#9a762d;background:var(--gold-soft)}.item-symbol.pink{color:#bc6686;background:var(--pink-soft)}.quick-circulation{background:linear-gradient(105deg,#fff,#faf6ff 55%,#fff4f7);border:1px solid #e4dced;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-top:20px;padding:21px 24px;display:flex}.quick-circulation>div:first-child{align-items:center;gap:13px;display:flex}.quick-icon{color:#8e6c28;background:var(--gold-soft);border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.quick-circulation span{color:var(--pink);letter-spacing:1.3px;font-size:8px;font-weight:800}.quick-circulation h2{margin:5px 0 4px;font-size:15px}.quick-circulation p{color:var(--muted);margin:0;font-size:9px}.scan-field{background:#fff;border:1px solid #dfd9e5;border-radius:11px;align-items:center;gap:9px;width:min(460px,46%);height:46px;padding:0 5px 0 14px;display:flex;box-shadow:0 8px 20px #2c223b0d}.scan-field>svg{color:#9d96a4}.scan-field input{border:0;outline:0;flex:1;min-width:0;font-size:10px}.scan-field button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.catalogue-tools{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.search-box{border:1px solid #e3dfe7;border-radius:10px;align-items:center;gap:9px;width:min(520px,50%);height:44px;padding:0 13px;display:flex}.search-box svg{color:#9d96a4}.search-box input{border:0;outline:0;width:100%;font-size:10px}.filter-tabs{gap:5px;display:flex}.filter-tabs button{color:#77717f;cursor:pointer;background:#f7f5f8;border:0;border-radius:9px;align-items:center;gap:5px;min-height:37px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.filter-tabs button.active{color:#fff;background:var(--primary)}.results-row{align-items:baseline;gap:5px;margin:20px 2px 12px;display:flex}.results-row strong{font-size:17px}.results-row span{color:var(--muted);font-size:9px}.catalogue-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.catalogue-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 10px 25px #3025410a}.cover-art{place-items:center;height:135px;display:grid;position:relative;overflow:hidden}.cover-art:before,.cover-art:after{content:"";opacity:.13;border:1px solid;border-radius:50%;position:absolute}.cover-art:before{width:190px;height:190px;top:-80px;left:-55px;box-shadow:0 0 0 28px}.cover-art:after{width:120px;height:120px;bottom:-75px;right:-40px}.cover-art.purple{color:var(--primary);background:#f1eeff}.cover-art.gold{color:#99722a;background:#fbf2dd}.cover-art.pink{color:#bd6385;background:#fff0f5}.cover-art svg{z-index:2;width:38px;height:38px}.cover-art span{letter-spacing:1px;font-size:8px;font-weight:800;position:absolute;bottom:12px;left:14px}.card-copy{padding:16px}.card-copy h2{margin:13px 0 5px;font-size:15px}.card-copy>p{min-height:28px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.card-copy dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0;padding:10px 0}.card-copy dl div{grid-template-columns:65px 1fr;gap:7px;margin:7px 0;display:grid}.card-copy dt{color:#a09aa6;font-size:8px}.card-copy dd{overflow-wrap:anywhere;color:#5e5767;margin:0;font-size:8px;line-height:1.5}.card-copy>button{width:100%;height:38px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #ded9e4;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:750;display:flex}.card-copy>button:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.empty-state{color:#9d96a4;border:1px dashed #d8d1de;border-radius:15px;grid-column:1/-1;align-content:center;place-items:center;gap:12px;min-height:260px;display:grid}.empty-state h2{font-size:13px}.table-panel{overflow:hidden}.table-head,.loan-row{grid-template-columns:1.7fr .8fr .7fr .5fr;align-items:center;gap:15px;display:grid}.table-head{color:#948e9c;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:1px;background:#faf9fb;padding:13px 18px;font-size:8px}.loan-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;width:100%;min-height:77px;padding:0 18px}.loan-row:last-child{border:0}.loan-row:hover{background:#fcfaff}.loan-row>div{align-items:center;gap:11px;display:flex}.loan-row>div>svg{color:var(--primary)}.loan-row>div span{gap:4px;display:grid}.loan-row strong{font-size:9px}.loan-row small,.loan-row>span{color:#8f8995;font-size:8px}.loan-row em{color:#9a742e;background:var(--gold-soft);border-radius:99px;width:max-content;padding:5px 8px;font-size:8px;font-style:normal}.location-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.location-card{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.location-visual{color:#fff;background:radial-gradient(circle at 70% 25%,#8b76df 0,#0000 30%),linear-gradient(135deg,#312747,#5b48ad);place-items:center;height:140px;display:grid;position:relative}.location-visual svg{width:44px;height:44px}.location-visual span{color:#e3dcf7;letter-spacing:1.3px;font-size:8px;position:absolute;bottom:15px;left:18px}.location-copy{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px;display:flex}.location-copy h2{margin:0 0 6px;font-size:16px}.location-copy p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.location-copy>strong{color:var(--primary);text-align:right;font-size:24px;display:grid}.location-copy>strong small{color:#9e97a4;letter-spacing:1px;font-size:7px}.location-card ul{margin:0;padding:10px 18px 17px;list-style:none}.location-card li{color:#6d6674;border-bottom:1px solid #f2eff3;align-items:center;gap:8px;padding:10px 0;font-size:9px;display:flex}.location-card li:last-child{border:0}.location-card li svg{color:var(--gold)}.member-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.member-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:27px 18px}.member-card .avatar{margin:auto}.member-card h2{margin:14px 0 5px;font-size:14px}.member-card p{color:var(--muted);margin:0 0 14px;font-size:9px}.member-card>span{color:var(--primary);background:var(--primary-soft);border-radius:99px;padding:6px 9px;font-size:8px;display:inline-flex}.timeline{padding:6px 20px}.audit-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:98px;display:flex}.audit-row:last-child{border:0}.audit-icon{width:41px;height:41px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.audit-icon svg{width:18px}.audit-row>div:nth-child(2){flex:1;gap:4px;display:grid}.audit-row strong{font-size:10px}.audit-row p{color:#77717e;margin:0;font-size:9px}.audit-row span,.audit-row time{color:#a19ba7;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1f192bad;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.item-modal{background:#fff;border-radius:18px;width:min(560px,100%);max-height:92vh;padding:23px;overflow:auto;box-shadow:0 35px 90px #17111f66}.item-modal>header{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:20px;display:flex}.item-modal header>div:nth-child(2){flex:1}.item-modal header span{color:var(--gold);letter-spacing:1px;font-size:8px;font-weight:800}.item-modal h2{margin:5px 0 4px;font-size:19px}.item-modal header p{color:var(--muted);margin:0;font-size:9px}.close-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.close-button svg{width:17px}.modal-details{padding:10px 0}.detail-row{border-bottom:1px solid #f1eef2;grid-template-columns:105px 1fr;align-items:center;gap:10px;min-height:50px;display:grid}.detail-row span{color:#958f9b;font-size:9px}.detail-row strong{overflow-wrap:anywhere;font-size:9px;line-height:1.5}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-text.available{color:var(--green)}.status-text.borrowed{color:#a47629}.borrower-card{background:#fff5f8;border:1px solid #f5dfe7;border-radius:12px;gap:11px;margin:11px 0 15px;padding:13px;display:flex}.borrower-card>div:nth-child(2){gap:3px;display:grid}.borrower-card small{color:#a98594;font-size:8px}.borrower-card strong{font-size:10px}.borrower-card p{color:#867781;margin:2px 0 0;font-size:8px;line-height:1.5}.success-notice{color:var(--green);background:#eaf7f3;border-radius:10px;align-items:center;gap:8px;margin:11px 0;padding:11px;font-size:9px;font-weight:750;display:flex}.primary-action,.return-action{color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:10px;font-weight:800;display:flex}.primary-action{background:var(--primary);box-shadow:0 12px 24px #6557cf3b}.return-action{background:var(--gold);box-shadow:0 12px 24px #bd944633}.mobile-overlay{display:none}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.catalogue-grid,.member-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.library-app{display:block}.sidebar{display:none}.main-panel{grid-column:auto}.topbar{padding:0 17px}.menu-button{display:grid}.breadcrumb{display:none}.page-content{padding:27px 18px 70px}.mobile-overlay{z-index:90;background:#1e182980;display:block;position:fixed;inset:0}.mobile-drawer{background:#fff;width:min(310px,86vw);height:100%;padding:25px 17px;box-shadow:20px 0 50px #15102033}.drawer-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.drawer-heading button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.drawer-heading button svg{width:18px}.mobile-drawer-nav .nav-button{height:48px}.page-heading .date-card{display:none}.sanctuary-banner{flex-wrap:wrap;align-items:flex-start}.open-pill{margin-left:73px}.quick-circulation{flex-direction:column;align-items:stretch}.scan-field{width:100%}.catalogue-tools{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-tabs{overflow-x:auto}.location-grid{grid-template-columns:1fr}}@media (max-width:580px){.profile-button span{display:none}.page-content{padding:23px 14px 60px}.page-heading h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{gap:9px;min-height:106px;padding:13px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:21px}.sanctuary-banner{padding:20px}.banner-icon{width:48px;height:48px}.sanctuary-banner h2{font-size:18px}.open-pill{justify-content:center;width:100%;margin-left:0}.panel-heading{padding:16px}.activity-list,.featured-list{padding:2px 14px}.activity-row time{display:none}.catalogue-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr 1fr;gap:9px}.member-card{padding:20px 10px}.table-head{display:none}.loan-row{grid-template-columns:1fr auto;gap:9px;padding:12px 14px}.loan-row>strong,.loan-row>span{display:none}.location-visual{height:115px}.item-modal{padding:18px}.detail-row{grid-template-columns:82px 1fr}.topbar-actions{gap:7px}.language-switch button{padding:6px 8px}}