:root{--background:0 0% 100%;--foreground:222 47% 11%;--primary:221 100% 52%;--primary-foreground:0 0% 100%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--border:214 32% 91%;--input:214 32% 91%;--ring:221 100% 52%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--sidebar:222 47% 11%;--sidebar-foreground:210 40% 96%;--sidebar-accent:217 32% 17%;--radius:.5rem;--status-green-bg:142 76% 96%;--status-green-fg:142 76% 36%;--status-red-bg:0 84% 96%;--status-red-fg:0 84% 60%;--status-orange-bg:33 96% 96%;--status-orange-fg:33 96% 45%;--status-gray-bg:210 40% 96%;--status-gray-fg:215 16% 47%}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-feature-settings:"rlig" 1, "calt" 1;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:hsl(var(--primary));text-decoration:none}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-destructive{color:hsl(var(--destructive))}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.grid{gap:1rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-1{flex:1}.app{background-color:hsl(var(--background));height:100vh;display:flex;overflow:hidden}.sidebar{background-color:hsl(var(--sidebar));width:16rem;color:hsl(var(--sidebar-foreground));flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.sidebar-logo{background:linear-gradient(135deg, hsl(var(--primary)), #2f8fdc);color:#fff;border-radius:.5rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:grid}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.sidebar-link{color:hsla(var(--sidebar-foreground), .7);text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{background-color:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-foreground))}.sidebar-link.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sidebar-link .lucide{width:18px;height:18px}.sidebar-footer{border-top:1px solid hsl(var(--sidebar-accent));color:hsla(var(--sidebar-foreground), .5);padding:1rem;font-size:.75rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background-color:hsl(var(--background));border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.5rem;display:flex}.page-title{color:hsl(var(--foreground));align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.content{flex:1;padding:1.5rem;overflow-y:auto}.page-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-head h2{margin:0;font-size:1.5rem;font-weight:700}.page-head p{color:hsl(var(--muted-foreground));margin:.25rem 0 0;font-size:.875rem}.card{border:1px solid hsl(var(--border));background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card-dash{transition:all .15s}.card-dash:hover{border-color:hsla(var(--primary), .3);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-body{padding:1.25rem}.card-body-sm{padding:1rem}.card-header{margin-bottom:1rem;font-size:1rem;font-weight:600}.btn{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background-color:hsla(var(--primary), .9)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .lucide{width:16px;height:16px}.btn-sec{color:hsl(var(--foreground));border:1px solid hsl(var(--input));background-color:#0000}.btn-sec:hover{background-color:hsl(var(--muted))}.btn-dest{color:hsl(var(--destructive));border:1px solid hsl(var(--destructive));background-color:#0000}.btn-dest:hover{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-ghost{color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem;transition:all .15s;display:inline-flex}.btn-ghost:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.btn-ghost.btn-ghost-dest:hover{color:hsl(var(--destructive))}.btn-ghost .lucide{width:16px;height:16px}.btn-block{width:100%}.field{margin-bottom:1rem}.field label{color:hsl(var(--foreground));margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.input,.select{border:1px solid hsl(var(--input));width:100%;height:2.25rem;color:hsl(var(--foreground));background-color:#fff;border-radius:.375rem;outline:none;padding:0 .75rem;font-size:.875rem;transition:all .15s}.select{appearance:auto;background-color:hsl(var(--background))}.input:focus,.select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring))}.search-bar{flex:1;min-width:12rem;position:relative}.search-bar .lucide{color:hsl(var(--muted-foreground));width:15px;height:15px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-bar .input{padding-left:2.25rem}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead{background-color:hsla(var(--muted), .5);border-bottom:1px solid hsl(var(--border))}.table th{text-align:left;color:hsl(var(--muted-foreground));padding:.75rem 1rem;font-weight:500}.table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background-color:hsla(var(--muted), .3)}.table td{vertical-align:middle;padding:.75rem 1rem}.table .actions{align-items:center;gap:.25rem;display:flex}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{background-color:hsl(var(--status-green-bg));color:hsl(var(--status-green-fg))}.badge-red{background-color:hsl(var(--status-red-bg));color:hsl(var(--status-red-fg))}.badge-orange{background-color:hsl(var(--status-orange-bg));color:hsl(var(--status-orange-fg))}.badge-gray{background-color:hsl(var(--status-gray-bg));color:hsl(var(--status-gray-fg))}.badge-blue{background-color:hsla(var(--primary), .1);color:hsl(var(--primary))}.overlay{z-index:100;background-color:#141e2d80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-head{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-head h3{margin:0;font-size:1.125rem;font-weight:600}.modal-body{padding:1.25rem}.modal-close{color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:.25rem;place-items:center;padding:.25rem;display:grid}.modal-close:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.toasts{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background-color:hsl(var(--foreground));color:hsl(var(--background));border-radius:.5rem;align-items:center;gap:.5rem;max-width:340px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.25s slidein;display:flex;box-shadow:0 10px 15px -3px #0000001a}.toast.ok{background-color:hsl(var(--status-green-fg))}.toast.err{background-color:hsl(var(--destructive))}.toast.warn{background-color:hsl(var(--status-orange-fg))}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.kpi-card{justify-content:space-between;align-items:center;display:flex}.kpi-left{flex-direction:column;display:flex}.kpi-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.kpi-value{color:hsl(var(--foreground));margin-top:.25rem;font-size:1.5rem;font-weight:700}.kpi-icon-box{border-radius:.5rem;place-items:center;padding:.75rem;display:grid}.kpi-icon-box .lucide{width:22px;height:22px}.kpi-icon-box.blue{background-color:hsla(var(--primary), .1);color:hsl(var(--primary))}.kpi-icon-box.green{background-color:hsl(var(--status-green-bg));color:hsl(var(--status-green-fg))}.kpi-icon-box.orange{background-color:hsl(var(--status-orange-bg));color:hsl(var(--status-orange-fg))}.kpi-icon-box.red{background-color:hsl(var(--status-red-bg));color:hsl(var(--status-red-fg))}.kpi-icon-box.gray{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.empty-state{text-align:center;color:hsl(var(--muted-foreground));padding:3rem 1.25rem}.empty-icon{color:hsl(var(--muted-foreground));place-items:center;margin:0 auto .75rem;display:grid}.empty-icon .lucide{opacity:.5;width:48px;height:48px}.empty-title{color:hsl(var(--foreground));margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.empty-desc{color:hsl(var(--muted-foreground));font-size:.875rem}.scandesk{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=768px){.scandesk{grid-template-columns:1fr 1fr}}.scan-in{border:1px solid hsl(var(--input));text-align:center;text-transform:uppercase;background:#fff;border-radius:.5rem;outline:none;width:100%;padding:1rem 1.125rem;font-family:monospace;font-size:1.25rem;font-weight:600;transition:all .15s}.scan-in:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring))}.scan-hint{text-align:center;color:hsl(var(--muted-foreground));margin-top:.75rem;font-size:.75rem;font-weight:500}#reader{border-radius:.75rem;margin-top:1rem;overflow:hidden}#reader:empty{display:none}.bookcard{flex-direction:column;min-height:200px;display:flex}.book-meta-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700;line-height:1.2}.book-meta-sub{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.kv-row{border-bottom:1px dashed hsl(var(--border));justify-content:space-between;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.kv-row .k{color:hsl(var(--muted-foreground));font-weight:500}.kv-row .v{text-align:right;font-weight:600}.loading-view{min-height:60vh;color:hsl(var(--muted-foreground));place-items:center;font-weight:500;display:grid}.spinner{border:2px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;width:1.5rem;height:1.5rem;margin-bottom:.75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.alert-note{background-color:hsla(var(--status-orange-fg), .1);border:1px solid hsla(var(--status-orange-fg), .3);color:hsl(var(--status-orange-fg));border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.alert-note .lucide{flex-shrink:0;width:16px;height:16px;margin-top:2px}.qlabel-grid{flex-wrap:wrap;gap:1rem;display:flex}.qlabel{border:1px dashed hsl(var(--border));text-align:center;page-break-inside:avoid;break-inside:avoid;background:#fff;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:180px;padding:1rem;transition:all .15s;display:flex}.qlabel-brand{color:hsl(var(--primary));font-size:.75rem;font-weight:700}.qlabel-qr{place-items:center;display:grid}.qlabel-qr img,.qlabel-qr canvas{display:block}.qlabel-id{letter-spacing:.02em;font-family:monospace;font-size:.875rem;font-weight:600}.qlabel-title{color:hsl(var(--muted-foreground));height:1.6rem;font-size:.7rem;font-weight:600;line-height:1.2;overflow:hidden}.mono{font-family:monospace}.idtag{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;display:inline-block}.botnav{display:none}@media (width<=820px){.sidebar{display:none}.topbar{display:flex}.content{padding:1rem 1rem 6rem}.scandesk{grid-template-columns:1fr}.botnav{background-color:hsl(var(--background));border-top:1px solid hsl(var(--border));z-index:50;justify-content:space-around;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.botnav button{color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:.5rem;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.375rem;font-size:.625rem;font-weight:600;display:flex}.botnav button .lucide{width:20px;height:20px}.botnav button.active{color:hsl(var(--primary))}.page-head h2{font-size:1.25rem}}@media print{.sidebar,.topbar,.botnav,.toolbar,.page-head .no-print,.no-print{display:none!important}body,.app,.main,.content{background:#fff;margin:0;padding:0;display:block}.content{max-width:none}.qlabel{border:1px solid #999}}