@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 0%;--foreground:0 0% 98%;--card:0 0% 8%;--card-foreground:0 0% 98%;--popover:0 0% 8%;--popover-foreground:0 0% 98%;--primary:217 91% 60%;--primary-foreground:0 0% 0%;--secondary:0 0% 12%;--secondary-foreground:0 0% 98%;--muted:0 0% 12%;--muted-foreground:0 0% 65%;--accent:0 0% 12%;--accent-foreground:0 0% 98%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:0 0% 15%;--input:0 0% 12%;--ring:217 91% 60%;--radius:1rem;--success:142 76% 36%;--success-foreground:0 0% 98%;--warning:38 92% 50%;--warning-foreground:0 0% 0%;--info:217 91% 60%;--info-foreground:0 0% 98%;--chart-1:217 91% 60%;--chart-2:142 76% 36%;--chart-3:38 92% 50%;--chart-4:0 84% 60%;--chart-5:262 83% 58%}*,html{@apply h-full}body{@apply bg-background text-foreground h-full;font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next{@apply h-full}}@layer components{.sales-dashboard{@apply min-h-screen bg-black text-white;background:linear-gradient(135deg,#000,#1a1a1a 50%,#000)}.sales-content{@apply px-4 py-6 space-y-6 max-w-md mx-auto}.top-nav{@apply flex items-center justify-between px-4 py-3 bg-black/80 backdrop-blur-xl border-b border-white/10;position:-webkit-sticky;position:sticky;top:0;z-index:50}.menu-button,.nav-title{@apply p-2 rounded-lg bg-white/10 hover:bg-white/20 transition-colors}.performance-card{@apply bg-gradient-to-br from-gray-900/80 to-gray-800/80 backdrop-blur-xl;@apply border border-white/10 rounded-2xl p-4;@apply transition-all duration-300 ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.performance-card:hover{@apply transform -translate-y-1;box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}.filter-input,.filter-section,.filter-select,.filter-title,.metric-change,.metric-change.negative,.metric-change.positive,.metric-label,.metric-value,.performance-grid,.performance-metric{@apply relative}.filter-select:after{content:"▼";@apply absolute right-4 top-1/2 transform -translate-y-1/2 text-gray-400 pointer-events-none;font-size:12px}.chart-container,.trends-card,.trends-change,.trends-change.positive,.trends-header,.trends-title,.trends-value{@apply mt-6 h-48 relative}.chart-line{@apply w-full h-full;background:linear-gradient(180deg,rgba(59,130,246,.2),rgba(59,130,246,.05));border-radius:8px;position:relative}.chart-line:before{content:"";@apply absolute inset-0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8) 25%,rgba(59,130,246,.4) 50%,rgba(59,130,246,.8) 75%,transparent);border-radius:8px;animation:chartFlow 3s ease-in-out infinite}@keyframes chartFlow{0%,to{opacity:.6}50%{opacity:1}}.bottom-nav{@apply fixed bottom-0 left-0 right-0 bg-black/90 backdrop-blur-xl border-t border-white/10;@apply flex items-center justify-around py-3 px-4;z-index:50}.activity-item,.activity-item:hover,.activity-status,.nav-icon,.nav-item,.nav-item.active,.nav-label,.status-callback,.status-closed,.status-pending{@apply bg-gray-500}.btn-primary{@apply bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800;@apply text-white font-semibold px-6 py-3 rounded-xl;@apply transition-all duration-200 ease-out;@apply shadow-lg hover:shadow-xl;@apply transform hover:-translate-y-0.5;box-shadow:0 4px 12px rgba(59,130,246,.3),0 2px 4px rgba(59,130,246,.2)}.btn-secondary{@apply bg-gray-800/80 backdrop-blur-sm border border-white/10;@apply text-white font-medium px-6 py-3 rounded-xl;@apply transition-all duration-200 ease-out;@apply hover:bg-gray-700/80 hover:border-white/20;@apply shadow-md hover:shadow-lg}.card-modern{@apply bg-gradient-to-br from-gray-900/80 to-gray-800/80 backdrop-blur-xl;@apply border border-white/10 rounded-2xl shadow-xl;box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.badge-danger,.badge-success,.badge-warning,.status-badge{@apply bg-red-500/20 text-red-400 border border-red-500/30}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px rgba(34,197,94,.4)}50%{box-shadow:0 0 16px rgba(34,197,94,.6)}}@media (max-width:640px){.chart-container,.metric-value,.performance-card,.sales-content,.trends-card{@apply h-36}}@media (min-width:641px) and (max-width:1024px){.performance-grid,.sales-content{@apply grid-cols-2 gap-6}}@media (min-width:1025px){.performance-grid,.sales-content{@apply grid-cols-4 gap-6}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{@apply bg-gray-700 rounded-full}::-webkit-scrollbar-thumb:hover{@apply bg-gray-600}}