@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;top:0;right:0;bottom:0;left:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{font-family:Nunito,system-ui,sans-serif;color:#251f20;background:#fbf7ef;--primary:#a94432;--primary2:#d8782d;--cream:#f7efdb;--cream2:#fff9ed;--ink:#251f20;--muted:#746767;--line:#eadfd6;--card:#fff;--yellow:#e4aa42;--green:#4f956f;--orange:#d8782d;--pink:#c86f74;--blue:#5d7f9d;--shadow:0 10px 38px #603b2610 }*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% -10%,#f6d9bc55,transparent 30%),#fbf8f2}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#fffdf9;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:4px 6px 18px}.brand img{width:62px;height:42px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand strong{font-size:16px;line-height:1.1}.brand span{font-size:11px;color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-link{display:flex;gap:12px;align-items:center;text-decoration:none;color:#665c5c;border:0;background:transparent;padding:10px 12px;border-radius:13px;font-weight:800;font-size:14px}.nav-link:hover,.nav-link.active{background:#f8e8dc;color:var(--primary)}.nav-link.active{box-shadow:inset 3px 0 var(--primary)}.logout{margin-top:auto;width:100%}.main-content{margin-left:260px;min-height:100vh}.page{padding:30px clamp(16px,4vw,52px) 80px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-title h1{margin:3px 0;font-size:clamp(26px,3vw,38px);line-height:1.08}.page-title p{margin:7px 0;color:var(--muted)}.eyebrow{display:flex;gap:6px;align-items:center;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:13px;padding:11px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.primary-btn{background:linear-gradient(135deg,var(--primary),#bb513a);color:#fff;box-shadow:0 8px 20px #a9443233}.primary-btn:hover{filter:brightness(.96)}.secondary-btn{background:#fff;color:var(--primary);border:1px solid #e5d4c9}.ghost-btn{background:transparent;color:var(--primary)}.small{padding:7px 10px;font-size:12px}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.metrics-four{grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;display:flex;gap:13px;align-items:center;min-width:0;box-shadow:var(--shadow)}.stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.stat-card strong{font-size:28px;display:block;line-height:1}.stat-card span{font-size:12px;color:var(--muted);font-weight:800}.stat-card.purple .stat-icon{background:#f7e4dc;color:var(--primary)}.stat-card.green .stat-icon{background:#e8f4ed;color:var(--green)}.stat-card.blue .stat-icon{background:#eaf0f6;color:var(--blue)}.stat-card.orange .stat-icon{background:#fff0df;color:var(--orange)}.stat-card.pink .stat-icon{background:#faeaec;color:var(--pink)}.attention-banner{margin:15px 0 0;background:#fff5e8;border:1px solid #f2d6b3;color:#8d5526;border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:12px;text-decoration:none}.attention-banner div{display:flex;flex-direction:column;flex:1}.attention-banner span{font-size:12px;opacity:.8}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.quick-card{color:var(--ink);text-decoration:none;background:linear-gradient(135deg,#fff,#fffaf2);border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;align-items:center;gap:12px}.quick-card>svg:first-child{color:var(--primary)}.quick-card>svg:last-child{margin-left:auto;color:#aa9790}.quick-card div{display:flex;flex-direction:column}.quick-card span{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.report-grid{grid-template-columns:1fr 1fr}.full-panel{grid-column:1/-1}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title h2{font-size:18px;margin:0}.panel-title a{font-size:12px;color:var(--primary);font-weight:900;text-decoration:none}.icon-badge{width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.icon-badge.orange{background:#fff0df;color:var(--orange)}.icon-badge.pink{background:#faeaec;color:var(--pink)}.icon-badge.blue{background:#eaf0f6;color:var(--blue)}.list{display:flex;flex-direction:column}.list-row{display:flex;gap:12px;align-items:center;padding:12px 3px;border-top:1px solid #f3ece7}.list-row>div:not(.avatar){display:flex;flex-direction:column}.list-row strong{font-size:14px}.list-row span{font-size:12px;color:var(--muted)}.grow{flex:1}.avatar{width:37px;height:37px;background:#f6e5dc;color:var(--primary);border-radius:50%;display:grid;place-items:center;font-weight:900}.pill{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#f3efec;color:#6f6361!important;font-size:10px!important;font-weight:900}.pill.danger{background:#fff0ed;color:#bf543f!important}.pill.success{background:#e9f6ef;color:#3f8965!important}.pill.warning{background:#fff2dc;color:#a86720!important}.empty{text-align:center;padding:30px;color:#aaa0a0;display:flex;align-items:center;flex-direction:column;gap:4px}.empty strong{color:#6d6161}.empty p{font-size:13px;margin:0;max-width:350px}.search-bar{background:#fff;border:1px solid var(--line);border-radius:17px;padding:8px 10px 8px 15px;display:flex;align-items:center;gap:10px;margin-bottom:22px;box-shadow:var(--shadow)}.search-bar input{flex:1;border:0;outline:0;padding:9px;font-size:15px;min-width:0;background:transparent}.search-bar button{border:0;background:#f8e8dc;color:var(--primary);font-weight:900;border-radius:11px;padding:9px 14px}.search-bar.compact{max-width:680px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px}.book-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;min-height:155px;box-shadow:0 6px 24px #5a342409}.cover{width:96px;min-width:96px;background:#f5eadf;display:grid;place-items:center;font-size:35px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.book-info{padding:14px;min-width:0}.book-info h3{font-size:15px;line-height:1.2;margin:8px 0 3px}.book-info p,.book-info small{font-size:11px;color:var(--muted);margin:0;display:flex;align-items:center;gap:3px}.book-info b{color:var(--green)}.reader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.reader-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px;display:flex;gap:14px;align-items:center}.reader-card.clickable{cursor:pointer}.reader-card.clickable:hover{border-color:#d8b9a8;transform:translateY(-1px)}.reader-photo{width:68px;height:68px;border-radius:18px;background:#f6e5dc;color:var(--primary);font-size:25px;font-weight:900;display:grid;place-items:center;position:relative;overflow:hidden;flex:0 0 auto}.reader-photo img{width:100%;height:100%;object-fit:cover}.reader-photo button{position:absolute;bottom:2px;right:2px;border:0;background:#fff;width:26px;height:26px;border-radius:50%;color:var(--primary);display:grid;place-items:center;box-shadow:0 2px 8px #0002}.reader-card h3{margin:0;font-size:17px}.reader-card p{margin:0}.muted{color:var(--muted);font-size:12px}.code{font-size:10px;color:var(--primary);font-weight:900}.reader-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:5px}.reader-avatar{border-radius:50%;background:#f6e5dc;color:var(--primary);display:grid;place-items:center;overflow:hidden;flex:none;font-weight:900}.reader-avatar img{width:100%;height:100%;object-fit:cover}.reader-avatar.sm{width:38px;height:38px}.reader-avatar.md{width:50px;height:50px}.reader-avatar.lg{width:72px;height:72px}.loan-table{display:flex;flex-direction:column}.loan-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:13px 0;border-top:1px solid #f2eae4}.loan-person{display:flex;gap:10px!important;flex-direction:row!important;align-items:center}.loan-person>div{display:flex;flex-direction:column}.loan-row span{font-size:12px;color:var(--muted)}.return-btn{border:0;background:#e9f6ef;color:#397d5c;border-radius:11px;padding:8px 11px;font-weight:900;display:flex;gap:5px;align-items:center}.row-actions,.stack-actions{display:flex;gap:6px}.danger-soft{color:#b65945!important;background:#fff0ed!important}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.shelf-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;gap:15px;align-items:center}.shelf-card.selected{border-color:#d39a7f;box-shadow:0 0 0 3px #f5e4da}.qr{padding:8px;border:1px solid #eee1d8;border-radius:12px;background:#fff}.shelf-code{font-size:20px;font-weight:1000;color:var(--primary)}.shelf-card h3{margin:1px 0}.shelf-card p,.shelf-card small{margin:0;color:var(--muted);font-size:12px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:var(--primary)}.shelf-contents{display:flex;flex-direction:column;max-height:45vh;overflow:auto;border-top:1px solid var(--line)}.shelf-contents>div:not(.empty){display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #f3ece7}.shelf-contents>div>div{display:flex;flex-direction:column}.item-icon{width:38px;height:38px;background:#f8ece4;border-radius:10px;display:grid;place-items:center;flex:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2323b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:14px;overflow:auto}.modal{background:#fff;border-radius:23px;padding:26px;width:min(620px,100%);position:relative;box-shadow:0 30px 100px #0004;display:flex;flex-direction:column;gap:13px;max-height:calc(100vh - 28px);overflow:auto}.modal-wide{width:min(800px,100%)}.modal h2{margin:0}.modal>p{margin:0;color:var(--muted);font-size:13px}.close{position:absolute;right:16px;top:16px;border:0;background:#f5efeb;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.modal label,.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#6e6060}.modal input,.modal select,.modal textarea,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #e4d8d0;border-radius:12px;padding:11px 12px;outline:none;color:var(--ink);background:#fff}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#d69b7e;box-shadow:0 0 0 3px #faebe3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.full{grid-column:1/-1}.input-icon{display:flex;align-items:center;border:1px solid #e4d8d0;border-radius:12px;padding-left:11px;background:#fff}.input-icon input{border:0!important;box-shadow:none!important;flex:1;min-width:0}.isbn-row,.scan-choice,.manual-scan{display:flex;gap:8px}.api-cover{display:flex;gap:12px;align-items:center;padding:10px;background:#fff8ef;border:1px solid #f1ddc7;border-radius:14px;margin-bottom:10px}.api-cover img{width:54px;height:74px;object-fit:cover;border-radius:6px}.api-cover div{display:flex;flex-direction:column}.api-cover span{font-size:12px;color:var(--muted)}.image-picker{border:1px dashed #d9c6b8;background:#fffbf5;border-radius:16px;padding:12px;display:flex;gap:12px;align-items:center}.image-preview{width:100px;height:100px;border-radius:13px;background:#f4e8df;display:grid;place-items:center;color:#a77d69;overflow:hidden;position:relative;flex:none}.image-preview img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2f2222b8;color:#fff;display:grid;place-items:center;font-size:10px}.image-actions{display:flex;flex-direction:column;gap:5px;min-width:0}.image-actions>span{font-size:11px;color:var(--muted)}.image-actions>div{display:flex;gap:5px;flex-wrap:wrap}.field-error{color:#b0503f}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.day-options{display:flex;gap:7px;flex-wrap:wrap}.day-options button{border:1px solid #e4d8d0;background:#fff;border-radius:10px;padding:8px 10px}.day-options button.selected{background:#f8e8dc;color:var(--primary);border-color:#dba88f}.picker-block{display:flex;flex-direction:column;gap:7px}.picker-block>span{font-size:12px;font-weight:900;color:#6e6060}.option-list{display:flex;flex-direction:column;max-height:190px;overflow:auto;border:1px solid #eee3dc;border-radius:12px}.option-list button{border:0;background:#fff;padding:9px 10px;display:flex;gap:9px;align-items:center;text-align:left;border-bottom:1px solid #f3ece7}.option-list button:last-child{border-bottom:0}.option-list button:hover{background:#fff8f1}.option-list span,.selected-entity div{display:flex;flex-direction:column}.option-list small,.selected-entity small{color:var(--muted)}.selected-entity{display:flex;gap:10px;align-items:center;background:#fff7ef;border:1px solid #eed8c7;border-radius:14px;padding:10px}.selected-entity>button{margin-left:auto}.due-preview{background:#f8f4ef;padding:10px 12px;border-radius:12px;color:#6c5e5b;display:flex;gap:6px;align-items:center;font-size:13px}.scanner-modal{width:min(720px,100%)}.scanner-stage{background:#191515;border-radius:18px;padding:10px;overflow:hidden}.scanner-stage #qr-shaded-region{border-color:#fff4!important}.scanner-status{color:#fff;background:#0008;padding:8px 10px;border-radius:10px;display:flex;gap:6px;align-items:center;font-size:11px}.import-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-summary>div{background:#faf5ef;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.import-summary svg{grid-row:1/3;color:var(--primary)}.import-summary strong{font-size:24px}.import-summary span{font-size:11px;color:var(--muted)}.import-preview-list{max-height:220px;overflow:auto}.import-preview-list>div{display:flex;flex-direction:column;padding:7px;border-top:1px solid #f1e9e3}.import-preview-list span{font-size:11px;color:var(--muted)}.timeline-list{display:flex;flex-direction:column}.timeline-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #f1e9e3}.timeline-icon{width:38px;height:38px;border-radius:12px;background:#fff0ed;color:#b65743;display:grid;place-items:center;flex:none}.timeline-row .grow{display:flex;flex-direction:column}.timeline-row span,.timeline-row p{font-size:12px;color:var(--muted);margin:2px 0}.rank-list{display:flex;flex-direction:column}.rank-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #f2eae4}.rank-list b{width:25px;height:25px;background:#f8e8dc;color:var(--primary);border-radius:50%;display:grid;place-items:center}.rank-list strong{font-size:12px;color:var(--primary)}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip-list span{background:#f7efe8;border:1px solid #ead9cc;border-radius:999px;padding:7px 10px;font-size:12px}.bar-list{display:flex;flex-direction:column;gap:10px}.bar-list>div{display:grid;grid-template-columns:95px 1fr 35px;gap:8px;align-items:center;font-size:12px}.bar-list>div>div{height:9px;background:#f3eae3;border-radius:99px;overflow:hidden}.bar-list i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--orange));border-radius:99px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting{display:flex;gap:15px}.setting>svg{color:var(--primary);flex:none}.setting h3{margin:0 0 4px}.setting p{margin:0;color:var(--muted);font-size:13px}.settings-logo{max-width:220px;max-height:90px;object-fit:contain}.palette-row{display:flex;gap:6px;margin-top:9px}.palette-row i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd}.palette-row i:nth-child(1){background:#a94432}.palette-row i:nth-child(2){background:#d8782d}.palette-row i:nth-child(3){background:#f7efdb}.palette-row i:nth-child(4){background:#251f20}.label-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.label-toolbar .search-bar{margin:0;flex:1;min-width:240px}.segmented{background:#efe6df;padding:4px;border-radius:12px;display:flex}.segmented button{border:0;background:transparent;padding:8px 10px;border-radius:9px;font-weight:900;color:#786865}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0001}.label-selection-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.label-selection-list>button{background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px;display:flex;gap:8px;align-items:center;text-align:left}.label-selection-list>button.selected{border-color:#d59c80;background:#fff6ef;color:var(--primary)}.label-selection-list>button div{display:flex;flex-direction:column}.label-selection-list span{font-size:11px;color:var(--muted)}.print-sheet,.mobile-header,.bottom-nav{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{background:linear-gradient(135deg,#fff6e8,#f2d1b4);color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:7vw;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";position:absolute;border-radius:50%;background:#a944320d}.login-art:before{width:440px;height:440px;top:-190px;right:-110px}.login-art:after{width:320px;height:320px;bottom:-180px;left:-90px}.login-logo-full{width:min(430px,80%);height:auto;object-fit:contain;position:relative;z-index:1}.login-art h1{font-size:clamp(42px,6vw,72px);line-height:.95;margin:24px 0 12px}.login-art h1 span{color:var(--primary)}.login-art p{max-width:560px;font-size:18px;color:#6d554d}.bubbles{display:flex;gap:12px;font-size:26px;margin-top:18px}.bubbles span{background:#fff8;border:1px solid #fff;padding:9px;border-radius:16px}.login-card{align-self:center;width:min(430px,86%);margin:auto}.login-card h2{font-size:30px;margin:8px 0}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-card label{display:flex;flex-direction:column;gap:5px;font-weight:800;font-size:12px}.notice{background:#f7efe8;padding:10px;border-radius:10px;color:#765e55;font-size:12px}.notice.error{background:#fff0ed;color:#ae4f3d}.notice.success{background:#e9f6ef;color:#347c59}.command{display:block;background:#2b2222;color:#fff;padding:14px;border-radius:12px;margin:14px 0;font-size:14px;overflow:auto}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;font-weight:900;color:var(--primary)}.splash img{width:240px;max-width:60vw}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.metrics-four{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.sidebar{width:220px}.main-content{margin-left:220px}.report-grid{grid-template-columns:1fr}.full-panel{grid-column:auto}}@media(max-width:760px){.sidebar{display:none}.main-content{margin-left:0}.mobile-header{height:62px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:7px 14px;position:sticky;top:0;z-index:20}.brand.mini{padding:0}.brand.mini img{width:74px;height:42px}.brand.mini strong{font-size:13px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fffdf9;border-top:1px solid var(--line);z-index:50;padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom))}.bottom-link{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8d7d78;text-decoration:none;font-size:9px;font-weight:900;padding:5px 2px}.bottom-link.active{color:var(--primary)}.page{padding:20px 14px 90px}.page-title{align-items:flex-end}.page-title h1{font-size:27px}.page-title p{font-size:12px}.page-title>.primary-btn{padding:10px 12px;font-size:0}.page-title>.primary-btn svg{margin:0}.actions .secondary-btn,.actions .primary-btn{font-size:0;padding:10px}.actions button svg{margin:0}.stats-grid,.metrics-four{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;gap:9px}.stat-card strong{font-size:23px}.stat-icon{width:39px;height:39px}.quick-actions{grid-template-columns:1fr 1fr;gap:9px}.quick-card{padding:12px}.quick-card>svg:last-child{display:none}.quick-card span{display:none}.catalog-grid{grid-template-columns:1fr 1fr;gap:10px}.book-card{display:block}.cover{width:100%;height:150px}.book-info{padding:10px}.reader-grid{grid-template-columns:1fr}.loan-row{grid-template-columns:1fr auto}.loan-row>div:nth-child(2){display:none}.return-btn{font-size:0;padding:9px}.shelf-grid{grid-template-columns:1fr}.modal{padding:22px 17px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.isbn-row,.scan-choice,.manual-scan{flex-direction:column}.image-picker{align-items:flex-start}.image-preview{width:84px;height:84px}.settings-grid{grid-template-columns:1fr}.desktop-only{display:none!important}.login-page{grid-template-columns:1fr}.login-art{min-height:34vh;padding:30px 24px}.login-logo-full{width:260px;max-width:82%}.login-art h1{font-size:39px;margin:13px 0 6px}.login-art p{font-size:14px}.bubbles{margin-top:7px}.login-card{padding:30px 0 55px}.login-card h2{font-size:25px}.label-selection-list,.import-summary{grid-template-columns:1fr}}@media print{body{background:#fff}.sidebar,.mobile-header,.bottom-nav,.page-title,.label-toolbar,.label-selection-list{display:none!important}.main-content{margin:0!important}.page.labels-page{padding:0!important;max-width:none!important}.print-sheet{display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:2mm;padding:8mm}.print-label{break-inside:avoid;border:.2mm solid #aaa;display:flex;align-items:center;gap:1.5mm;overflow:hidden;background:#fff;color:#111}.copy-label{width:30mm;height:20mm;padding:1mm}.shelf-label{width:88mm;height:35mm;padding:3mm;gap:3mm}.label-logo{width:7mm;height:7mm;object-fit:contain;align-self:flex-start}.shelf-logo{width:23mm;height:14mm}.label-qr{display:grid;place-items:center;flex:none}.copy-label .label-qr svg{width:13mm;height:13mm}.shelf-label .label-qr svg{width:20mm;height:20mm}.label-text{min-width:0;display:flex;flex-direction:column;line-height:1.05}.copy-label .label-text b{font-size:7pt}.copy-label .label-text span{font-size:5.5pt;max-height:12pt;overflow:hidden}.copy-label .label-text small{font-size:4.5pt}.shelf-label .label-text b{font-size:19pt;color:#a94432}.shelf-label .label-text span{font-size:9pt;font-weight:700}.shelf-label .label-text small{font-size:7pt}.print-sheet.copy{gap:1mm}}.secure-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:34px;color:var(--muted);background:linear-gradient(135deg,#fff8ed,#f5e6d7)}.secure-image-pulse{font-weight:800;letter-spacing:2px;animation:securePulse 1.2s ease-in-out infinite}@keyframes securePulse{0%,to{opacity:.35}50%{opacity:1}}.integration-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.integration-result{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;font-size:.9rem}.integration-result.ok{background:#eef9f1;color:#25643a}.integration-result.error{background:#fff0ed;color:#9f3428}:root{--primary:#9f3d2e;--primary-strong:#7f2e23;--accent:#d97832;--accent-soft:#f5dfcd;--cream:#fbf8f3;--surface:#ffffff;--surface-2:#f7f3ee;--ink:#211d1b;--muted:#746c67;--line:#e6ded7;--success:#2f7754;--warning:#a56a22;--danger:#a3322a;--shadow-sm:0 5px 18px rgba(50,35,29,.06);--shadow-md:0 18px 50px rgba(50,35,29,.1);--radius-sm:12px;--radius-md:18px;--radius-lg:26px}html{background:var(--cream)}body{background:radial-gradient(circle at 100% 0,rgba(217,120,50,.07),transparent 28rem),var(--cream);color:var(--ink);font-family:Inter,Aptos,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.page{max-width:1500px;padding:34px 38px 110px}.page-title{margin-bottom:24px;gap:20px}.page-title h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.04;font-weight:800;margin:.24rem 0 .55rem}.page-title p{font-size:14px;max-width:760px;line-height:1.65;color:var(--muted)}.eyebrow{color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.panel,.book-card,.reader-card,.shelf-card,.stat-card,.quick-card,.team-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fffffff0}.panel{border-radius:var(--radius-md)}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{min-height:44px;border-radius:12px;padding:0 16px;font-weight:750;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary-btn{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 8px 20px #9f3d2e2e}.primary-btn:hover{background:var(--primary-strong);transform:translateY(-1px)}.secondary-btn{background:#fff;color:var(--ink);border:1px solid #dcd3cc}.secondary-btn:hover{border-color:#c5b8ae;background:#faf7f4}.ghost-btn{background:transparent;color:var(--muted);border:1px solid transparent}.ghost-btn:hover{background:#f3eee9;color:var(--ink)}.danger-btn{background:#fff;color:var(--danger);border:1px solid #edcbc7}.danger-btn:hover{background:#fff3f1;border-color:#dfa9a2}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.small{min-height:36px;padding:0 11px;font-size:12px}label{font-weight:700;color:#4c4541}label>span{font-size:12px}input,select,textarea{width:100%;border:1px solid #ddd4cd;border-radius:12px;background:#fff;color:var(--ink);min-height:48px;padding:11px 13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#c8836f;box-shadow:0 0 0 4px #9f3d2e17}.search-bar{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);border-radius:16px;min-height:54px}.search-bar input{border:0!important;box-shadow:none!important;background:transparent;min-height:50px}.search-bar button{border-radius:11px;background:#f5e6db;color:var(--primary);font-weight:800}.management-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 20px;flex-wrap:wrap}.management-toolbar>.search-bar{flex:1;min-width:280px;margin:0}.segmented{background:#ece7e2;border:1px solid #e1d9d2;padding:4px;border-radius:13px;display:flex;gap:2px}.segmented button{border:0;background:transparent;color:#706762;min-height:36px;border-radius:9px;padding:0 13px;font-weight:750;cursor:pointer}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #28191414}.pill{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.02em;background:#f1ece8;color:#645b56}.pill.success{background:#e9f5ee;color:var(--success)}.pill.warning{background:#fff1dc;color:#925d19}.pill.subtle{background:#f3f0ed;color:#807772}.archived-card{opacity:.78;background:#f5f2ef}.card-title-line,.team-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.book-card{border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d8cbc1}.cover{background:#eee7e1}.item-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#9b857a;background:linear-gradient(145deg,#f4ede7,#e9dfd6)}.book-info h3,.reader-card h3,.team-card h3{letter-spacing:-.02em}.reader-card{border-radius:18px;transition:box-shadow .16s ease,border-color .16s ease}.reader-card:hover{border-color:#d5c7bd;box-shadow:var(--shadow-md)}.photo-missing{position:absolute;right:5px;bottom:5px;background:#fff;color:var(--primary);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px #0002}.empty{border:1px dashed #d9cec5;background:#ffffff8c;border-radius:18px;padding:36px 20px}.empty-icon{width:48px;height:48px;border-radius:14px;background:#efe7e1;color:var(--primary);display:grid;place-items:center;margin-bottom:10px}.sidebar{background:#211e1c;border-right:0;box-shadow:8px 0 30px #19120f14}.sidebar .brand{border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand strong{color:#fff}.sidebar .brand span{color:#a99d97}.nav-link{color:#bfb4ae;border-radius:11px;margin:2px 10px;padding:11px 12px}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.active{background:#fff;color:#2b2522;box-shadow:none}.nav-link.active svg{color:var(--primary)}.sidebar-user{margin:12px 12px 4px;padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.sidebar-user-avatar,.mobile-user{width:36px;height:36px;border-radius:11px;background:#f2d6c4;color:#7d2c22;display:grid;place-items:center;font-weight:850;flex:none}.sidebar-user div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sidebar-user strong{font-size:12px;color:#f6f1ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{font-size:10px;color:#9f938d}.sidebar .logout{margin:3px 10px 14px;width:calc(100% - 20px)}.mobile-header{background:#ffffffeb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-backdrop{background:#1f19167a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{border-radius:24px;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 90px #2318133d}.modal-medium{width:min(600px,94vw)}.modal-large{width:min(920px,94vw)}.close{background:#f1ede9;color:#2b2522}.record-code{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:-4px 0 10px}.record-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:flex;gap:8px;flex-wrap:wrap}.archive-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff3df;color:#775126;font-size:12px}.record-detail-head{display:flex;gap:18px;align-items:center}.record-cover{width:104px;height:142px;border-radius:14px;overflow:hidden;background:#eee7e1;flex:none}.record-cover img{width:100%;height:100%;object-fit:cover}.record-detail-head h2{font-size:30px;margin:3px 0 5px;letter-spacing:-.035em}.record-detail-head p{margin:0;color:var(--muted)}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.detail-tags span{background:#f2eeeb;border-radius:999px;padding:5px 8px;font-size:10px;color:#685f5a}.danger-text{color:var(--danger)!important;background:#fff0ed!important}.record-description{color:#5f5752;line-height:1.65;background:#faf8f6;border-radius:13px;padding:13px 14px}.top-actions{margin:14px 0 5px}.copies-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.section-title-row h3{margin:0;font-size:17px}.section-title-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.copy-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.copy-row{display:grid;grid-template-columns:1fr minmax(160px,210px);gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fff}.copy-code{display:flex;gap:9px;align-items:center}.copy-code>svg{color:var(--primary)}.copy-code>div{display:flex;flex-direction:column}.copy-code strong{font-size:12px}.copy-code span{font-size:10px;color:var(--muted)}.copy-row select{min-height:38px;padding:7px 9px;font-size:12px}.add-copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.add-copy-row select{min-height:44px}.security-note{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--success);font-weight:750}.team-list{display:flex;flex-direction:column;gap:9px}.team-card{border-radius:17px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.team-card.inactive{opacity:.65}.team-avatar{width:48px;height:48px;border-radius:14px;background:#f0ded2;color:var(--primary);display:grid;place-items:center;font-size:17px;font-weight:850}.team-info h3{margin:0;font-size:15px}.team-info p{margin:3px 0;color:var(--muted);font-size:12px}.team-meta{display:flex;gap:6px;color:#857a74;font-size:10px}.team-meta strong{color:var(--primary)}.team-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.switch-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;background:#f7f3ef;padding:11px 12px;border-radius:12px}.switch-row input{width:18px;min-height:18px;margin:0}.modern-login{background:#f5f1ec;min-height:100vh}.login-visual{background:linear-gradient(150deg,#6a2a1ff5,#261f1cfa),#332824;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-270px;top:-160px;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff03}.login-visual-inner{min-height:100vh;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.login-logo-full{width:min(390px,72%);filter:drop-shadow(0 7px 24px rgba(0,0,0,.08));background:#fffffff5;border-radius:18px;padding:12px 16px}.login-visual-copy{margin-top:42px;max-width:650px;color:#fff}.login-kicker{display:block;color:#efb181;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.18em;margin-bottom:12px}.login-visual-copy h1{font-size:clamp(40px,5.4vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 18px;font-weight:790}.login-visual-copy p{color:#d8ccc5;max-width:580px;line-height:1.7;font-size:16px}.login-visual-mark{position:absolute;right:8vw;bottom:7vw;width:108px;height:108px;border-radius:28px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#e6a476;background:#ffffff0a}.login-panel{display:grid;place-items:center;padding:38px;background:#fbf9f6}.login-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 70px #37251c1a}.login-card h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:10px 0 8px}.login-subtitle{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.55}.login-card form{display:flex;flex-direction:column;gap:17px;margin-top:0}.login-field{display:flex;flex-direction:column;gap:7px}.login-field>span{font-size:12px;color:#4b4541}.login-input{min-height:58px;border:1px solid #d9d0c9;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus-within{border-color:#bd7664;box-shadow:0 0 0 4px #9f3d2e17}.login-input>svg{color:#8d817b;flex:none}.login-input input{border:0!important;box-shadow:none!important;min-height:56px;padding:0!important;background:transparent!important;font-size:16px}.password-toggle{width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#766b65;display:grid;place-items:center;cursor:pointer;flex:none}.password-toggle:hover{background:#f4efeb;color:var(--ink)}.compact-password{min-height:50px}.compact-password input{min-height:48px}.login-submit{min-height:56px;margin-top:2px;font-size:15px}.login-help{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#80756f;font-size:11px}.login-mobile-brand{display:none}.access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--cream)}.access-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;text-align:center;box-shadow:var(--shadow-md)}.access-card>img{width:210px;max-width:65%;margin-bottom:22px}.access-icon{width:50px;height:50px;border-radius:15px;background:#fff0ed;color:var(--danger);display:grid;place-items:center;margin:0 auto 12px}.access-card h1{font-size:26px;margin:0 0 8px}.access-card p{color:var(--muted);line-height:1.6}.birthday-icon{color:#c56b35}.notice.info{background:#f6efe8;color:#6f5548}.api-cover{border:1px solid var(--line);background:#faf7f3}.image-picker{border-color:#ddd2c8;background:#fffdfb}.record-detail .empty{padding:18px}.field-error{line-height:1.45}.danger-text{font-weight:750}@media(max-width:1100px){.team-card{grid-template-columns:auto 1fr}.team-actions{grid-column:2}}@media(max-width:760px){body{background:#f7f4f0}.page{padding:22px 14px 92px}.page-title{align-items:flex-start}.page-title h1{font-size:29px}.page-title>.primary-btn{font-size:12px!important;padding:0 12px!important}.page-title>.primary-btn svg{margin:0}.management-toolbar{align-items:stretch}.management-toolbar>.search-bar{min-width:100%;order:1}.management-toolbar>.segmented{order:2;width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.segmented button{padding:0 7px;font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{height:165px}.book-info h3{font-size:14px}.book-info p{font-size:11px}.record-detail-head{align-items:flex-start}.record-cover{width:82px;height:112px}.record-detail-head h2{font-size:23px}.top-actions{display:grid;grid-template-columns:1fr}.copy-row,.add-copy-row{grid-template-columns:1fr}.team-card{grid-template-columns:auto 1fr;padding:12px}.team-actions{grid-column:1/-1;justify-content:stretch}.team-actions button{flex:1}.login-page{display:block;min-height:100vh}.login-visual{display:none}.login-panel{min-height:100vh;padding:18px 14px;align-items:center}.login-card{padding:25px 18px 24px;border-radius:22px;box-shadow:0 15px 45px #37251c14}.login-mobile-brand{display:block;margin-bottom:24px}.login-mobile-brand img{width:210px;max-width:70%;height:auto}.login-card h2{font-size:30px}.login-input{min-height:60px}.login-input input{min-height:58px;font-size:16px}.login-submit{min-height:58px}.security-note{width:100%;justify-content:center;padding:8px;background:#eef6f1;border-radius:10px}.record-actions{display:grid;grid-template-columns:1fr}.modal-large{width:96vw}}.secure-image-placeholder{position:relative;overflow:hidden;background:#eee7e1;color:#aa9e97}.secure-image-placeholder.is-loading{background:linear-gradient(110deg,#eee7e1 8%,#f8f3ee 18%,#eee7e1 33%);background-size:200% 100%;animation:mediaShimmer 1.15s linear infinite}.secure-image-placeholder.is-loading svg{opacity:.24}.secure-image-placeholder.is-failed{background:#f3ece7;color:#b5aaa3}@keyframes mediaShimmer{to{background-position-x:-200%}}.enhanced-scanner{position:relative;overflow:hidden}.enhanced-scanner #reader,.enhanced-scanner>div:first-child{min-height:250px}.enhanced-scanner video{object-fit:cover!important}.scanner-guide{pointer-events:none;position:absolute;top:18%;right:4%;bottom:29%;left:4%;z-index:4}.scanner-guide span{position:absolute;width:28px;height:28px;border-color:#fffffff0;border-style:solid}.scanner-guide span:nth-child(1){top:0;left:0;border-width:3px 0 0 3px;border-radius:8px 0 0}.scanner-guide span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.scanner-guide span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.scanner-guide span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 8px}.scanner-capability{display:inline-flex;align-items:center;gap:4px;margin-left:8px;opacity:.8}.scanner-zoom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid var(--line,#e5ddd6);border-radius:16px;background:#faf7f3}.scanner-zoom>span{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.88rem}.scanner-zoom input{width:100%;accent-color:var(--brand,#aa3829)}.scanner-zoom output{min-width:38px;text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.scanner-tip{font-size:.86rem;line-height:1.45;color:var(--muted,#746d68);padding:0 2px 12px}.camera-capture-modal{width:min(620px,calc(100vw - 22px))}.camera-live-stage{position:relative;background:#111;border-radius:20px;overflow:hidden;aspect-ratio:3/4;max-height:68vh}.camera-live-stage video{width:100%;height:100%;object-fit:cover;display:block}.camera-frame-guide{pointer-events:none;position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:2px solid rgba(255,255,255,.7);border-radius:14px;box-shadow:0 0 0 999px #0000000f}.camera-live-status{display:flex;align-items:center;gap:8px;padding:10px 4px;color:var(--muted,#746d68);font-size:.9rem}.camera-capture-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.camera-shutter{min-width:150px}.crop-modal{width:min(760px,calc(100vw - 22px))}.crop-stage{display:flex;justify-content:center;align-items:center;min-height:300px;max-height:62vh;background:#161514;border-radius:18px;overflow:auto;padding:8px}.crop-stage .ReactCrop,.crop-stage .ReactCrop__child-wrapper{max-height:58vh}.crop-stage img{display:block;max-width:100%;max-height:58vh;object-fit:contain}.crop-help{display:flex;gap:8px;align-items:flex-start;padding:12px 2px;color:var(--muted,#746d68);font-size:.9rem;line-height:1.45}.crop-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.image-crop-note{display:flex!important;align-items:center;gap:6px;margin-top:8px;color:var(--muted,#746d68)}@media(max-width:700px){.scanner-modal,.camera-capture-modal,.crop-modal{max-height:94vh;overflow:auto}.scanner-zoom{grid-template-columns:1fr auto}.scanner-zoom>span{grid-column:1/-1}.camera-live-stage{max-height:58vh}.camera-capture-actions,.crop-actions{display:grid;grid-template-columns:1fr}.camera-capture-actions button,.crop-actions button{width:100%}.crop-stage{min-height:250px;max-height:55vh}.crop-stage .ReactCrop,.crop-stage .ReactCrop__child-wrapper,.crop-stage img{max-height:51vh}}