@tailwind components;@tailwind utilities;:root{--primary-blue: #4f46e5;--secondary-blue: #6366f1;--light-blue: #818cf8;--dark-navy: #1e293b;--text-dark: #0f172a;--text-gray: #64748b;--text-light: #94a3b8;--light-gray-bg: #f8fafc;--card-bg: #ffffff;--medium-gray: #e2e8f0;--border-color: #e2e8f0;--success-green: #10b981;--success-light: #d1fae5;--success-dark: #047857;--danger-red: #ef4444;--danger-light: #fee2e2;--danger-dark: #dc2626;--warning-orange: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-green: #10b981;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif: "Merriweather", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--sidebar-width: 260px;--topbar-height: 64px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1400px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--light-gray-bg);color:var(--text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:var(--weight-semibold);line-height:1.5;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;box-shadow:0 2px 8px #4f46e533}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.btn-secondary{background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:#fff}.btn-success{background:var(--success-green);color:#fff}.btn-success:hover{background:var(--success-dark)}.btn-danger{background:var(--danger-red);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-ghost{background:transparent;color:var(--text-gray);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--light-gray-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-icon{padding:.75rem;aspect-ratio:1}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--card-bg);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.card-body{padding:1.5rem}.card-footer{padding:1.5rem;border-top:1px solid var(--border-color)}.metric-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.metric-label{font-size:.875rem;color:var(--text-gray);font-weight:var(--weight-medium);margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:var(--weight-bold);color:var(--text-dark);line-height:1.2}.metric-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:var(--weight-semibold);margin-top:.5rem}.metric-change.positive{color:var(--success-green)}.metric-change.negative{color:var(--danger-red)}.metric-subtitle{font-size:.875rem;color:var(--text-light);margin-top:.25rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:var(--weight-semibold);margin-bottom:.5rem;color:var(--text-dark);font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--text-dark);background:#fff;transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4f46e51a}.form-input-icon{position:relative}.form-input-icon input{padding-left:2.75rem}.form-input-icon i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-gray)}.form-error{color:var(--danger-red);font-size:.875rem;margin-top:.25rem}.form-help{color:var(--text-gray);font-size:.875rem;margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:#4f46e51a;color:var(--primary-blue)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-neutral{background:var(--medium-gray);color:var(--text-gray)}.table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:var(--light-gray-bg)}.table th{padding:1rem 1.5rem;text-align:left;font-weight:var(--weight-semibold);font-size:.875rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-dark)}.table tbody tr:hover{background:var(--light-gray-bg)}.table tbody tr:last-child td{border-bottom:none}.gradient-text{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:var(--weight-light)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--text-dark)}.text-secondary{color:var(--text-gray)}.text-tertiary{color:var(--text-light)}.container{max-width:var(--max-width-2xl);margin:0 auto;padding:0 2rem}.section{padding:3rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.hide-mobile{display:none!important}.container{padding:0 1rem}}@media (min-width: 769px){.hide-desktop{display:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-gentle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-icon{animation:float 3s ease-in-out infinite;transition:all .3s ease}.stat-icon:hover{animation:pulse-gentle 1s ease-in-out infinite}.feature-icon{transition:all .3s ease}.feature-icon:hover{transform:scale(1.1) rotate(5deg)}.fa-info-circle{transition:all .3s ease;cursor:pointer}.fa-info-circle:hover{transform:scale(1.2);color:var(--primary-blue)}.fa-arrow-up,.fa-arrow-down{animation:pulse-gentle 2s ease-in-out infinite}.fa-chart-line,.fa-chart-bar{transition:all .3s ease}.fa-chart-line:hover,.fa-chart-bar:hover{animation:pulse-gentle 1s ease-in-out}.fa-spinner,.fa-circle-notch{animation:spin-slow 2s linear infinite}