@import url(https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f2;font-family:Space Grotesk,system-ui,sans-serif;margin:0}h1,h2,h3{font-family:Fraunces,Times New Roman,serif;letter-spacing:.01em}button,input{font-family:inherit}:root{--ink:#0c1a2b;--paper:#fff;--cream:#f3efe9;--sun:#ffd166;--mint:#a7f3d0;--coral:#ff7a7a;--sea:#4e9fd6;--shadow:#0c1a2b24;--accent:#0f4c81;--accent-strong:#0b355b;--danger:#b42318;--line:#0f4c8129}.app{background:radial-gradient(circle at 10% 10%,#ffd16659,#0000 40%),radial-gradient(circle at 90% 15%,#4e9fd640,#0000 45%),radial-gradient(circle at 70% 80%,#a7f3d059,#0000 50%),linear-gradient(135deg,#fdfbf6,#f3efe9);background:radial-gradient(circle at 10% 10%,#ffd16659,#0000 40%),radial-gradient(circle at 90% 15%,#4e9fd640,#0000 45%),radial-gradient(circle at 70% 80%,#a7f3d059,#0000 50%),linear-gradient(135deg,#fdfbf6,var(--cream));color:#0c1a2b;color:var(--ink);min-height:100vh;overflow:hidden;padding:48px 24px 80px;position:relative}.app:after,.app:before{animation:drift 14s ease-in-out infinite alternate;border-radius:50%;content:"";opacity:.5;position:absolute;z-index:0}.app:before{background:radial-gradient(circle,#ff7a7a8c,#0000 65%);height:280px;left:-40px;top:-80px;width:280px}.app:after{background:radial-gradient(circle,#0f4c8133,#0000 60%);bottom:-120px;height:320px;right:-80px;width:320px}.app-shell{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px;position:relative;z-index:1}.top-nav{background:#fff;background:var(--paper);border:1px solid #0f4c811f;border-radius:999px;box-shadow:0 14px 30px #0c1a2b24;box-shadow:0 14px 30px var(--shadow);gap:16px;justify-content:space-between;padding:12px 18px}.brand,.top-nav{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:linear-gradient(135deg,#0f4c81,#38bdf8);background:linear-gradient(135deg,var(--accent),#38bdf8);border-radius:16px;color:#fff;display:grid;font-weight:700;height:44px;letter-spacing:.08em;place-items:center;width:44px}.brand-title{font-weight:700;margin:0}.brand-subtitle{color:#5a6f7e;font-size:.75rem;margin:2px 0 0}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-link{background:#0000;border:none;border-radius:999px;color:#334155;font-weight:600;padding:8px 14px}.nav-link.active{background:#0f4c811f;color:#0b355b;color:var(--accent-strong)}.nav-actions{align-items:center;display:flex;gap:10px}.page{grid-gap:24px;display:grid;gap:24px}.page-hero{align-items:center;background:#fff;background:var(--paper);border:1px solid #0f4c811f;border-radius:28px;box-shadow:0 24px 48px #0c1a2b24;box-shadow:0 24px 48px var(--shadow);gap:20px;justify-content:space-between;padding:30px}.hero-actions,.page-hero{display:flex;flex-wrap:wrap}.hero-actions{gap:12px}.hero{align-items:center;animation:float-in .6s ease both;background:#fff;background:var(--paper);border:1px solid #0f4c811f;border-radius:30px;box-shadow:0 28px 60px #0c1a2b24;box-shadow:0 28px 60px var(--shadow);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;overflow:hidden;padding:32px;position:relative}.hero:after{background:radial-gradient(circle,#4e9fd647,#0000 60%);content:"";height:260px;inset:auto -15% -40% auto;opacity:.7;position:absolute;width:260px}.eyebrow{align-items:center;color:#0f4c81;color:var(--accent);display:inline-flex;font-size:.75rem;gap:10px;letter-spacing:.24rem;margin:0 0 12px;text-transform:uppercase}.eyebrow:before{background:linear-gradient(90deg,#0f4c81,#0f4c811a);background:linear-gradient(90deg,var(--accent),#0f4c811a);content:"";height:2px;width:32px}.hero h1{font-size:clamp(2rem,3vw,3rem);margin:0 0 12px;max-width:560px}.subtitle{color:#34485d;font-size:1.05rem;margin:0;max-width:520px}.stats{grid-gap:16px;display:grid;gap:16px;min-width:200px}.stat-label{color:#5a6f7e;display:block;font-size:.85rem}.stat-value{color:#0b355b;color:var(--accent-strong);font-size:2rem;font-weight:700}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.overview-card{grid-gap:12px;display:grid;gap:12px}.overview-card h3{margin:0}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{grid-gap:6px;background:#0f4c8114;border-radius:16px;display:grid;gap:6px;padding:14px}.quick-actions{grid-gap:10px;display:grid;gap:10px}.highlight{background:linear-gradient(145deg,#fffffffa,#fff8e3e6);border:1px solid #ffd166cc}.stock-count{align-items:baseline;display:flex;gap:10px}.stock-number{color:#0b355b;color:var(--accent-strong);font-size:2.6rem;font-weight:700}.stock-label{color:#516273;font-size:.95rem}.panel{animation:float-in .6s ease both;background:#fff;background:var(--paper);border:1px solid #0f4c811f;border-radius:22px;box-shadow:0 18px 40px #0c1a2b24;box-shadow:0 18px 40px var(--shadow);padding:28px}.manage-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(320px,1fr) minmax(260px,.55fr)}.form-panel{position:-webkit-sticky;position:sticky;top:24px}.side-panel{grid-gap:14px;display:grid;gap:14px}.tip-list{grid-gap:6px;color:#4b5563;display:grid;gap:6px;margin:0;padding-left:18px}.side-actions{display:flex;gap:10px}.inventory-layout{display:grid}.list-panel{border-left:6px solid #ffd16699}.panel-active{border:1px solid #0f4c8159;box-shadow:0 22px 44px #0f4c8133}.panel-header h2{font-size:1.4rem;margin:0 0 8px}.panel-header p{color:#516273;margin:0}.mode{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:12px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.mode.active{background:#0f4c811f;color:#0b355b;color:var(--accent-strong)}.mode.idle{background:#1f29371f;color:#4b5563}.count{color:#5a6f7e;display:inline-block;font-size:.85rem;font-weight:600;margin-top:10px}.fields{grid-gap:16px;display:grid;gap:16px;margin-top:20px}.fields label{grid-gap:8px;color:#3a4c5c;display:grid;font-size:.9rem;gap:8px}.fields input{background:#ffffffe6;border:1px solid #0f4c8133;border-radius:14px;font-size:.95rem;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.fields input:focus{border-color:#0f4c81;border-color:var(--accent);box-shadow:0 0 0 3px #0f4c812e;outline:none;transform:translateY(-1px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary{background:linear-gradient(135deg,#0f4c81,#38bdf8);background:linear-gradient(135deg,var(--accent),#38bdf8);box-shadow:0 12px 24px #0f4c8140;color:#fff}.ghost{background:#0f4c8114;color:#0b355b;color:var(--accent-strong)}.danger{background:#b4231829}.danger,.error{color:#b42318;color:var(--danger)}.error{font-weight:600;margin-top:12px}.muted{color:#6a7a89;margin-top:16px}.list-actions{grid-gap:16px;display:grid;gap:16px;margin:20px 0 10px}.search-group{align-items:center;display:flex;gap:12px}.search input{background:#ffffffe6;border:1px solid #0f4c8133;border-radius:16px;font-size:.95rem;padding:12px 16px;transition:border .2s ease,box-shadow .2s ease;width:100%}.search input:focus{background:#fff;border-color:#0f4c81;border-color:var(--accent);box-shadow:0 0 0 3px #0f4c812e;outline:none}.chip{background:#0f4c811f;border:none;border-radius:999px;color:#0b355b;color:var(--accent-strong);font-size:.85rem;font-weight:600;padding:8px 14px;white-space:nowrap}.filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filters label{grid-gap:8px;color:#3a4c5c;display:grid;font-size:.85rem;gap:8px}.filters select{background:#ffffffe6;border:1px solid #0f4c8133;border-radius:12px;font-size:.9rem;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease}.filters select:focus{background:#fff;border-color:#0f4c81;border-color:var(--accent);box-shadow:0 0 0 3px #0f4c812e;outline:none}.filter-meta{grid-gap:8px;align-content:end;display:grid;gap:8px;justify-items:start}.filter-count{color:#4b5563;font-size:.85rem;font-weight:600}.book-grid{grid-gap:16px;display:grid;gap:16px;margin-top:20px}.book-card{grid-gap:12px;animation:lift-in .5s ease 0s both;animation:lift-in .5s ease var(--delay,0s) both;background:linear-gradient(145deg,#fffffffa,#f3f8ffe6);border:1px solid #0f4c8124;border-radius:18px;display:grid;gap:12px;overflow:hidden;padding:18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.book-card:after{background:radial-gradient(circle,#ffd16673,#0000 65%);content:"";height:200px;inset:auto -30% -55% auto;opacity:.7;position:absolute;width:200px}.book-card:hover{box-shadow:0 18px 32px #0c1a2b2e;transform:translateY(-3px)}.book-card h3{font-size:1.1rem;margin:0}.meta{color:#516273;margin:4px 0 0}.book-details{grid-gap:8px;color:#3c4a5a;display:grid;font-size:.85rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card-actions{display:flex;flex-wrap:wrap;gap:10px}.empty-state{grid-gap:12px;align-items:start;display:grid;gap:12px;margin-top:16px}@keyframes float-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lift-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-18px,0) scale(1.05)}}@media (prefers-reduced-motion:reduce){.book-card,.hero,.panel{animation:none}button{transition:none}}@media (max-width:900px){.manage-layout{grid-template-columns:1fr}.form-panel{position:static}.top-nav{align-items:flex-start;border-radius:24px;flex-direction:column}}@media (max-width:720px){.hero{padding:24px}.panel{padding:22px}}
/*# sourceMappingURL=main.3fe35d10.css.map*/