*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.route-enter{animation:fadeInUp .4s ease-out}.react-grid-item{overflow:hidden}.bento-stagger>*{animation:scaleIn .35s ease-out both}.bento-stagger>*:nth-child(1){animation-delay:.02s}.bento-stagger>*:nth-child(2){animation-delay:.06s}.bento-stagger>*:nth-child(3){animation-delay:.1s}.bento-stagger>*:nth-child(4){animation-delay:.14s}.bento-stagger>*:nth-child(5){animation-delay:.18s}.bento-stagger>*:nth-child(6){animation-delay:.22s}:root{--df-primary-50: #e8edf3;--df-primary-100: #c5d1e0;--df-primary-200: #9eb3cc;--df-primary-300: #7795b8;--df-primary-400: #5a7ea9;--df-primary-500: #1e3a5f;--df-primary-600: #18304f;--df-primary-700: #12253f;--df-primary-800: #0c1b2f;--df-primary-900: #061120;--df-success: #1a9e75;--df-warning: #ba7517;--df-danger: #a32d2d;--df-info: #2d6fa3;--df-bg: #f5f3ef;--df-bg-alt: #f0ede7;--df-surface: #ffffff;--df-border: #e0ddd5;--df-border-light:#f0eee8;--df-text: #1e1e1e;--df-text-secondary: #6b6570;--df-text-tertiary: #9a959e;--df-text-inverse: #ffffff;--df-shadow-sm: 0 1px 3px rgba(30, 58, 95, .06), 0 1px 2px rgba(30, 58, 95, .04);--df-duration-fast: .2s;--df-duration-base: .35s;--df-duration-slow: .6s;--df-ease-out: cubic-bezier(.16, 1, .3, 1);--df-ease-inout: cubic-bezier(.65, 0, .35, 1);--df-shadow-md: 0 4px 12px rgba(30, 58, 95, .08), 0 2px 4px rgba(30, 58, 95, .04);--df-shadow-lg: 0 8px 30px rgba(30, 58, 95, .1), 0 4px 8px rgba(30, 58, 95, .04);--df-shadow-xl: 0 16px 48px rgba(30, 58, 95, .12);--df-radius-sm: 6px;--df-radius-md: 10px;--df-radius-lg: 14px;--df-radius-xl: 20px;--df-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--df-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--df-text-xs: .75rem;--df-text-sm: .8125rem;--df-text-base: .875rem;--df-text-lg: 1rem;--df-text-xl: 1.25rem;--df-text-2xl: 1.5rem;--df-text-3xl: 2rem;--df-space-1: 4px;--df-space-2: 8px;--df-space-3: 12px;--df-space-4: 16px;--df-space-5: 24px;--df-space-6: 32px;--df-space-8: 48px;--df-space-10: 64px;--df-transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--df-transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--df-transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}@keyframes df-fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes df-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes df-floatLine{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-120vh) rotate(15deg);opacity:0}}@keyframes df-glowPulse{0%,to{box-shadow:0 0 #1e3a5f14}50%{box-shadow:0 0 0 6px #1e3a5f05}}@keyframes df-particle-drift{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-30px) translate(10px)}50%{transform:translateY(-10px) translate(-15px)}75%{transform:translateY(-40px) translate(5px)}to{transform:translateY(0) translate(0)}}@keyframes df-magnetic-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}body{background-color:var(--df-bg);color:var(--df-text);font-family:var(--df-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.df-card{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-md);box-shadow:var(--df-shadow-sm);transition:box-shadow var(--df-transition-normal),transform var(--df-transition-normal)}.df-card:hover{box-shadow:var(--df-shadow-md);transform:translateY(-1px)}.df-btn-primary{background:var(--df-primary-500);color:var(--df-text-inverse);border:none;border-radius:var(--df-radius-sm);padding:8px 20px;font-size:var(--df-text-sm);font-weight:600;cursor:pointer;transition:all var(--df-transition-fast)}.df-btn-primary:hover{background:var(--df-primary-600);transform:translateY(-1px);box-shadow:var(--df-shadow-md)}.df-btn-ghost{background:transparent;color:var(--df-primary-500);border:1px solid var(--df-border);border-radius:var(--df-radius-sm);padding:8px 20px;font-size:var(--df-text-sm);font-weight:600;cursor:pointer;transition:all var(--df-transition-fast)}.df-btn-ghost:hover{background:var(--df-primary-50);border-color:var(--df-primary-300)}.df-metric-card{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-md);padding:var(--df-space-4);box-shadow:var(--df-shadow-sm);transition:all var(--df-transition-normal)}.df-metric-card:hover{box-shadow:var(--df-shadow-md);transform:translateY(-2px)}.df-table{width:100%;border-collapse:separate;border-spacing:0}.df-table th{padding:10px 12px;font-size:var(--df-text-xs);font-weight:600;color:var(--df-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--df-border);background:var(--df-bg-alt)}.df-table td{padding:10px 12px;font-size:var(--df-text-sm);border-bottom:1px solid var(--df-border-light)}.df-table tr:last-child td{border-bottom:none}.df-table tr:hover td{background:var(--df-primary-50)}.df-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:var(--df-text-xs);font-weight:600}.df-chip-success{background:#1a9e751f;color:var(--df-success)}.df-chip-warning{background:#ba75171f;color:var(--df-warning)}.df-chip-danger{background:#a32d2d1f;color:var(--df-danger)}.df-chip-info{background:#2d6fa31f;color:var(--df-info)}.df-chip-default{background:var(--df-bg-alt);color:var(--df-text-secondary)}.df-input{border:1px solid var(--df-border);border-radius:var(--df-radius-sm);padding:9px 12px;font-size:var(--df-text-sm);background:var(--df-surface);color:var(--df-text);transition:border-color var(--df-transition-fast),box-shadow var(--df-transition-fast);outline:none;width:100%}.df-input:focus{border-color:var(--df-primary-500);box-shadow:0 0 0 3px #1e3a5f1a}.df-input::-moz-placeholder{color:var(--df-text-tertiary)}.df-input::placeholder{color:var(--df-text-tertiary)}.df-gradient-text{background:linear-gradient(135deg,var(--df-primary-500),var(--df-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes df-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.df-skeleton{background:linear-gradient(90deg,var(--df-border-light) 25%,var(--df-bg-alt) 50%,var(--df-border-light) 75%);background-size:200% 100%;animation:df-shimmer 1.5s ease-in-out infinite;border-radius:var(--df-radius-sm)}