/* KPI cards */
    .ap-stat {
      padding: 1.2rem 1.35rem;
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    .ap-stat-icon {
      width: 44px;
      height: 44px;
      border-radius: var(--ap-radius-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      flex-shrink: 0;
    }

    .ap-stat-label {
      font-size: .78rem;
      color: var(--ap-secondary);
      font-weight: 600;
    }

    .ap-stat-value {
      font-size: 1.35rem;
      font-weight: 800;
      color: var(--ap-text-strong);
      letter-spacing: -.02em;
    }

    .ap-stat-change {
      font-size: .74rem;
      font-weight: 700;
    }

    /* Table */
    .ap-table thead th {
      font-size: .72rem;
      color: var(--ap-secondary);
      font-weight: 700;
      border-bottom: 1px solid var(--ap-border);
      padding: .75rem .6rem;
      white-space: nowrap;
    }

    .ap-table tbody td {
      padding: .8rem .6rem;
      border-bottom: 1px solid var(--ap-border);
      vertical-align: middle;
      font-size: .85rem;
      color: var(--ap-text);
    }

    .ap-avatar {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      object-fit: cover;
    }

    .ap-prod-thumb {
      width: 38px;
      height: 38px;
      border-radius: var(--ap-radius-sm);
      object-fit: cover;
    }

    /* Inventory */
    .ap-stock-row {
      display: flex;
      align-items: center;
      gap: .75rem;
      padding: .7rem 0;
      border-bottom: 1px solid var(--ap-border);
    }

    .ap-stock-row:last-child {
      border-bottom: none;
    }

    .ap-stock-bar-bg {
      width: 70px;
      background: var(--ap-bg);
      border-radius: 10px;
      height: 6px;
    }

    .ap-stock-bar {
      height: 100%;
      border-radius: 10px;
    }

    /* Coupon cards */
    .ap-coupon-card {
      border: 1px dashed var(--ap-border);
      border-radius: var(--ap-radius-sm);
      padding: 1rem;
      display: flex;
      align-items: center;
      gap: .9rem;
      background: var(--ap-bg);
    }

    .ap-coupon-icon {
      width: 42px;
      height: 42px;
      border-radius: var(--ap-radius-sm);
      background: var(--ap-primary-100);
      color: var(--ap-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      flex-shrink: 0;
    }

    .ap-coupon-code {
      font-family: var(--ap-mono);
      font-weight: 700;
      color: var(--ap-text-strong);
      font-size: .85rem;
    }

    .ap-coupon-desc {
      font-size: .76rem;
      color: var(--ap-secondary);
    }

    .ap-coupon-uses {
      font-size: .72rem;
      color: var(--ap-secondary);
      margin-top: .3rem;
    }

    /* payment methods */
    .ap-pay-row {
      display: flex;
      align-items: center;
      gap: .8rem;
      padding: .65rem 0;
      border-bottom: 1px solid var(--ap-border);
    }

    .ap-pay-row:last-child {
      border-bottom: none;
    }

    .ap-pay-icon {
      width: 36px;
      height: 36px;
      border-radius: var(--ap-radius-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.05rem;
      flex-shrink: 0;
    }

    .ap-pay-bar-bg {
      flex: 1;
      background: var(--ap-bg);
      border-radius: 10px;
      height: 6px;
    }

    .ap-pay-bar {
      height: 100%;
      border-radius: 10px;
      background: var(--ap-primary);
    }