/* 例の撮影会 参加者管理システム - フロント表示用CSS */

.ray-capacity-box{
    margin:20px 0;
    padding:18px;
    background:#f8fbff;
    border:1px solid #d8e6ff;
    border-left:6px solid #3300FF;
    border-radius:8px;
}

.ray-capacity-title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:12px;
}

.ray-capacity-grid{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.ray-capacity-item{
    min-width:100px;
}

.ray-capacity-value{
    font-size:24px;
    font-weight:bold;
    color:#233B6C;
}

.ray-capacity-warning{
    color:#d9534f;
}

.ray-capacity-type-list{
    margin-top:8px;
}

.ray-capacity-type-row{
    margin:6px 0;
}


確かに枠が多すぎます。

今の状態は 外枠＋中の空枠＋各集計枠 が重なっていて、情報より線が目立っています。

おすすめはこうです。

修正方針
大きな外枠だけ残す
中の空っぽの枠は消す
種別別売上・追加オプション内訳は薄い背景だけ
左の青線は各ブロックに1本だけ

style.css の管理画面集計部分を、以下に置き換えてください。

/* =====================================================
   管理画面 集計表示用
===================================================== */

.ray-summary-box{
    margin:18px 0;
    padding:18px;
    background:#ffffff;
    border:none;
    border-left:5px solid #233B6C;
    border-radius:6px;
}

.ray-summary-title{
    margin:0 0 14px 0;
    color:#233B6C;
    font-size:18px;
    font-weight:bold;
}

.ray-summary-box .postbox{
    margin:0;
    padding:12px;
    min-width:150px;
    border:1px solid #d8e6ff;
    border-radius:6px;
    background:#f8fbff;
    box-shadow:none;
}

.ray-summary-box table.widefat{
    margin-top:10px;
    max-width:800px;
}

.ray-summary-box + .ray-summary-box{
    margin-top:14px;
}