#thetop-rider-dashboard{padding:0;font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;box-sizing:border-box}
#thetop-rider-dashboard *{box-sizing:border-box}
#thetop-rider-dashboard .ri-screen{width:100%;max-width:700px;margin:auto;padding:19px 18px 22px;border-radius:20px;background:radial-gradient(ellipse at 100% 5%,#b646ed66,transparent 48%),radial-gradient(ellipse at 0% 45%,#128ff55c,transparent 55%),linear-gradient(145deg,#254b80,#47316e 68%,#243f73);color:#f7f9ff;color-scheme:dark}
#thetop-rider-dashboard .ri-update-note{text-align:right;font-size:12px;line-height:1.7;color:#e0e9ff;padding:0 5px 15px}
#thetop-rider-dashboard .ri-update-note strong{font-weight:800;color:#ffd75b;white-space:nowrap}
#thetop-rider-dashboard .ri-profile-panel{padding:24px 28px 26px;border:2px solid transparent;border-radius:25px;background:linear-gradient(145deg,#203b68,#3b2b63 65%,#263c68) padding-box,linear-gradient(135deg,#55deff,#8580ff 32%,#ed6aff 68%,#68bcff) border-box;box-shadow:0 0 20px #54c4ff30,0 0 34px #df52ff22,inset 0 0 24px #6da8ff0a}
#thetop-rider-dashboard .ri-ranking{padding:0 0 21px;border-bottom:1px solid #8eb3e955;margin:0 0 23px}
#thetop-rider-dashboard .ri-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
#thetop-rider-dashboard .ri-menu-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:56px;padding:12px 8px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;font-weight:800;border:1px solid #8fa4f0;border-radius:12px;box-shadow:0 3px 10px #13204e35,inset 0 1px 0 #ffffff22;text-shadow:0 1px 3px #17204f80}
#thetop-rider-dashboard .ri-menu-button svg{width:17px;height:17px;flex-shrink:0}
#thetop-rider-dashboard .ri-previous{background:linear-gradient(115deg,#514bb6,#2f66aa);border-color:#a6a4ff}
#thetop-rider-dashboard .ri-live{background:linear-gradient(115deg,#0d71b4,#6840d0);border-color:#9de7ff}
#thetop-rider-dashboard .ri-calculator{background:linear-gradient(115deg,#a52cb0,#6243c7);border-color:#f293ff}
#thetop-rider-dashboard .ri-logout{background:linear-gradient(115deg,#435b85,#565089);border-color:#9eadd3}
#thetop-rider-dashboard .ri-menu-button[aria-pressed="true"]{border-color:#abedff;box-shadow:0 0 0 1px #8cddff55,0 0 18px #3ec4ff55}
#thetop-rider-dashboard .ri-action-status{font-size:11px;line-height:1.6;color:#d6e8ff;min-height:18px;margin:0 0 21px}
#thetop-rider-dashboard .ri-content[hidden]{display:none}
#thetop-rider-dashboard .ri-weekly-summary{margin-top:19px}
#thetop-rider-dashboard .ri-details{margin-top:22px;padding:19px 19px 5px;background:linear-gradient(130deg,#2e416d,#413365);border:1px solid #a28de880;border-radius:15px;box-shadow:inset 0 1px 0 #fff1}
#thetop-rider-dashboard .ri-details h2{font-size:16px;line-height:1.5;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.3px}
#thetop-rider-dashboard .ri-unreflected h2{color:#e0f2ff}
#thetop-rider-dashboard .ri-detail-values{margin:0}
#thetop-rider-dashboard .ri-detail-values>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #a3b6e133}
#thetop-rider-dashboard .ri-detail-values dt{font-size:13px;line-height:1.5;color:#e1eaff}
#thetop-rider-dashboard .ri-detail-values dd{font-size:15px;line-height:1.5;font-weight:700;color:#f2f6ff;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
#thetop-rider-dashboard .ri-detail-total dt,#thetop-rider-dashboard .ri-detail-total dd{font-weight:800;color:#e4dbff}
#thetop-rider-dashboard .ri-summary-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#thetop-rider-dashboard .ri-summary-title h2{font-size:15px;line-height:1.5;color:#e0eaf7;margin:0;font-weight:800}
#thetop-rider-dashboard .ri-summary-title>span{font-size:11px;line-height:1.5;color:#d0e0fa}
#thetop-rider-dashboard .ri-weekly-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
#thetop-rider-dashboard .ri-weekly-values>div{min-width:0;border:1px solid #82bbf177;border-radius:11px;padding:13px 12px;background:linear-gradient(135deg,#2c4d7c,#3b3f77)}
#thetop-rider-dashboard .ri-weekly-values dt{font-size:12px;line-height:1.5;color:#e1eeff;white-space:nowrap}
#thetop-rider-dashboard .ri-weekly-values dd{font-size:21px;line-height:1.5;font-weight:800;color:#f3f7ff;margin:5px 0 0;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:440px){#thetop-rider-dashboard .ri-menu-button{font-size:12px;gap:6px;min-height:53px;padding:11px 7px}#thetop-rider-dashboard .ri-menu-button svg{width:15px;height:15px}#thetop-rider-dashboard .ri-menu{gap:8px}#thetop-rider-dashboard .ri-weekly-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#thetop-rider-dashboard .ri-weekly-values dd{font-size:20px}}
#thetop-rider-dashboard .ri-ranking-heading{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:14px;margin-bottom:12px}
#thetop-rider-dashboard .ri-ranking-heading h2{font-size:14px;line-height:1.7;letter-spacing:-.2px;font-weight:800;color:#f3f7ff;margin:0;word-break:keep-all;overflow-wrap:break-word}
#thetop-rider-dashboard .ri-date-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#thetop-rider-dashboard .ri-date-field>span{font-size:11px;line-height:1.5;color:#e0e9ff}
#thetop-rider-dashboard .ri-date-field input{width:100%;min-width:0;max-width:100%;min-height:44px;padding:9px 8px;border:1px solid #7fd9ff;border-radius:10px;background:#243a68;color:#fff;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 0 12px #4fc9ff22;color-scheme:dark}
#thetop-rider-dashboard .ri-date-field input::-webkit-calendar-picker-indicator{opacity:1}
#thetop-rider-dashboard .ri-rank-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;font-size:11px;line-height:1.6;color:#d4e6ff;margin:0 0 16px}
#thetop-rider-dashboard .ri-rank-meta>span:last-child{color:#e4d5ff}
#thetop-rider-dashboard .ri-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}
#thetop-rider-dashboard .ri-rank{text-align:center;min-width:0;padding:12px 8px;border:1px solid #8ec9ff44;border-radius:13px;background:linear-gradient(145deg,#325285,#493b7f);box-shadow:inset 0 1px 0 #ffffff18}
#thetop-rider-dashboard .ri-empty{grid-column:1/-1;margin:0;padding:22px 8px;text-align:center;color:#e3eeff;font-size:13px;line-height:1.6}
#thetop-rider-dashboard .ri-rank h3{font-size:15px;font-weight:800;line-height:1.5;margin:0 0 8px;color:#ffda83}
#thetop-rider-dashboard .ri-second h3{color:#d5e3f5}
#thetop-rider-dashboard .ri-third h3{color:#e8b78e}
#thetop-rider-dashboard .ri-member{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;line-height:1.5;min-width:0}
#thetop-rider-dashboard .ri-member+.ri-member{margin-top:11px}
#thetop-rider-dashboard .ri-member>span{font-size:12px;color:#e5efff;white-space:nowrap}
#thetop-rider-dashboard .ri-member>div{display:flex;align-items:baseline;justify-content:center;gap:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
#thetop-rider-dashboard .ri-member strong{font-size:26px;letter-spacing:-.6px;font-weight:800;color:#f5f8ff;line-height:1.3}
#thetop-rider-dashboard .ri-member>div>span{font-size:12px;color:#d5e6ff}
#thetop-rider-dashboard .ri-identity{margin:0 0 23px}
#thetop-rider-dashboard .ri-identity h1{font-size:27px;line-height:1.45;letter-spacing:-1px;font-weight:900;color:#fff;margin:0 0 6px}
#thetop-rider-dashboard .ri-identity p{font-size:17px;line-height:1.5;color:#d9e6fa;margin:0;font-weight:700;letter-spacing:.1px}
#thetop-rider-dashboard .ri-sla{background:radial-gradient(ellipse at 50% 100%,#6050be55,transparent 75%),linear-gradient(135deg,#244a79,#463a7d);border:1.5px solid #a897f5;border-radius:19px;padding:24px 18px 23px;text-align:center;box-shadow:0 0 24px #8c76ff26,inset 0 0 20px #98d9ff0d}
#thetop-rider-dashboard .ri-sla h2{display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px;line-height:1.5;font-weight:800;color:#f2f6ff;margin:0 0 15px}
#thetop-rider-dashboard .ri-rate{display:flex;align-items:baseline;justify-content:center;gap:4px;color:#fff;font-variant-numeric:tabular-nums;line-height:1.3}
#thetop-rider-dashboard .ri-rate strong{font-size:48px;letter-spacing:-1px;font-weight:900;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 16px #72e4ff66,0 1px 2px #153654}
#thetop-rider-dashboard .ri-rate>span{font-size:24px;font-weight:800;color:#fff;-webkit-text-fill-color:#fff}
#thetop-rider-dashboard .ri-sla-caption{font-size:11px;line-height:1.6;color:#d9e7ff;margin-top:8px}
@media(max-width:440px){#thetop-rider-dashboard{padding:10px 0 18px}#thetop-rider-dashboard .ri-screen{padding:16px 10px 17px;border-radius:15px}#thetop-rider-dashboard .ri-profile-panel{padding:20px 14px;border-radius:20px}#thetop-rider-dashboard .ri-ranking-heading{grid-template-columns:1fr;gap:10px;margin-bottom:12px}#thetop-rider-dashboard .ri-ranking-heading h2{font-size:13px}#thetop-rider-dashboard .ri-date-field{flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}#thetop-rider-dashboard .ri-date-field input{width:160px}#thetop-rider-dashboard .ri-rank{padding:12px 4px}#thetop-rider-dashboard .ri-member strong{font-size:23px}#thetop-rider-dashboard .ri-identity h1{font-size:24px}#thetop-rider-dashboard .ri-identity p{font-size:15px}#thetop-rider-dashboard .ri-update-note{font-size:11px}#thetop-rider-dashboard .ri-rate strong{font-size:42px}}
body.rider-dashboard-active{background:radial-gradient(ellipse at 100% 5%,#a84ae855,transparent 50%),linear-gradient(135deg,#233e72,#393066 70%,#263f70);}
body.rider-dashboard-active .wrap{max-width:780px;margin:0 auto;padding:24px 12px;}
#thetop-rider-dashboard .ri-menu-button{text-decoration:none;width:100%;margin:0;}
#thetop-rider-dashboard .ri-menu-button:disabled{opacity:.65;}
#thetop-rider-dashboard .ri-rate strong{background:none;border:0;padding:0;line-height:1.3;}
#thetop-rider-dashboard #riderRateCaption{margin-top:8px;}
#thetop-rider-dashboard .ri-action-status{overflow-wrap:anywhere;}


#thetop-rider-dashboard .ri-achievement-button{grid-column:1/-1;position:relative;background:linear-gradient(110deg,#6844c8,#9f36b2 55%,#346dc1);border-color:#d9adff;box-shadow:0 0 17px #ce6dff35,inset 0 1px 0 #ffffff2b;margin-top:2px}
#thetop-rider-dashboard .ri-achievement-basis{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin:-3px 0 15px;color:#e2eaff;font-size:11px;line-height:1.6}
#thetop-rider-dashboard .ri-basis-mode{padding:3px 9px;border:1px solid #bba0ed;border-radius:20px;color:#eee6ff;background:#8d66ce24}
#thetop-rider-dashboard .ri-basis-mode.ri-holiday-mode{color:#ffd5e9;border-color:#dd81ba;background:#bc49732b}
#thetop-rider-dashboard .ri-achievement-button .ri-achievement-chevron{position:absolute;right:15px;transition:transform .2s}
#thetop-rider-dashboard .ri-achievement-button[aria-expanded="true"] .ri-achievement-chevron{transform:rotate(180deg)}
#thetop-rider-dashboard .ri-achievement-panel{margin:17px 0 14px;padding:18px;border:1px solid #b696ec;border-radius:18px;background:linear-gradient(145deg,#28477b,#503778 70%,#304e7d);box-shadow:0 0 20px #a779ff20}
#thetop-rider-dashboard .ri-achievement-panel[hidden]{display:none}
#thetop-rider-dashboard .ri-achievement-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;margin-bottom:15px}
#thetop-rider-dashboard .ri-achievement-head h2{margin:0;color:#fff;font-size:16px;line-height:1.5;font-weight:800;letter-spacing:-.3px}
#thetop-rider-dashboard .ri-achievement-head>span{color:#e1eaff;font-size:11px;line-height:1.5}
#thetop-rider-dashboard .ri-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#thetop-rider-dashboard .ri-achievement-card{min-width:0;text-align:center;padding:17px 12px 15px;background:linear-gradient(140deg,#203963,#3d3068);border:1px solid #88b6e75e;border-radius:14px}
#thetop-rider-dashboard .ri-achievement-card h3{margin:0 0 12px;color:#f2f6ff;font-size:15px;line-height:1.5;font-weight:800;letter-spacing:-.4px}
#thetop-rider-dashboard .ri-gauge{width:100%;max-width:230px;margin:auto;position:relative}
#thetop-rider-dashboard .ri-gauge svg{display:block;width:100%;height:auto;overflow:visible}
#thetop-rider-dashboard .ri-gauge-track,#thetop-rider-dashboard .ri-gauge-fill{fill:none;stroke-width:16;stroke-linecap:butt}
#thetop-rider-dashboard .ri-gauge-track{stroke:#afc9f22b}
#thetop-rider-dashboard .ri-gauge-fill{stroke:url(#thetop-rider-achievement-gradient);transition:stroke-dasharray .3s}
#thetop-rider-dashboard .ri-gauge>strong{position:absolute;bottom:2px;left:0;right:0;color:#fff;-webkit-text-fill-color:#fff;font-size:34px;line-height:1.2;font-weight:900;letter-spacing:-1px;font-variant-numeric:tabular-nums;text-shadow:0 0 15px #71caff66;white-space:nowrap}
#thetop-rider-dashboard .ri-gauge>strong>span{font-size:20px;margin-left:2px;color:#edf5ff;font-weight:700}
#thetop-rider-dashboard .ri-achievement-state{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:4px 11px;border-radius:20px;background:#8cbfff1f;color:#e4f1ff;font-size:11px;line-height:1.5;font-weight:700}
#thetop-rider-dashboard .ri-achievement-state.ri-achieved{color:#fff0b7;background:#d8a5362b}
#thetop-rider-dashboard .ri-achievement-state.ri-waiting{color:#c9d8ed;background:#a9b7df12}
@media(max-width:440px){#thetop-rider-dashboard .ri-achievement-panel{padding:14px 10px;border-radius:15px}#thetop-rider-dashboard .ri-achievement-grid{gap:9px}#thetop-rider-dashboard .ri-achievement-card{padding:14px 6px 12px}#thetop-rider-dashboard .ri-achievement-card h3{font-size:13px;margin-bottom:9px}#thetop-rider-dashboard .ri-achievement-head h2{font-size:14px}#thetop-rider-dashboard .ri-gauge>strong{font-size:24px;bottom:0}#thetop-rider-dashboard .ri-gauge>strong>span{font-size:14px}#thetop-rider-dashboard .ri-achievement-state{padding:3px 9px}}
@media(prefers-reduced-motion:reduce){#thetop-rider-dashboard .ri-gauge-fill,#thetop-rider-dashboard .ri-achievement-chevron{transition:none}}
#thetop-rider-dashboard .ri-achievement-notice{font-size:11px;line-height:1.7;color:#dce7ff;margin:14px 0 0;overflow-wrap:anywhere}