*{box-sizing:border-box}.dashboard-header{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#3730a3);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 28px;display:flex;box-shadow:0 8px 32px #1e1b4b40}.header-title-group{align-items:center;gap:14px;display:flex}.header-icon{color:#ffffffb3;background:#ffffff14;border-radius:10px;width:40px;height:40px;padding:6px}.dashboard-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.dashboard-subtitle{color:#ffffff8c;margin-top:2px;font-size:13px;font-weight:400;display:block}.header-right{align-items:center;gap:12px;display:flex}.date-picker-custom .el-input__wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:10px!important}.date-picker-custom .el-input__wrapper:hover{background:#ffffff24!important;border-color:#ffffff40!important}.date-picker-custom .el-input__inner,.date-picker-custom .el-range-input{font-size:13px;color:#fff!important;background:0 0!important}.date-picker-custom .el-input__prefix,.date-picker-custom .el-input__suffix,.date-picker-custom .el-range-separator{color:#ffffff80!important}.toggle-all-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.toggle-all-btn:hover{background:#ffffff29;border-color:#ffffff40;transform:scale(1.05)}.toggle-icon{transition:transform .3s}.toggle-icon.rotated{transform:rotate(45deg)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.overview-card{background:#fff;border:1px solid #f0f0f5;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000d}.overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.overview-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.card-imei .overview-icon{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.card-device .overview-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#93c5fd)}.card-app .overview-icon{color:#059669;background:linear-gradient(135deg,#d1fae5,#6ee7b7)}.card-amount .overview-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fcd34d)}.overview-content{flex-direction:column;display:flex}.overview-label{color:#6b7280;margin-bottom:4px;font-size:13px;font-weight:500}.overview-value{color:#1f2937;letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.stat-card{background:#fff;border:1px solid #f0f0f5;border-radius:16px;margin-bottom:20px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 2px 12px #0000000d}.stat-card:hover{box-shadow:0 6px 24px #00000014}.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 22px;transition:background .3s;display:flex}.card-header:hover{background:linear-gradient(135deg,#f5f5f5,#eee)}.card-header-left{align-items:center;gap:10px;display:flex}.chevron-icon{color:#6b7280;flex-shrink:0;transition:transform .3s}.chevron-icon.open{transform:rotate(90deg)}.card-title{color:#1f2937;margin:0;font-size:15px;font-weight:600}.card-badge{color:#6b7280;background:#6b728014;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.chart-body{padding:12px 8px}.chart-row-2col{grid-template-columns:1fr 1fr}.chart-row-2col,.chart-row-3col{gap:18px;margin-bottom:4px;display:grid}.chart-row-3col{grid-template-columns:1fr 1fr 1fr}.slide-enter-active{opacity:1;max-height:800px;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-leave-active{opacity:1;max-height:800px;transition:all .25s cubic-bezier(.4,0,.2,1)}.slide-enter-from,.slide-leave-to{opacity:0;max-height:0;overflow:hidden;padding-top:0!important;padding-bottom:0!important}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-row-2col,.chart-row-3col{grid-template-columns:1fr}}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.header-right{flex-wrap:wrap;width:100%}.date-picker-custom{width:100%!important}.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}