:root{--surface-0: #ffffff;--surface-1: #f8fafc;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-strong: #cbd5e1;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-active: #3b82f6}.dark{--surface-0: #0f172a;--surface-1: #1e293b;--surface-2: #334155;--surface-3: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-strong: #475569;--sidebar-bg: #020617;--sidebar-text: #64748b;--sidebar-active: #60a5fa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.5rem}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:.25rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-image{height:12rem;width:100%}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#ef4444}input:invalid:not(:placeholder-shown):focus,textarea:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px #ef44441a}input:disabled,textarea:disabled,select:disabled,button:disabled{opacity:.6;cursor:not-allowed}input[type=checkbox],input[type=radio]{cursor:pointer;width:1.25rem;height:1.25rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:500px;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 10px 25px #00000026;display:flex;align-items:center;gap:.75rem;animation:slideInRight .3s ease-out;backdrop-filter:blur(10px)}.toast.toast-success{background:#10b981f2;color:#fff}.toast.toast-error{background:#ef4444f2;color:#fff}.toast.toast-warning{background:#f59e0bf2;color:#fff}.toast.toast-info{background:#3b82f6f2;color:#fff}.toast-exit{animation:fadeInDown .3s ease-in forwards}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.glass{background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0f172acc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px){.hide-desktop{display:none!important}}@media print{body{background:#fff}.no-print{display:none!important}a{text-decoration:underline}*{box-shadow:none!important;text-shadow:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.contain-layout{contain:layout}.contain-paint{contain:paint}