@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:56px;padding:0 24px;line-height:56px;display:flex;background:var(--bg-surface)!important}.header-left{align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.app-content{height:calc(100vh - 56px);padding:24px;overflow-y:auto;background:var(--bg-base)!important}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:8px;padding:20px 16px 16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-title{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:700}.logo-sub{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;font-size:10px;font-weight:400}.sidebar-footer{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 24px;display:flex;position:absolute;bottom:56px;left:0;right:0}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 24px;transition:all .2s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-card);border-color:#6366f14d;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.highlight-row>td{transition:all .3s;background:linear-gradient(90deg,#f59e0b1a,#f59e0b05)!important;border-top:1px solid #f59e0b!important;border-bottom:1px solid #f59e0b!important}.highlight-row>td:first-child{border-left:2px solid #f59e0b!important}.highlight-row>td:last-child{border-right:2px solid #f59e0b!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#1890ff;--color-primary-hover:#40a9ff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--bg-base:#f8f9fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 4px 20px #0f172a0d;--shadow-glow:0 0 30px #1890ff1a}html,body{background-color:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-layout-sider-trigger{border-bottom-right-radius:20px;border-bottom-left-radius:20px;margin-bottom:0;color:#fff!important;background-color:#2b5fa8!important}.ant-menu-dark{background:0 0!important}.ant-menu-dark .ant-menu-item-selected{color:#fff!important;background:#ffffff3b!important}.badge-apple{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.badge-google{color:#4285f4;background:#4285f41f;border:1px solid #4285f440;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.status-success{color:var(--color-success)}.status-refunded{color:var(--color-danger)}.status-pending{color:var(--color-warning)}
