*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
body{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;min-height:100vh;padding:20px}
.container{max-width:1400px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:30px;border-bottom:1px solid #334155}
.logo{font-size:28px;font-weight:700;background:linear-gradient(90deg,#4f46e5 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.filters input[type="date"], .filters input[type="text"]{background:#0f172a;border:1px solid #334155;color:#e2e8f0;border-radius:8px;padding:8px 10px}
.filters .btn{padding:8px 12px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}
.filters .btn.primary{background:#4f46e5;border-color:#4f46e5}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}
.card{background:#1e293b;border-radius:16px;padding:25px;box-shadow:0 8px 16px rgba(0,0,0,0.2);transition:transform .3s ease, box-shadow .3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,0.3)}
.stat-card{display:flex;flex-direction:column}
.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.orders-icon{background:linear-gradient(45deg,#3b82f6,#1e40af)}
.revenue-icon{background:linear-gradient(45deg,#10b981,#047857)}
.aov-icon{background:linear-gradient(45deg,#f59e0b,#b45309)}
.utm-icon{background:linear-gradient(45deg,#ec4899,#be185d)}
.stat-value{font-size:32px;font-weight:700;margin-bottom:5px}
.stat-label{color:#94a3b8;font-size:14px}
.chart-container{height:280px;margin-top:15px}
.chart-card{grid-column:span 2}
table{border-collapse:collapse;width:100%;margin-top:12px}
th,td{border:1px solid #334155;padding:10px;font-size:14px}
th{background:#0f172a;text-align:left}
.badge{background:#0f172a;border:1px solid #334155;padding:4px 8px;border-radius:999px;font-size:12px}
@media (max-width:1000px){.chart-card{grid-column:span 1}}
@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}