:root{--color-primary: #d90429;--color-primary-dark: #b30e00;--color-primary-light: #e10600;--color-primary-50: #fef2f2;--color-primary-100: #fee2e2;--color-primary-200: #fecaca;--color-primary-hover: #b30e00;--color-white: #ffffff;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-border: #e8eaed;--color-border-light: #f1f3f5;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .06);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .08);--shadow-card: 0 0 0 1px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.03);--shadow-card-hover: 0 0 0 1px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.06);--color-accent-blue: #2563eb;--color-accent-blue-light: #eff6ff;--color-accent-emerald: #059669;--color-accent-emerald-light: #ecfdf5;--color-accent-amber: #d97706;--color-accent-amber-light: #fffbeb;--color-accent-slate: #475569;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-slide-in-left{animation:slideInLeft .4s ease-out}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.card-modern{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card-modern:hover{border-color:#d1d5db;box-shadow:var(--shadow-sm)}.card-modern-interactive:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.btn-brand{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-brand:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);box-shadow:0 2px 8px #d9042933}.btn-brand:active{box-shadow:0 1px 4px #d9042926}.btn-brand-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-brand-outline:hover{background:var(--color-primary-50);border-color:var(--color-primary-dark)}.btn-brand-ghost{background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-brand-ghost:hover{background:#f3f4f6;color:var(--color-text-primary)}.badge-modern{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.01em}.accent-bar{width:4px;height:100%;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.bg-gradient-subtle{background:linear-gradient(135deg,#fef2f2,#fff7ed,#fefce8)}.bg-gradient-hero{background:linear-gradient(180deg,var(--color-bg) 0%,#ffffff 40%,var(--color-bg) 100%)}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.progress-brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--radius-full);background:#e5e7eb;overflow:hidden}.progress-brand::-webkit-progress-bar{background:#e5e7eb;border-radius:var(--radius-full)}.progress-brand::-webkit-progress-value{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-brand::-moz-progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full)}.toggle-brand:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.tooltip-modern{position:relative}.tooltip-modern:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:4px 10px;background:var(--color-text-primary);color:#fff;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.tooltip-modern:hover:after{opacity:1}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::selection{background:var(--color-primary-200);color:var(--color-text-primary)}@media(max-width:768px){.sidebar-responsive{transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar-responsive.open{transform:translate(0)}}@media print{.no-print{display:none!important}}