.commission-summary{position:relative;padding:24px 22px;border:1px solid #f0e4dc;box-shadow:0 12px 28px rgba(25,35,52,.12);background:linear-gradient(145deg,#fff 0%,#fffdfb 100%)}.commission-summary h2{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#15233a;font-size:18px}.commission-summary h2:first-letter{color:#ff5b18}.commission-summary>div{gap:12px}.commission-summary span{position:relative;overflow:hidden;min-height:78px;padding:15px 16px;border-radius:16px;box-shadow:0 3px 8px rgba(25,35,52,.04)}.commission-summary span:before{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:currentColor;opacity:.65}.commission-summary small{font-size:10px;letter-spacing:.02em}.commission-summary b{font-size:22px;letter-spacing:-.4px}.commission-summary .total b{color:#f24f25}.commission-summary .pending b{color:#dc9415}.commission-summary .done b{color:#159d58}.commission-summary .received b{color:#2e65cf}.commission-summary .total:after,.commission-summary .pending:after,.commission-summary .done:after,.commission-summary .received:after{position:absolute;right:13px;bottom:10px;font-size:22px;opacity:.12}.commission-summary .total:after{content:"₫"}.commission-summary .pending:after{content:"◷"}.commission-summary .done:after{content:"✓"}.commission-summary .received:after{content:"$"}@media(max-width:600px){.commission-summary{padding:19px 15px}.commission-summary>div{gap:9px}.commission-summary span{min-height:70px;padding:12px}.commission-summary b{font-size:20px}}