Tomerg7898/annotateflow-data-annotation-command-center

1 2/* Base styles */3:root {4    --sidebar-width: 240px;5    --navbar-height: 64px;6}7 8body {9    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;10    -webkit-font-smoothing: antialiased;11    -moz-osx-font-smoothing: grayscale;12    line-height: 1.6;13    color: #374151;14}15 16main {17    padding-top: calc(var(--navbar-height) + 1rem);18    margin-left: var(--sidebar-width);19    min-height: calc(100vh - var(--navbar-height));20}21 22/* Improved card styling */23.card {24    background: white;25    border-radius: 0.75rem;26    box-shadow: 0 1px 3px rgba(0,0,0,0.08);27    transition: all 0.2s ease;28}29 30.card:hover {31    transform: translateY(-2px);32    box-shadow: 0 4px 12px rgba(0,0,0,0.1);33}34 35/* Better spacing */36.p-section {37    padding: 1.5rem;38}39 40.m-section {41    margin: 1.5rem 0;42}43/* Custom scrollbar */44::-webkit-scrollbar {45    width: 8px;46    height: 8px;47}48 49::-webkit-scrollbar-track {50    background: #f1f1f1;51}52 53::-webkit-scrollbar-thumb {54    background: #888;55    border-radius: 4px;56}57 58::-webkit-scrollbar-thumb:hover {59    background: #555;60}61 62/* Animation classes */63.fade-in {64    animation: fadeIn 0.3s ease-in-out;65}66 67@keyframes fadeIn {68    from { opacity: 0; }69    to { opacity: 1; }70}71 72.slide-up {73    animation: slideUp 0.3s ease-out;74}75 76@keyframes slideUp {77    from { transform: translateY(20px); opacity: 0; }78    to { transform: translateY(0); opacity: 1; }79}80 81/* Custom shadows */82.shadow-soft {83    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);84}85 86/* Transition utilities */87.transition-all {88    transition: all 0.2s ease;89}