*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--color-primary: rgb(2, 6, 23);--color-secondary: rgb(30, 41, 59);--color-accent: rgb(34, 197, 94);--color-accent-hover: rgb(22, 163, 74);--color-danger: rgb(239, 68, 68);--color-danger-hover: rgb(220, 38, 38);--color-warning: rgb(251, 191, 36);--color-gray-50: rgb(249, 250, 251);--color-gray-100: rgb(243, 244, 246);--color-gray-200: rgb(229, 231, 235);--color-gray-300: rgb(209, 213, 219);--color-gray-400: rgb(156, 163, 175);--color-gray-500: rgb(107, 114, 128);--color-gray-600: rgb(75, 85, 99);--color-gray-700: rgb(55, 65, 81);--color-gray-800: rgb(31, 41, 55);--color-gray-900: rgb(17, 24, 39);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-primary)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-md);border:2px solid var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-700)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down{animation:slideDown .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce .6s ease-in-out infinite}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s ease-in-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-glow:hover{box-shadow:0 0 20px var(--accent)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--secondary) 0px,var(--primary) 40px,var(--secondary) 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}