:root{--ease-out:cubic-bezier(.22,1,.36,1);--motion-fast:180ms;--motion-base:360ms}#app>section{animation:pageIn var(--motion-base) var(--ease-out) both}.product-card,.category-showcase a,.catalog-book,.account-stats article,.admin-kpis article{transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-fast)}.product-card:hover,.catalog-book:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,53,43,.12)}button:active,.btn:active{transform:scale(.97)}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.catalog-title{background:linear-gradient(125deg,#173f34,#2b6654);color:#fff;padding:26px;border-radius:16px;align-items:center}.catalog-title h2{color:#fff}.catalog-title p{margin:2px 0 0;color:#bdd0c8;font-size:10px}.catalog-title .btn{background:#d2a950;color:#173f34}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;margin:22px 0}.catalog-toolbar>input{width:min(430px,100%);border:1px solid var(--line);border-radius:9px;padding:12px 15px;background:#fff}.catalog-toolbar>div{display:flex;background:#ecefe9;border-radius:8px;padding:4px}.catalog-toolbar button{border:0;background:transparent;padding:8px 17px;border-radius:6px;color:var(--muted)}.catalog-toolbar button.active{background:#fff;color:var(--green);box-shadow:0 4px 13px rgba(20,50,40,.09)}.catalog-books{display:grid;gap:11px}.catalog-book{display:grid;grid-template-columns:70px minmax(210px,1fr) minmax(260px,.8fr) 75px;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.catalog-cover{height:88px;background:#f5f1e8;border-radius:7px;display:grid;place-items:center;overflow:hidden}.catalog-cover img,.catalog-cover .fake-cover{width:100%;height:100%;object-fit:contain;padding:5px}.catalog-cover .fake-cover{font-size:6px}.catalog-cover .fake-cover span,.catalog-cover .fake-cover i{display:none}.catalog-main>span{font-size:8px;color:#a87920}.catalog-main h3{margin:2px 0;color:var(--green);font-size:14px}.catalog-main p,.catalog-main small{display:block;margin:0;color:var(--muted);font-size:8px}.catalog-metrics{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.catalog-metrics span small,.catalog-metrics span b{display:block;font-size:8px}.catalog-metrics span b{font-size:10px;color:var(--green)}.catalog-metrics i{font-style:normal;border-radius:99px;padding:4px 9px;font-size:8px}.catalog-metrics i.active{background:#e5f2ea;color:#21704c}.catalog-metrics i.inactive{background:#f3e7e5;color:#963f36}.catalog-edit{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:7px;padding:8px}.catalog-modal{position:fixed;z-index:100;inset:0;background:rgba(8,30,24,.66);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity var(--motion-fast)}.catalog-modal.show{opacity:1;visibility:visible}.catalog-dialog{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fbfaf7;border-radius:17px;box-shadow:0 35px 90px rgba(0,0,0,.3);transform:translateY(25px) scale(.98);transition:transform var(--motion-base) var(--ease-out)}.catalog-modal.show .catalog-dialog{transform:none}.catalog-dialog>header{position:sticky;top:0;z-index:2;background:#173f34;color:#fff;padding:20px 25px;display:flex;justify-content:space-between}.catalog-dialog header span{color:#d2a950;font-size:8px}.catalog-dialog header h2{margin:2px 0}.catalog-dialog header button{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:50%}.catalog-dialog form>section{padding:20px 25px;border-bottom:1px solid var(--line);background:#fff}.catalog-dialog section h3{font-size:11px;color:var(--green);margin:0 0 14px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.catalog-grid label{font-size:8px;color:var(--muted)}.catalog-grid .wide{grid-column:1/-1}.catalog-grid input,.catalog-grid select,.catalog-grid textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;background:#fff;margin-top:5px}.catalog-switch{display:flex;align-items:center;gap:7px}.catalog-switch input{width:auto}.catalog-dialog form>footer{position:sticky;bottom:0;background:#fbfaf7;padding:15px 25px;display:flex;justify-content:flex-end;gap:10px}.catalog-dialog form>footer>button:first-child{border:0;background:transparent}.reference-panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.reference-tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto}.reference-tabs button{border:0;background:transparent;padding:14px 20px;white-space:nowrap;color:var(--muted)}.reference-tabs button.active{color:var(--green);box-shadow:inset 0 -2px var(--gold)}.reference-group{display:none;padding:22px}.reference-group.active{display:block;animation:pageIn .25s var(--ease-out)}.reference-group form{display:flex;max-width:650px;margin-bottom:20px}.reference-group input{flex:1;min-width:0;padding:10px;border:1px solid var(--line)}.reference-group form button{border:0;background:var(--green);color:#fff;padding:0 18px}.reference-group>div{display:flex;flex-wrap:wrap;gap:8px}.reference-group>div span{background:#f4f2eb;border-radius:7px;padding:8px 11px;font-size:9px}.reference-group>div small{color:var(--muted);margin-right:8px}@media(max-width:850px){.catalog-book{grid-template-columns:60px 1fr 70px}.catalog-metrics{grid-column:2/-1}.catalog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.catalog-title{align-items:flex-start;flex-direction:column}.catalog-title .btn{width:100%;margin-top:15px}.catalog-toolbar{flex-direction:column}.catalog-toolbar>div{width:100%}.catalog-toolbar button{flex:1}.catalog-book{grid-template-columns:55px 1fr 60px;padding:10px}.catalog-metrics{grid-template-columns:1fr 1fr}.catalog-metrics i{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-grid .wide{grid-column:auto}.catalog-dialog{max-height:100vh;height:100%;border-radius:0}.catalog-modal{padding:0}.reference-group form{flex-direction:column}.reference-group input,.reference-group form button{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}