body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b}html.dark ::-webkit-scrollbar-track{background:#1e293b}html.dark ::-webkit-scrollbar-thumb{background:#475569}html.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.manual-image-thumbnail{max-width:500px;max-height:400px;object-fit:contain;cursor:zoom-in;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;margin:1rem 0}.manual-image-thumbnail:hover{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-2px)}.manual-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 200px);min-height:600px}.manual-sidebar{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.manual-content-area{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;overflow-y:auto;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.manual-card{padding:1.25rem;border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease;background:#fff}.manual-card:hover{background:#f8fafc;border-color:#e2e8f0}.manual-card.active{border-color:#6366f1;background:#f5f3ff}.manual-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.animate-zoom-in{animation:zoom-in .3s ease-out}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}html.dark .manual-image-thumbnail{border:1px solid #334155}html.dark .manual-sidebar,html.dark .manual-content-area,html.dark .manual-card{background:#1e293b;border-color:#334155}html.dark .manual-card:hover{background:#334155}html.dark .manual-card.active{border-color:#818cf8;background:#2e1065}