:root{--color-primary: 37 99 235;--color-primary-hover: 29 78 216;--color-success: 22 163 74;--color-warning: 234 179 8;--color-danger: 220 38 38;--color-purple: 147 51 234;--color-orange: 234 88 12}.dark{--color-bg-primary: 17 24 39;--color-bg-secondary: 31 41 55;--color-bg-tertiary: 55 65 81;--color-text-primary: 243 244 246;--color-text-secondary: 156 163 175;--color-border: 55 65 81}.light{--color-bg-primary: 249 250 251;--color-bg-secondary: 255 255 255;--color-bg-tertiary: 243 244 246;--color-text-primary: 17 24 39;--color-text-secondary: 75 85 99;--color-border: 229 231 235}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass-effect{background:#0003;border:1px solid rgba(255,255,255,.1)}.gradient-primary{background:linear-gradient(135deg,#3b82f6,#9333ea)}.gradient-success{background:linear-gradient(135deg,#22c55e,#3b82f6)}.gradient-warning{background:linear-gradient(135deg,#fbbf24,#ef4444)}.text-gradient-primary{background:linear-gradient(135deg,#3b82f6,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#1f2937}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280}.badge-pulse{animation:badge-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.status-pulse{animation:status-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.dark .card-hover:hover{box-shadow:0 10px 20px #0000004d}.btn-scale{transition:transform .1s ease}.btn-scale:active{transform:scale(.95)}.spinner{border:3px solid rgba(0,0,0,.1);border-left-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fade-in .5s ease-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.star-rating{display:inline-flex;align-items:center}.star-filled{color:#fbbf24;fill:#fbbf24}.star-empty{color:#d1d5db}.focus-custom:focus{outline:2px solid rgb(59,130,246);outline-offset:2px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.shadow-soft{box-shadow:0 2px 8px #00000014}.shadow-elevated{box-shadow:0 10px 30px #0000001a}.dark .shadow-soft{box-shadow:0 2px 8px #0006}.dark .shadow-elevated{box-shadow:0 10px 30px #00000080}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:9999px;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1;min-width:18px;text-align:center}input[type=checkbox],input[type=radio]{accent-color:rgb(59,130,246);cursor:pointer}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group img{border:2px solid white;margin-left:-8px}.dark .avatar-group img{border-color:#1f2937}.progress-bar{height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.dark .progress-bar{background:#374151}.progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}.toast{position:fixed;bottom:1rem;right:1rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1rem;max-width:400px;animation:slide-in-right .3s ease;z-index:9999}.dark .toast{background:#1f2937}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:999;transform:translate(-100%);transition:transform .3s ease}.mobile-menu.open{transform:translate(0)}.dark .mobile-menu{background:#111827}}@media print{.no-print{display:none!important}.print-full-width{width:100%!important;max-width:none!important}}