:root{--mirae-release:"3.3.0"}
.makeup-batch-mode{display:flex;gap:22px;padding:12px 0 18px}.makeup-batch-mode label,.makeup-batch-person,.makeup-batch-count label{display:flex;align-items:center;gap:9px}.makeup-batch-mode input,.makeup-batch-person input,.makeup-batch-count input{width:17px;height:17px;accent-color:#67875a}.makeup-batch-count{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5dfca;padding:16px 0 10px;margin-top:18px}.makeup-batch-count strong{color:#5b7b47;font-size:13px}.makeup-batch-row{border:1px solid #d4dfca;background:#fafcf6;padding:14px;margin:8px 0}.makeup-batch-person{flex-wrap:wrap;font-size:14px}.makeup-batch-person small{font-size:11px;color:#819072}.makeup-batch-person span{margin-left:auto;font-size:11px;color:#a27425}.makeup-individual{display:grid;grid-template-columns:120px 100px 1fr 1fr;gap:10px;border-top:1px solid #dee5d5;margin-top:13px;padding-top:13px}.makeup-individual[hidden]{display:none}.makeup-fixed-student{padding:14px;background:#edf4e5;margin-bottom:20px}[data-batch-common]{padding:18px;background:#f1f6e9;border:1px solid #d5dfc9}
.usage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d2dec9;background:#f8fbf2;margin:20px 0}.usage-summary article{padding:20px 25px;border-right:1px solid #d2dec9}.usage-summary article:last-child{border:0}.usage-summary span{display:block;font-size:12px;color:#788c68}.usage-summary strong{display:block;font-size:32px;line-height:1.3;margin-top:12px;color:#345136}.usage-summary small{font-size:12px;color:#87977c;margin-left:7px}.usage-watch{padding:23px;background:#fbf2df;border:1px solid #e2cf9d;margin:22px 0}.usage-watch h2{font-size:20px}.usage-watch>div>p{font-size:12px;color:#97805a;margin:8px 0 20px}.usage-watch-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-watch-list article{background:#fffdf7;border:1px solid #e5d5b5;padding:19px}.usage-watch-list article>span{font-size:10px;color:#a17c2e}.usage-watch-list h3{font-size:17px;margin:10px 0}.usage-watch-list h3 small{font-size:11px;font-weight:400;color:#a08d6a}.usage-watch-list article>strong{font-size:31px;letter-spacing:-1px;color:#7f5e23}.usage-watch-list strong small{font-size:11px;margin-left:4px}.usage-watch-list p,.usage-watch-list article>small{font-size:11px;color:#958365;margin-top:10px}.usage-tools{display:flex;gap:10px;margin:24px 0 15px}.usage-tools input{flex:1}.usage-tools select{padding:9px 12px;background:#fcfdf8;border:1px solid #c8d6bd}.usage-table-scroll{overflow:auto;border:1px solid #d3dfcb}.usage-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:12px}.usage-table th,.usage-table td{padding:17px 13px;text-align:left;border-bottom:1px solid #e0e8d8;vertical-align:middle;background:#fffef8}.usage-table thead th{background:#edf3e6;padding:10px}.usage-table thead button{background:none;border:0;color:#5f7652;font-size:11px;white-space:nowrap}.usage-table tbody th{position:sticky;left:0;z-index:1;min-width:140px;border-right:1px solid #e1e8d8}.usage-table th strong{display:block;font-size:14px}.usage-table td strong{font-size:18px;display:block;color:#486c3d}.usage-table td strong small{font-size:10px;margin-left:3px;color:#96a28b}.usage-table tbody th small,.usage-table tbody th span,.usage-table td>span{display:block;font-size:10px;color:#819475;margin-top:6px;white-space:nowrap}.usage-score{font-size:24px;color:#568041;font-weight:700}.usage-score.low{color:#a57c37}.usage-meter{background:#ebf0e5;height:4px;max-width:75px;margin-top:8px}.usage-meter i{display:block;background:#7b9c62;height:100%}.usage-explainer{margin-top:20px;padding:17px;border-top:1px solid #d3dfc9;color:#758568;font-size:12px}.usage-explainer summary{cursor:pointer}.usage-explainer p{line-height:1.9;margin-top:12px}
@media(max-width:760px),(pointer:coarse) and (max-width:1180px){
 .academy-login[data-layout]{justify-content:center!important;gap:0;padding:24px 26px!important;background:radial-gradient(ellipse at 12% 8%,#f9fbef 0,transparent 46%),linear-gradient(145deg,#e4eddc 0%,#f1f5e9 65%,#dfead6 100%);position:relative;isolation:isolate}
 .academy-login[data-layout]:before{content:"";position:absolute;inset:18px;z-index:-1;border:1px solid #77936320;pointer-events:none}
 .academy-login[data-layout]>.login-side{flex:0 0 auto!important;align-self:center;max-width:420px;background:none;position:relative;transform:translateY(calc(-1 * var(--login-shift,0px)))}
 .academy-login[data-layout] .mobile-logo{margin-bottom:24px;gap:5px}.academy-login[data-layout] .mobile-logo strong{font-size:29px;color:#385632;letter-spacing:-.07em}.academy-login[data-layout] .mobile-logo span{display:block;font-size:10px;letter-spacing:.13em;color:#8a9c7c}
 .academy-login[data-layout] .login-form h2{font-size:17px;color:#6f835d;font-weight:400;margin:0 0 23px}.academy-login[data-layout] .field input{height:45px;border:1px solid #b6c8a7;background:#ffffffbd;border-radius:3px;box-shadow:0 2px 0 #6b88450a}
 .academy-login[data-layout] .login-submit{margin-top:18px!important;height:45px;min-height:45px;box-shadow:0 4px 10px #4e703614}.academy-login[data-layout] .login-release{display:none!important}
 .academy-login[data-layout]>.login-brand{flex:0 0 auto!important;margin:25px auto 0!important;padding:18px 0 0!important;max-width:420px;overflow:visible;border-top:1px solid #b6c8a780;display:none!important;transform:translateY(calc(-1 * var(--login-shift,0px)))}
 .academy-login[data-layout]>.login-brand:has(.promotion-link){display:block!important}.academy-login[data-layout] .promotion-link{background:#ffffff82;min-height:37px;border-color:#bccdb080;box-shadow:0 2px 0 #779b5808}.academy-login[data-layout] .promotion-link strong{font-size:11px}.academy-login[data-layout] .promotion-links{gap:8px!important}
 .makeup-individual{grid-template-columns:1fr 1fr;gap:9px}.makeup-batch-count{font-size:11px;gap:10px}.makeup-batch-row{padding:12px}.makeup-batch-person{font-size:13px;gap:8px}.makeup-batch-person small{flex-basis:calc(100% - 26px);margin-left:26px}.makeup-batch-mode{font-size:13px}.usage-summary{grid-template-columns:1fr 1fr}.usage-summary article{padding:15px 18px;border-bottom:1px solid #d2dec9}.usage-summary article:nth-child(2){border-right:0}.usage-summary strong{font-size:26px;margin-top:8px}.usage-watch{padding:17px}.usage-watch-list{grid-template-columns:1fr}.usage-watch-list article{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:4px}.usage-watch-list article>span{grid-column:1}.usage-watch-list h3{grid-column:1;margin:3px 0}.usage-watch-list article>strong{grid-column:2;grid-row:1/3}.usage-watch-list p,.usage-watch-list article>small{grid-column:1/3;margin-top:3px}.usage-tools{flex-wrap:wrap}.usage-tools input{flex-basis:100%}.usage-tools select{flex:1;font-size:12px}.usage-watch h2{font-size:18px}
}
@media(max-height:660px) and (max-width:760px),(pointer:coarse) and (max-height:660px) and (max-width:1180px){.academy-login[data-layout]{padding:18px 24px!important}.academy-login[data-layout] .mobile-logo{margin-bottom:14px}.academy-login[data-layout] .mobile-logo strong{font-size:25px}.academy-login[data-layout] .login-form h2{margin-bottom:13px}.academy-login[data-layout] .login-submit{margin-top:12px!important}.academy-login[data-layout]>.login-brand{margin-top:18px!important;padding-top:14px!important}}
@media(max-height:470px) and (max-width:760px),(pointer:coarse) and (max-height:470px) and (max-width:1180px){.academy-login[data-layout]{padding:12px 25px!important}.academy-login[data-layout] .mobile-logo{margin-bottom:10px!important}.academy-login[data-layout] .mobile-logo strong{font-size:20px}.academy-login[data-layout] .mobile-logo span{display:none}.academy-login[data-layout] .field input{height:35px}.academy-login[data-layout] .login-submit{height:36px;min-height:36px;margin-top:10px!important}.academy-login[data-layout] .form-grid{gap:7px}.academy-login[data-layout]>.login-brand{margin-top:10px!important;padding-top:10px!important}.academy-login[data-layout] .promotion-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.academy-login[data-layout] .promotion-link{min-height:30px;padding:5px 7px}}
html.login-keyboard .academy-login[data-layout]>.login-brand{display:none!important}html.login-keyboard .academy-login[data-layout]{padding-top:8px!important;padding-bottom:8px!important}html.login-keyboard .academy-login[data-layout] .mobile-logo{margin-bottom:8px!important}