:root{--mb-bg:#f5f7fb;--mb-surface:#fff;--mb-border:#e2e8f0;--mb-border-soft:#edf2f7;--mb-text:#172033;--mb-muted:#64748b;--mb-primary:#2563eb;--mb-radius:14px;--mb-control-h:42px;--mb-page-pad:clamp(14px,1.7vw,28px)}*,:before,:after{box-sizing:border-box}html{background:var(--mb-bg);-webkit-text-size-adjust:100%;min-width:320px}body{background:var(--mb-bg);min-width:320px;min-height:100vh;color:var(--mb-text);font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;margin:0;font-family:Arial,Noto Sans KR,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,select{cursor:pointer}img,svg,canvas{max-width:100%}a{color:inherit;text-decoration:none}.shell{grid-template-columns:clamp(210px,15vw,244px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;min-width:0;padding:clamp(18px,1.5vw,24px)}.sidebar h1{margin:0 0 28px;font-size:clamp(17px,1.2vw,19px)}.sidebar nav{gap:10px;display:grid}.sidebar a{color:#d6deea;word-break:keep-all;border-radius:9px;min-width:0;padding:11px 12px}.sidebar a:hover{background:#22304a}.main{width:100%;min-width:0;padding:var(--mb-page-pad)}.cards,.mb-auto-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(10px,1vw,16px);display:grid}.card,.panel{background:#fff;border:1px solid #e4e9f1;border-radius:15px;min-width:0;padding:clamp(14px,1.4vw,20px)}.card strong{font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(21px,1.8vw,26px);line-height:1.2;display:block}.muted{color:#718096}.mb-stat,.mb-value-stack{gap:5px;min-width:0;display:grid}.mb-stat-label,.mb-value-label{min-height:1.4em;color:var(--mb-muted);word-break:keep-all;font-size:12px;font-weight:800;line-height:1.4}.mb-stat-value,.mb-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;min-width:0;line-height:1.2}.mb-number,.mb-money,.mb-qty{white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right!important}.mb-name,.mb-text{text-align:left;word-break:keep-all;overflow-wrap:break-word;min-width:0}.mb-primary-text{word-break:keep-all;min-width:0;font-weight:850;line-height:1.35;display:block}.mb-secondary-text{min-height:1.35em;color:var(--mb-muted);word-break:keep-all;margin-top:3px;font-size:11px;line-height:1.35;display:block}input,select,textarea{min-width:0}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--mb-control-h)}textarea{resize:vertical}table{border-spacing:0}th{word-break:keep-all}td{vertical-align:middle}th[data-align=right],td[data-align=right]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th[data-align=center],td[data-align=center]{text-align:center;white-space:nowrap}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #e4e9f1;border-radius:18px;width:min(390px,100%);padding:clamp(22px,4vw,30px)}.login-card input,.login-card button{border-radius:9px;width:100%;margin-top:12px;padding:12px}.login-card input{border:1px solid #d9e0ea}.login-card button{color:#fff;background:#246bfd;border:0;font-weight:700}.notice{background:#eef4ff;border-radius:10px;margin-top:18px;padding:14px}@media (max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}@media (max-width:520px){:root{--mb-page-pad:12px;--mb-control-h:40px}.cards{grid-template-columns:1fr}.card,.panel{border-radius:12px;padding:13px}}