.dynamic-category-container{height:100vh;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.truncate-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.dynamic-category-sidebar{width:240px}}@media(max-width:640px){.dynamic-category-sidebar{position:absolute;left:-100%;transition:left .3s ease;z-index:40}.dynamic-category-sidebar.open{left:0}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.modal-open{overflow:hidden}.category-card{transition:all .2s ease}.category-card:hover{transform:translateY(-2px)}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field-type-badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase}.field-type-text{background:#dbeafe;color:#1e40af}.field-type-number{background:#fef3c7;color:#92400e}.field-type-date{background:#e0e7ff;color:#3730a3}.field-type-select{background:#fce7f3;color:#9f1239}.field-type-file{background:#d1fae5;color:#065f46}@media(max-width:1024px){.records-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.toast-enter{animation:slideInRight .3s ease}.toast-exit{animation:slideOutRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.empty-state{padding:48px 24px;text-align:center;color:#64748b}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;opacity:.3}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{z-index:9999}.bg-blue-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-green-gradient{background:linear-gradient(135deg,#10b981,#059669)}.bg-purple-gradient{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bg-orange-gradient{background:linear-gradient(135deg,#f97316,#ea580c)}.bg-red-gradient{background:linear-gradient(135deg,#ef4444,#dc2626)}