@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);min-height:100vh}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out}.glass{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#2563eb)}.page-enter-active,.page-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translate(30px)}.page-leave-to{opacity:0;transform:translate(-30px)}.text-gradient{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #10b98180}50%{box-shadow:0 0 20px #10b981cc}}.pulse-glow{animation:pulse-glow 2s infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#111827;color:#f9fafb;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition-colors duration-200;}.btn-success{@apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded transition-colors duration-200;}.btn-warning{@apply bg-yellow-600 hover:bg-yellow-700 text-white font-medium py-2 px-4 rounded transition-colors duration-200;}.btn-danger{@apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded transition-colors duration-200;}.card{@apply bg-gray-800 rounded-lg shadow-lg border border-gray-700;}.card-header{@apply border-b border-gray-700 px-6 py-4;}.card-body{@apply p-6;}.card-footer{@apply border-t border-gray-700 px-6 py-4;}.table{@apply w-full bg-gray-800 rounded-lg overflow-hidden;}.table th{@apply bg-gray-700 px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider;}.table td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-300 border-t border-gray-700;}.table tr:hover{@apply bg-gray-700;}.form-input{@apply w-full px-3 py-2 border border-gray-600 rounded-md bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.form-label{@apply block text-sm font-medium text-gray-300 mb-2;}.form-error{@apply text-red-400 text-xs mt-1;}.status-indicator{@apply inline-block w-2 h-2 rounded-full;}.status-online{@apply bg-green-400;}.status-offline{@apply bg-red-400;}.status-warning{@apply bg-yellow-400;}.loading-spinner{@apply inline-block w-4 h-4 border-2 border-gray-300 border-t-transparent rounded-full animate-spin;}.notification{@apply fixed top-4 right-4 z-50 px-6 py-3 rounded-lg shadow-lg transition-all duration-300 transform;}.notification-success{@apply bg-green-500 text-white;}.notification-error{@apply bg-red-500 text-white;}.notification-warning{@apply bg-yellow-500 text-white;}.notification-info{@apply bg-blue-500 text-white;}@media (max-width: 640px){.container{@apply px-4;}.table-responsive{@apply overflow-x-auto;}}.opportunity-card{@apply bg-gray-700 rounded-lg p-4 transition-all duration-200 hover:shadow-lg;}.opportunity-card.high-profit{@apply border-l-4 border-green-500;}.opportunity-card.medium-profit{@apply border-l-4 border-yellow-500;}.opportunity-card.low-profit{@apply border-l-4 border-red-500;}.chart-container{@apply bg-gray-800 rounded-lg p-4;}.nav-item{@apply flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200;}.nav-item.active{@apply bg-gray-900 text-white;}.nav-item:not(.active){@apply text-gray-300 hover:bg-gray-700 hover:text-white;}.modal-overlay{@apply fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50;}.modal-content{@apply bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4;}.tooltip{@apply absolute z-50 px-3 py-2 text-sm text-white bg-gray-900 rounded-lg shadow-lg;}.counter-animation{transition:all .3s ease}.highlight{@apply bg-yellow-500 bg-opacity-20 border border-yellow-500 border-opacity-50;}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}@media print{.no-print{display:none!important}}.dark-theme{color-scheme:dark}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}::selection{background-color:#3b82f6;color:#fff}