@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply bg-slate-50 text-slate-900 font-sans leading-relaxed;}h1{@apply text-3xl md:text-4xl font-bold text-slate-900 mb-6 leading-tight;}h2{@apply text-2xl font-semibold text-slate-900 mb-4 leading-tight;}h3{@apply text-xl font-semibold text-slate-900 mb-5 leading-snug;}h4{@apply text-lg font-medium text-slate-900 mb-3;}p{@apply text-slate-900 leading-relaxed mb-4;}.layout{@apply flex min-h-screen bg-slate-50;}.sidebar{@apply fixed top-0 left-0 h-full w-[280px] bg-white border-r border-slate-200 pt-6 pb-6 overflow-y-auto z-10;}.sidebar-title{@apply font-sans text-xl font-bold px-6 mb-8 text-slate-900;}.sidebar-nav{@apply space-y-1 px-3;}.sidebar-link{@apply block px-3 py-2 text-slate-600 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition-colors font-sans text-sm;}.sidebar-link-active{@apply block px-3 py-2 bg-blue-50 text-blue-700 font-medium rounded-lg font-sans text-sm;}.sidebar-section{@apply pt-6 pb-2;}.sidebar-heading{@apply px-6 mb-2 text-xs font-medium text-slate-500 uppercase tracking-wider;}.main-content{@apply ml-[280px] flex-1 py-8 px-6 md:px-10 relative z-0;}.card{@apply bg-white rounded-xl border border-slate-200 p-6 transition-all hover:border-slate-300 shadow-sm;}.book-card{@apply bg-white rounded-xl overflow-hidden border border-slate-200 transition-all hover:border-slate-300 shadow-sm;}.book-card-image{@apply h-60 overflow-hidden bg-slate-50;}.book-card-image img{@apply object-contain;}.book-card-content{@apply p-6 space-y-3;}.btn{@apply px-4 py-2 rounded-lg border border-blue-600 text-blue-600 bg-white transition-colors hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 font-sans text-sm font-medium;}.btn-primary{@apply px-4 py-2 rounded-lg bg-blue-600 text-white border-0 transition-colors hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 font-sans text-sm font-medium;}.btn-subtle{@apply px-4 py-2 rounded-lg bg-transparent text-slate-600 hover:text-blue-600 transition-colors font-sans text-sm font-medium;}.metrics-container{@apply grid grid-cols-1 md:grid-cols-3 gap-6 mb-8;}.metric-card{@apply bg-white p-6 rounded-xl border border-slate-200 shadow-sm;}.metric-value{@apply text-3xl font-bold text-slate-900 mb-1;}.metric-label{@apply text-sm text-slate-500 font-sans;}.breadcrumbs{@apply flex items-center space-x-2 mb-4;}.breadcrumb-item{@apply flex items-center;}.breadcrumb-link{@apply text-sm text-slate-600 hover:text-blue-600 cursor-pointer;}.breadcrumb-separator{@apply text-slate-400 mx-2;}.breadcrumb-current{@apply text-sm text-blue-600 font-medium;}.data-table{@apply w-full text-left border-collapse;}.data-table th{@apply px-4 py-3 border-b border-slate-200 text-xs font-medium text-slate-500 uppercase tracking-wider;}.data-table td{@apply px-4 py-3 border-b border-slate-200 text-sm text-slate-600;}.data-table tbody tr:last-child td{@apply border-b-0;}.mock-data-banner{background-color:var(--chakra-colors-blue-50);border:1px solid var(--chakra-colors-blue-200);border-radius:var(--chakra-radii-xl);margin:var(--chakra-space-4) 0;padding:var(--chakra-space-4);position:relative}.banner-content{color:var(--chakra-colors-gray-900)}.banner-content h2{font-size:var(--chakra-fontSizes-xl);font-weight:var(--chakra-fontWeights-semibold);margin-bottom:var(--chakra-space-2)}.banner-content p{margin-bottom:var(--chakra-space-3)}.banner-content li{margin-bottom:var(--chakra-space-2)}.banner-content a{color:var(--chakra-colors-blue-600);text-decoration:underline}.banner-content a:hover{color:var(--chakra-colors-blue-700)}