#rider>.detail-card{order:5!important}
#rider>.rider-goal-settings{order:6!important}
#rider>.rider-monthly-report-settings{position:relative;order:7!important;overflow:hidden;background:linear-gradient(90deg,#fbfdff,#fff)!important}
#rider>.settlement-card-action{order:8!important}
#rider>.settlement-settings{order:9!important}
#rider>.bank-settings{order:10!important}
#rider>.notification-settings{order:11!important}
#rider>.inquiry-settings{order:12!important}

#rider .rider-monthly-report-settings:before{position:absolute;z-index:1;top:12px;left:0;width:3px;height:30px;border-radius:0 4px 4px 0;background:#3970cd;content:''}

#rider .rider-monthly-report-settings summary{min-height:58px!important;padding:13px 15px 13px 14px!important;list-style:none!important;-webkit-appearance:none!important}
#rider .rider-monthly-report-settings summary::marker{content:'';font-size:0}
#rider .rider-monthly-report-settings summary::-webkit-details-marker{display:none!important}
#rider .rider-monthly-report-settings summary>span{color:#304766!important;font-size:13px!important;font-weight:850!important}
#rider .rider-monthly-report-settings summary small{overflow:hidden;max-width:65%;color:#7487a2!important;text-overflow:ellipsis;white-space:nowrap}
#rider .rider-monthly-report-settings summary:after{background:#eff5ff!important;color:#3970cd!important}
#rider .rider-monthly-report-settings[open]{background:#fff!important}
#rider .rider-monthly-report-card{overflow:hidden!important;margin:7px!important;padding:0!important;border:1px solid #dce6f3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 20px rgba(29,57,98,.05)!important}

.rider-monthly-report-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:18px;padding:20px 21px 17px;border-bottom:1px solid #e6edf5;background:linear-gradient(135deg,#fbfdff,#f1f6fd)}
.rider-monthly-report-heading>div{min-width:0}
.rider-monthly-report-kicker{display:block;color:#5277b8;font-size:9px;font-weight:900;letter-spacing:.14em}
.rider-monthly-report-heading h2{margin:5px 0 5px!important;color:#1d3558!important;font-size:20px!important;letter-spacing:-.045em!important}
.rider-monthly-report-heading p{margin:0!important;color:#7a899e!important;font-size:11px!important;line-height:1.5!important}
.rider-monthly-report-heading label{margin:0!important;color:#61748f!important;font-size:11px!important;font-weight:800!important}
.rider-monthly-report-heading select{min-height:42px;margin-top:7px!important;padding:9px 34px 9px 12px!important;border-color:#d6e2f0!important;border-radius:10px!important;background:#fff!important;color:#25466f!important;font-size:12px!important;font-weight:850!important}
.rider-monthly-report-content{padding:18px 20px 4px}

.rider-monthly-report-primary{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px}
.rider-monthly-report-primary article{min-width:0;padding:15px;border:1px solid #dfe8f3;border-radius:13px;background:#f9fbfe}
.rider-monthly-report-primary article.is-pay{border-color:#cfdef4;background:linear-gradient(140deg,#eef5ff,#f8fbff)}
.rider-monthly-report-primary span,.rider-monthly-report-primary small{display:block;color:#708199;font-size:10px;font-weight:750}
.rider-monthly-report-primary strong{display:block;overflow:hidden;margin:7px 0 6px;color:#1d385d;font-size:20px;font-weight:900;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap}
.rider-monthly-report-primary .is-pay strong{color:#245eaf;font-size:23px}
.rider-monthly-report-primary small{color:#8a98aa;font-size:9px}

.rider-monthly-report-section{margin-top:17px;padding-top:16px;border-top:1px solid #e7edf5}
.rider-monthly-report-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.rider-monthly-report-section-title b{color:#263f60;font-size:13px}
.rider-monthly-report-section-title span{color:#8a98aa;font-size:9px;font-weight:700;text-align:right}
.rider-monthly-platforms{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rider-monthly-platform{position:relative;overflow:hidden;padding:14px 15px 13px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}
.rider-monthly-platform:before{position:absolute;inset:0 auto 0 0;width:4px;content:'';background:#3c79d5}
.rider-monthly-platform.is-coupang:before{background:#7658bb}
.rider-monthly-platform span,.rider-monthly-platform small{display:block;color:#718198;font-size:10px;font-weight:800}
.rider-monthly-platform strong{display:block;margin:6px 0 5px;color:#1e395c;font-size:18px;letter-spacing:-.045em}
.rider-monthly-platform small{color:#8795a8;font-size:9px}

.rider-monthly-statuses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rider-monthly-statuses article{padding:12px;border:1px solid #e1e8f1;border-radius:11px;background:#fbfcfe}
.rider-monthly-statuses span,.rider-monthly-statuses small{display:block;color:#718096;font-size:9px;font-weight:800}
.rider-monthly-statuses strong{display:block;overflow:hidden;margin:6px 0 4px;color:#264464;font-size:14px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}
.rider-monthly-statuses .is-paid{border-color:#d4eade;background:#f7fcf9}
.rider-monthly-statuses .is-paid strong{color:#19764f}
.rider-monthly-statuses .is-held{border-color:#eeded9;background:#fffaf8}
.rider-monthly-statuses .is-held strong{color:#a85443}

.rider-monthly-insights{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:13px}
.rider-monthly-insights article{padding:12px 13px;border:1px solid #e1e8f1;border-radius:11px;background:#fff}
.rider-monthly-insights span{display:block;color:#8190a3;font-size:9px;font-weight:800}
.rider-monthly-insights strong{display:block;margin-top:5px;color:#304a6c;font-size:12px;line-height:1.4}

.rider-monthly-periods{display:grid;gap:7px}
.rider-monthly-period.is-overflow{display:none}
.rider-monthly-periods.is-expanded{max-height:420px;overflow-y:auto;padding-right:4px;scrollbar-color:#b8c8dc #eef3f8;scrollbar-width:thin}
.rider-monthly-periods.is-expanded .rider-monthly-period.is-overflow{display:grid}
.rider-monthly-period{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid #e0e8f2;border-radius:11px;background:#fff;color:inherit;font:inherit;text-align:left}
.rider-monthly-period>span{display:flex;align-items:center;min-width:0;gap:8px}
.rider-monthly-period i{flex:0 0 auto;padding:4px 6px;border-radius:7px;background:#eaf2ff;color:#2d66bd;font-size:8px;font-style:normal;font-weight:900}
.rider-monthly-period i.is-coupang{background:#f0ecfb;color:#6c4eb0}
.rider-monthly-period b{overflow:hidden;color:#2c4567;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.rider-monthly-period em{color:#546b88;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.rider-monthly-period small{padding:4px 6px;border-radius:999px;background:#edf3fd;color:#55749c;font-size:8px;font-weight:900;white-space:nowrap}
.rider-monthly-period small.is-paid{background:#e8f7ef;color:#217b55}
.rider-monthly-period small.is-held{background:#fff0ec;color:#aa5745}
.rider-monthly-period-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:39px;margin-top:9px;padding:9px 12px;border:1px solid #d7e2ef;border-radius:10px;background:#f6f9fd;color:#41658f;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.rider-monthly-period-toggle:hover{border-color:#b9cce4;background:#eef5fd}
.rider-monthly-period-toggle i{font-size:14px;font-style:normal;line-height:1;transition:transform .16s}
.rider-monthly-period-toggle[aria-expanded="true"] i{transform:rotate(180deg)}

.rider-monthly-report-actions{padding:13px 20px 0}
.rider-monthly-report-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 16px;border:1px solid #c6d8ef;border-radius:11px;background:#f3f7fd;color:#28599d;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.rider-monthly-report-download:hover{border-color:#9db9df;background:#eaf2fd}
.rider-monthly-report-download:disabled{cursor:default;opacity:.5}
.rider-monthly-report-actions+.message{min-height:17px;margin:9px 20px 0!important;font-size:11px!important}
.rider-monthly-report-note{margin:8px 20px 18px!important;color:#98a4b3!important;font-size:9px!important;line-height:1.5!important}
.rider-monthly-report-empty{display:grid;gap:5px;padding:22px;border:1px dashed #d6e1ef;border-radius:12px;background:#f9fbfe;text-align:center}
.rider-monthly-report-empty b{color:#536a87;font-size:12px}
.rider-monthly-report-empty span{color:#8a98aa;font-size:10px;line-height:1.5}

@media(max-width:620px){
  #rider .rider-monthly-report-settings summary small{max-width:58%}
  .rider-monthly-report-heading{grid-template-columns:1fr;gap:13px;padding:17px 16px 15px}
  .rider-monthly-report-heading h2{font-size:18px!important}
  .rider-monthly-report-content{padding:14px 14px 3px}
  .rider-monthly-report-primary{grid-template-columns:1fr 1fr}
  .rider-monthly-report-primary article.is-pay{grid-column:1/-1;grid-row:1}
  .rider-monthly-report-primary strong{font-size:18px}
  .rider-monthly-report-primary .is-pay strong{font-size:24px}
  .rider-monthly-platforms{grid-template-columns:1fr}
  .rider-monthly-statuses{grid-template-columns:1fr}
  .rider-monthly-statuses .is-scheduled.is-empty,.rider-monthly-statuses .is-held.is-empty{display:none}
  .rider-monthly-statuses article{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}
  .rider-monthly-statuses strong{grid-row:1/3;grid-column:2;margin:0;font-size:15px;text-align:right}
  .rider-monthly-insights{grid-template-columns:1fr}
  .rider-monthly-period{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .rider-monthly-periods.is-expanded{max-height:385px}
  .rider-monthly-period>em{grid-column:1;font-size:9px}
  .rider-monthly-period>small{grid-row:1/3;grid-column:2}
  .rider-monthly-report-actions{padding:12px 14px 0}
  .rider-monthly-report-actions+.message{margin:8px 14px 0!important}
  .rider-monthly-report-note{margin:8px 14px 15px!important}
}