@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&display=swap";body{font-family:Inter,Helvetica,Arial,sans-serif;background-color:#f5f7fa;color:#333;font-size:14px;line-height:1.5;min-height:100vh}a{text-decoration:none;color:inherit}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafd;background-image:radial-gradient(at 90% 10%,rgba(21,46,97,.03) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(255,58,41,.03) 0px,transparent 50%);background-attachment:fixed}.app-container{flex:1;padding:24px 32px;display:flex;flex-direction:column;max-width:1440px;margin:0 auto;width:100%}@media (max-width: 1280px){.app-container{padding:20px 24px}}@media (max-width: 600px){.app-container{padding:16px}}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(236,240,243,.8)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);font-weight:var(--font-semibold);font-size:var(--text-lg);font-family:var(--font-secondary);display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc80}.card-header-left{display:flex;align-items:center;gap:var(--space-3)}.card-header-icon{color:var(--brand-primary);opacity:.9}.card-content{padding:var(--space-4) 0}.card-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--brand-primary-light),var(--brand-primary));border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.card-accent-success:before{background:linear-gradient(to bottom,var(--success-light),var(--success))}.card-accent-warning:before{background:linear-gradient(to bottom,var(--warning-light),var(--warning))}.card-accent-error:before{background:linear-gradient(to bottom,var(--error-light),var(--error))}.card-compact{padding:var(--space-4)}.card-compact .card-header{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-4)}.card-elevated{box-shadow:var(--shadow-lg)}.card-flat{box-shadow:none;border:1px solid var(--border-light)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.card-interactive:active{transform:translateY(1px);box-shadow:var(--shadow-md)}.data-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(203,210,217,.5)}.data-row:last-child{border-bottom:none}.data-label{color:#546280;font-size:.875rem;width:160px;font-weight:500}.data-value{flex:1;font-size:.95rem}.stat-card{display:flex;flex-direction:column;padding:20px;height:100%;border-radius:12px;background-color:#fff;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-icon{margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:#152e611a;color:#152e61}.stat-success .stat-icon{background-color:#10b9811a;color:#059669}.stat-warning .stat-icon{background-color:#f59e0b1a;color:#d97706}.stat-error .stat-icon{background-color:#ef44441a;color:#dc2626}.stat-value{font-size:2rem;font-weight:700;color:#1a2b49;line-height:1.2;margin-bottom:4px}.stat-label{font-size:.875rem;color:#546280;margin-bottom:12px;font-weight:500}.stat-change{display:flex;align-items:center;font-size:.75rem;font-weight:600;margin-top:auto}.stat-up{color:#059669}.stat-down{color:#dc2626}.table-container{border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;background-color:#fff;margin-bottom:24px}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px;flex-direction:column}.loading-text{margin-top:16px;color:#546280;font-size:.875rem}.text-center{text-align:center}.text-right{text-align:right}.mt-auto{margin-top:auto}.w-100{width:100%}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.p-relative{position:relative}.rounded-full{border-radius:9999px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "Poppins", "Inter", sans-serif;--font-monospace: "SF Mono", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--blue-50: #F0F7FF;--blue-100: #E0EFFE;--blue-200: #BAD9FB;--blue-300: #8ABEF7;--blue-400: #5A9EF0;--blue-500: #3378E1;--blue-600: #1E57C4;--blue-700: #143E9A;--blue-800: #0E2D6F;--blue-900: #091C45;--green-50: #EDFCF6;--green-100: #D3F8E8;--green-200: #AAF0D0;--green-300: #73E3B3;--green-400: #40D096;--green-500: #10B981;--green-600: #099668;--green-700: #087552;--green-800: #065F46;--green-900: #064E3B;--red-50: #FFF1F1;--red-100: #FFE1E1;--red-200: #FFBFBF;--red-300: #FF9494;--red-400: #FF6B6B;--red-500: #FF3B3B;--red-600: #E51E1E;--red-700: #C31818;--red-800: #9C1313;--red-900: #7A0F0F;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-300: #FCD34D;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--amber-800: #92400E;--amber-900: #78350F;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--bg-light: #F8FAFD;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-dark: var(--gray-400);--brand-primary: var(--blue-700);--brand-primary-light: var(--blue-600);--brand-primary-dark: var(--blue-800);--success: var(--green-500);--success-light: var(--green-100);--success-dark: var(--green-700);--warning: var(--amber-400);--warning-light: var(--amber-100);--warning-dark: var(--amber-600);--error: var(--red-500);--error-light: var(--red-100);--error-dark: var(--red-700);--info: var(--blue-500);--info-light: var(--blue-100);--info-dark: var(--blue-700);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-below: -1;--z-normal: 1;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px}body{font-family:var(--font-primary);font-weight:var(--font-regular);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-light);min-height:100vh;overflow-x:hidden;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:.5em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base);font-weight:var(--font-bold)}.fade-enter{opacity:0;transform:translateY(8px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideIn{animation:slideInRight .4s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(232,236,241,.6);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(154,165,177,.5);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(123,135,148,.7)}::selection{background-color:#152e611a;color:#152e61}.text-primary{color:#152e61}.text-secondary{color:#ff3a29}.text-muted{color:#7b8794}.bg-light{background-color:#f5f7fa}.border-light{border:1px solid #E4E7EB}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.rounded{border-radius:4px}.shadow-sm{box-shadow:0 1px 2px #0000000d}