@charset "UTF-8";
:root{--mobile-font-bump:0px}
:root{--ink:#27352f;--muted:#829087;--green:#127769;--green-bright:#20a18b;--line:#e7ebe6;--canvas:#f6f8f4;--white:#fff;--mint:#e8f2ea;--shadow:0 5px 20px #334a3910}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:calc(14px + var(--mobile-font-bump, 0px));line-height:1.5;letter-spacing:-.25px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #66bda6;outline-offset:3px}[hidden]{display:none!important}
.shell{display:flex;min-height:100vh}.sidebar{width:224px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 19px 22px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:calc(21px + var(--mobile-font-bump, 0px));margin:0 4px 55px}.brand-icon{height:37px;width:37px;padding:8px;border-radius:11px;background:var(--green);color:white}.brand-icon svg{width:100%;height:100%}.brand-sub{display:block;font-weight:650;letter-spacing:1.4px;font-size:calc(7px + var(--mobile-font-bump, 0px));color:#87958a;margin-top:4px}.side-label{margin:0 15px 13px;color:#94a093;font-size:calc(11px + var(--mobile-font-bump, 0px));font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;margin:6px 0;border:0;border-radius:9px;background:transparent;text-align:left;font-weight:560;font-size:calc(13px + var(--mobile-font-bump, 0px));color:#788379}.nav-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-item.active{background:#ecf4ed;color:var(--green);font-weight:700}.nav-item:hover{background:#f3f7f0}.side-bottom{margin-top:auto}.private-note{display:flex;gap:10px;align-items:center;padding:16px 12px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#6b7f6e}.private-note small{display:block;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#9aa49a;margin-top:4px}.lock-icon{font-size:calc(20px + var(--mobile-font-bump, 0px));color:#6c947c}.side-data{display:flex;width:100%;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fff;font-size:calc(12px + var(--mobile-font-bump, 0px))}.side-credit{margin:20px 12px 0;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#a2aba0}
main{margin-left:224px;flex:1;min-width:0;padding:0 38px;max-width:1730px}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#6b7e6f}.breadcrumb span{padding:0 13px;color:#b5bdb3}.top-actions{display:flex;align-items:center;gap:16px}.private-badge{display:flex;align-items:center;gap:5px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#60836b;background:#e9f1e8;padding:5px 10px;border:1px solid #e1eadd;border-radius:20px}.private-badge svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.icon-button{background:transparent;border:0;padding:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 28px}.eyebrow{font-size:calc(9px + var(--mobile-font-bump, 0px));letter-spacing:2px;font-weight:750;color:#759480}.page-heading h1{font-size:calc(30px + var(--mobile-font-bump, 0px));letter-spacing:-1.5px;font-weight:740;line-height:1.3;margin:7px 0 8px}.heading-dot{color:#21977e}.page-heading p{font-size:calc(12px + var(--mobile-font-bump, 0px));color:var(--muted);margin:0}.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #dbe3d9;background:white;border-radius:7px;padding:10px 13px;color:#5c7162;font-size:calc(11px + var(--mobile-font-bump, 0px));font-weight:600}.outline-button:hover{border-color:#9abea5;background:#f7fbf5}.outline-button.small{padding:7px 10px}.loading{padding:80px;text-align:center;color:var(--muted)}
.filters{display:flex;align-items:center;gap:28px;padding:18px 21px;background:white;border:1px solid var(--line);border-radius:10px}.input-label{display:block;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#96a08f;letter-spacing:.2px;margin-bottom:7px}.month-picker{display:flex;align-items:center;gap:8px}.month-picker select{border:0;background:transparent;font-weight:650;font-size:calc(14px + var(--mobile-font-bump, 0px));color:#344c3d;max-width:170px;cursor:pointer;padding:3px 17px 3px 2px;min-height:30px}.arrow-button{background:transparent;border:1px solid #edf0e9;border-radius:5px;width:26px;height:26px;font-size:calc(20px + var(--mobile-font-bump, 0px));line-height:1;color:#7d927b}.platform-filter{border-left:1px solid var(--line);padding-left:26px}.chips{display:flex;gap:5px}.chip{border:1px solid transparent;background:#f5f7f2;padding:6px 13px;border-radius:6px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#7c8977;font-weight:600}.chip.active{background:#e7f2e8;border:1px solid #c6dfca;color:#127769}.chip i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;vertical-align:middle}.mission-control{margin-left:auto}.toggle-label{display:flex;align-items:center;gap:7px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#63785f;cursor:pointer;white-space:nowrap;min-height:30px}.toggle-label input{position:absolute;opacity:0;width:36px;height:20px}.switch{width:29px;height:17px;background:#bdc7ba;border-radius:20px;display:inline-block;position:relative}.switch:after{content:"";position:absolute;background:white;height:13px;width:13px;left:2px;top:2px;border-radius:50%;transition:transform .18s}.toggle-label input:checked+.switch{background:#27947c}.toggle-label input:checked+.switch:after{transform:translateX(12px)}.toggle-label input:focus-visible+.switch{outline:3px solid #6bb99e;outline-offset:3px}#custom-range{display:flex;align-items:end;gap:7px}#custom-range label{font-size:calc(10px + var(--mobile-font-bump, 0px));color:var(--muted)}#custom-range input{display:block;width:132px;border:1px solid var(--line);padding:6px;border-radius:5px;font-size:calc(11px + var(--mobile-font-bump, 0px));margin-top:4px}.period-line{display:flex;justify-content:space-between;align-items:center;margin:13px 2px 20px;gap:10px;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#81927e}.period-line #period-caption{color:#607963;font-weight:500}#data-status:before{content:"";display:inline-block;width:5px;height:5px;background:#91ad89;border-radius:50%;margin:0 6px 1px 0}.notice{font-size:calc(11px + var(--mobile-font-bump, 0px));padding:12px 15px;background:#fff7e6;border:1px solid #efdfb8;color:#8b7042;border-radius:7px;margin-bottom:16px;line-height:1.8}
.kpi-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:13px;margin-bottom:22px}.kpi{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px 19px;min-width:0;position:relative}.kpi-label{font-size:calc(11px + var(--mobile-font-bump, 0px));font-weight:550;color:#82917b;display:flex;justify-content:space-between;align-items:center;gap:6px}.kpi-label svg{width:16px;height:16px;stroke:#a1b096;stroke-width:1.4;fill:none}.kpi-value{font-size:calc(25px + var(--mobile-font-bump, 0px));line-height:1.3;font-weight:720;letter-spacing:-1px;margin:17px 0 10px;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-value small{font-size:calc(12px + var(--mobile-font-bump, 0px));font-weight:500;letter-spacing:-.3px;margin-left:3px}.kpi-foot{font-size:calc(9px + var(--mobile-font-bump, 0px));color:#92a08d;line-height:1.6}.kpi.primary{background:var(--green);border-color:var(--green);color:#fff}.primary .kpi-label{color:#cee4d7}.primary .kpi-label svg{stroke:#a7d2bd}.primary .kpi-value{font-size:calc(29px + var(--mobile-font-bump, 0px))}.primary .kpi-foot{color:#bdd7c8}.kpi .not-known{font-size:calc(18px + var(--mobile-font-bump, 0px));letter-spacing:-.7px}.hours-value{font-size:calc(20px + var(--mobile-font-bump, 0px))}.hours-value small{font-size:calc(11px + var(--mobile-font-bump, 0px))}.kpi-foot .small-pill{background:#e9f4e8;color:#659268;padding:2px 5px;border-radius:4px;margin-right:4px}
.chart-layout{display:grid;align-items:start;grid-template-columns:minmax(0,2.25fr) minmax(250px,1fr);gap:20px;margin-bottom:31px}.panel{background:white;border:1px solid var(--line);border-radius:11px;min-width:0}.trend-panel{position:relative;padding:21px 23px 15px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel-heading h2,.section-heading h2{margin:0;font-size:calc(16px + var(--mobile-font-bump, 0px));font-weight:700;letter-spacing:-.5px}.panel-heading h3{margin:0;font-size:calc(13px + var(--mobile-font-bump, 0px))}.panel-heading p,.section-heading p{margin:4px 0 0;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#8e9b86;line-height:1.7}.segmented{display:flex;padding:3px;background:#f3f5ef;border:1px solid #edf0e8;border-radius:6px;flex-shrink:0}.segmented button{border:0;background:transparent;padding:5px 11px;min-height:27px;border-radius:4px;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#8b9784}.segmented button.active{background:#fff;color:#4f7057;box-shadow:0 1px 4px #334a3915;font-weight:650}.chart-controls{display:flex;justify-content:space-between;margin:25px 0 10px;align-items:center}.chart-key{display:flex;align-items:center;gap:6px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#889580}.chart-key i{display:block;height:6px;width:6px;background:#339e82;border-radius:2px}.chart-controls select{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#7c8c74;background:#fff;border:1px solid var(--line);padding:4px 6px;border-radius:4px}.trend-chart{height:auto;width:100%;overflow:visible}.trend-chart svg{display:block;height:auto;width:100%;overflow:visible}.trend-chart svg text{font-family:inherit}.chart-bar{cursor:pointer;transition:opacity .15s}.chart-bar:hover{opacity:.74}.chart-bar:focus{outline:none;stroke:#b6d7bd;stroke-width:3}.chart-tooltip{position:absolute;z-index:4;padding:9px 12px;pointer-events:none;border-radius:7px;box-shadow:0 4px 20px #26433820;background:#243d32;color:white;font-size:calc(10px + var(--mobile-font-bump, 0px));max-width:220px;line-height:1.8}.chart-tooltip strong{display:block;font-size:calc(12px + var(--mobile-font-bump, 0px))}.chart-footer{border-top:1px solid #f1f3ec;margin-top:10px;padding-top:10px;display:flex;justify-content:space-between;gap:8px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#99a391}.chart-footer #chart-stat{color:#6b8b6d}.highlights{padding:21px 21px 0;display:flex;flex-direction:column}.tiny-icon{font-size:calc(17px + var(--mobile-font-bump, 0px));color:#98ad8b}.insight-main{margin:24px 0 17px}.insight-main .label{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#849878}.insight-main .amount{margin:3px 0;color:#31583d;font-size:calc(28px + var(--mobile-font-bump, 0px));font-weight:750;letter-spacing:-1.1px;line-height:1.4}.insight-main .date{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#90a283}.insight-lines{border-top:1px solid #eef1e7;padding-top:10px}.insight-line{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#839278;font-size:calc(10px + var(--mobile-font-bump, 0px));gap:8px}.insight-line b{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#4e7052;font-weight:650}.insight-bottom{background:#f1f6eb;margin:14px -21px 0;padding:13px 19px;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#8ba078;border-radius:0 0 11px 11px;display:flex;align-items:center;gap:7px;margin-top:auto}.sparkle{color:#91ad7a;font-size:calc(14px + var(--mobile-font-bump, 0px))}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.muted-badge{border:1px solid #e5e9de;padding:5px 9px;border-radius:5px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#8b9b80;background:#f8faf4}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{padding:19px 21px 17px;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--platform-color)}.platform-title{display:flex;align-items:center;gap:8px;font-size:calc(13px + var(--mobile-font-bump, 0px));font-weight:650}.platform-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--platform-bg);color:var(--platform-color);font-weight:800;font-size:calc(14px + var(--mobile-font-bump, 0px))}.platform-title .order-share{margin-left:auto;font-weight:400;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#99a68f}.platform-amount{margin:18px 0 13px;font-size:calc(25px + var(--mobile-font-bump, 0px));font-weight:720;line-height:1.3;letter-spacing:-.7px}.platform-amount small{font-size:calc(11px + var(--mobile-font-bump, 0px));font-weight:500;margin-left:3px;color:#8a9680}.platform-meta{display:flex;justify-content:space-between;border-top:1px solid #eef1e7;padding-top:12px;gap:10px}.platform-meta span{font-size:calc(9px + var(--mobile-font-bump, 0px));color:#96a28a;display:block}.platform-meta b{display:block;font-size:calc(12px + var(--mobile-font-bump, 0px));color:#516847;font-weight:650;margin-top:3px}.mission-line{font-size:calc(9px + var(--mobile-font-bump, 0px));color:#98a38b;margin-top:12px;display:flex;justify-content:space-between}.mission-line em{font-style:normal;color:var(--platform-color)}.platform-card.no-data .platform-amount{font-size:calc(20px + var(--mobile-font-bump, 0px));color:#95a28d}.comparison-panel{padding:20px 23px 15px;margin:16px 0 31px}.legend{display:flex;gap:15px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#85957c;align-items:center;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px}.legend-base{background:#ccdccc}.legend-mission{background:#378c69}#comparison-chart{margin-top:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.compare-label{display:flex;justify-content:space-between;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#7a8e72;margin-bottom:9px}.compare-label strong{font-weight:600;color:#638662;font-size:calc(9px + var(--mobile-font-bump, 0px))}.compare-row{display:flex;align-items:center;gap:8px;margin:7px 0}.compare-track{flex:1;height:9px;background:#f3f6ed;border-radius:3px;overflow:hidden}.compare-bar{height:100%;background:#ccdccc;border-radius:3px;min-width:0}.compare-row.with .compare-bar{background:#378c69}.compare-row span{width:60px;text-align:right;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#6f8264;white-space:nowrap;font-variant-numeric:tabular-nums}.comparison-note{font-size:calc(9px + var(--mobile-font-bump, 0px));color:#99a58e;margin:18px 0 0}.empty{padding:34px;text-align:center;color:#93a08c;font-size:calc(12px + var(--mobile-font-bump, 0px));display:flex;align-items:center;justify-content:center;height:100%;line-height:1.8}
.records-section{margin-bottom:20px}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;border-bottom:1px solid #edf0e7;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#8a997e}.check-label{display:flex;gap:6px;align-items:center;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#93a288;cursor:pointer}.check-label input{accent-color:var(--green);margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;font-size:calc(11px + var(--mobile-font-bump, 0px));white-space:nowrap}th{font-weight:550;font-size:calc(10px + var(--mobile-font-bump, 0px));background:#fafbf7;color:#8c9b7f;padding:12px 14px}th button{color:inherit;background:transparent;border:0;padding:0;font-size:inherit;font-weight:inherit}th:first-child,td:first-child{text-align:left;padding-left:20px}th:last-child,td:last-child{padding-right:20px}td{padding:13px 14px;border-top:1px solid #edf0e7;color:#617359}td strong{font-weight:650;color:#3f6750}tr.total-row{background:#f5f8ef}tr.total-row td{font-weight:650;color:#507251}.date-button{background:transparent;border:0;padding:0;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#64775c;display:flex;align-items:center;gap:7px}.date-button:hover{text-decoration:underline}.day-label{color:#a5b094;font-size:calc(9px + var(--mobile-font-bump, 0px))}.status-badge{font-size:calc(8px + var(--mobile-font-bump, 0px));border-radius:3px;background:#edf3e6;color:#8c9e7b;padding:2px 4px}.status-badge.warn{color:#a88648;background:#fff3dc}.rest-row td,.rest-row .date-button{color:#b2bba7}.table-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 20px;color:#96a38a;font-size:calc(9px + var(--mobile-font-bump, 0px))}.table-pagination>div{display:flex;align-items:center;gap:14px}.table-pagination button{background:white;border:1px solid #e7ecdf;border-radius:4px;width:25px;height:25px;color:#849977;font-size:calc(18px + var(--mobile-font-bump, 0px))}#page-number{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#72956f}.mobile-records{display:none}.notes-panel{background:#f1f4ed;border:1px solid #e2e8db;border-radius:8px;color:#7b8f6d}.notes-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:calc(10px + var(--mobile-font-bump, 0px));gap:12px}.notes-panel summary:after{content:"⌄";font-size:calc(14px + var(--mobile-font-bump, 0px))}.notes-panel[open] summary:after{content:"⌃"}.notes-panel summary #quality-count{margin-left:auto;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#a08a5e}.notes-body{border-top:1px solid #e2e8db;padding:10px 18px 17px}.rules p{font-size:calc(10px + var(--mobile-font-bump, 0px));line-height:1.8;color:#88967c}.rules strong{color:#657e5a;margin-right:4px}.quality-item{display:flex;gap:8px;align-items:start;margin-top:10px;padding:11px 12px;border:1px solid #e5eadd;border-radius:5px;background:#f9fbf5}.quality-item b{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#6c855f;display:block}.quality-item p{margin:3px 0 0;color:#8b9a7f;font-size:calc(10px + var(--mobile-font-bump, 0px));line-height:1.8}.quality-item.open{background:#fff9eb;border-color:#eadcb9}.quality-item.open b{color:#98804c}.quality-item.open p{color:#a59576}.issue-icon{font-size:calc(11px + var(--mobile-font-bump, 0px));margin-top:1px;color:#8aa47a}.quality-item.open .issue-icon{color:#c49d55}.footer{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 28px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#a2ae97}.footer b{padding:0 6px;font-weight:400}.footer a{color:#809f72}.footer a:hover{text-decoration:underline}
dialog{border:1px solid #e0e8d8;border-radius:15px;box-shadow:0 20px 100px #233e3340;padding:0;color:var(--ink);width:min(580px,calc(100% - 28px));max-height:85vh;max-height:85dvh;overflow:auto}dialog::backdrop{background:#27392d5e;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 19px;border-bottom:1px solid var(--line);gap:12px}.dialog-heading h2{font-size:calc(22px + var(--mobile-font-bump, 0px));letter-spacing:-.8px;margin:4px 0 0}.close-dialog{border:0;background:#f1f5ec;border-radius:50%;height:31px;width:31px;font-size:calc(22px + var(--mobile-font-bump, 0px));color:#7d9475;flex-shrink:0}.detail-dialog #detail-body{padding:20px 25px 25px}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.detail-kpis>div{padding:12px 13px;background:#f4f8ef;border-radius:8px}.detail-kpis span{display:block;font-size:calc(10px + var(--mobile-font-bump, 0px));color:#94a185}.detail-kpis b{display:block;margin-top:5px;color:#4d7756;font-size:calc(18px + var(--mobile-font-bump, 0px));letter-spacing:-.5px}.detail-table{margin-top:15px;font-size:calc(11px + var(--mobile-font-bump, 0px))}.detail-table th,.detail-table td{padding:11px 8px}.detail-table td:first-child,.detail-table th:first-child{padding-left:0}.detail-table th:last-child,.detail-table td:last-child{padding-right:0}.detail-table caption{text-align:left;font-size:calc(12px + var(--mobile-font-bump, 0px));font-weight:650;color:#5a805a;margin-bottom:9px}.detail-note{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#879d77;margin-top:16px;line-height:1.8}.work-times{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#7d9274;padding:13px 0;border-top:1px solid var(--line)}.detail-warning{background:#fff6e2;border:1px solid #efdcad;border-radius:7px;padding:10px 12px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#9a7a42;line-height:1.8}.detail-warning+.detail-warning{margin-top:8px}.manage-body{padding:20px 25px 26px}.manage-intro{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.8;color:#7e9274;margin:0 0 14px}.manage-notice{background:#f1f7eb;border-radius:7px;padding:12px 14px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#6e8d62;line-height:1.8}.import-box{text-align:center;border:1px dashed #ccdcbc;border-radius:10px;padding:23px 16px;margin-top:20px;background:#fafdf6}.import-box svg{width:24px;height:24px;margin:auto;fill:none;stroke:#7b9c70;stroke-width:1.5}.import-box h3{font-size:calc(13px + var(--mobile-font-bump, 0px));margin:10px 0;color:#5e8258}.import-box p{color:#92a282;font-size:calc(10px + var(--mobile-font-bump, 0px));line-height:1.8}.primary-button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:0;border-radius:6px;padding:10px 20px;font-size:calc(11px + var(--mobile-font-bump, 0px));color:white;font-weight:600;cursor:pointer}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-label:focus-within{outline:3px solid #86c4a3;outline-offset:3px}.import-box .import-help{font-size:calc(9px + var(--mobile-font-bump, 0px));color:#a3ad93;margin-bottom:0}#import-preview{margin:14px 0;background:#f4f8ed;border:1px solid #dce7cc;border-radius:7px;padding:13px;font-size:calc(11px + var(--mobile-font-bump, 0px));line-height:1.8;color:#759168}#import-preview button{margin-top:10px}#import-message{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#997c42;line-height:1.8}.manage-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}.text-button{font-size:calc(11px + var(--mobile-font-bump, 0px));color:#96a388;border:0;background:transparent;padding:10px}.text-button:hover{color:#587c51;text-decoration:underline}.small-note{font-size:calc(10px + var(--mobile-font-bump, 0px));color:#9fa990;line-height:1.8;margin:16px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#294e3c;color:#fff;border-radius:9px;padding:13px 21px;font-size:calc(12px + var(--mobile-font-bump, 0px));box-shadow:0 5px 24px #273c3440;max-width:calc(100vw - 28px)}
@media(min-width:1600px){main{padding-left:54px;padding-right:54px}.kpi{padding:24px}.chart-layout{grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr)}}
@media(max-width:1200px){.sidebar{width:194px;padding-left:13px;padding-right:13px}main{margin-left:194px;padding:0 25px}.brand{font-size:calc(19px + var(--mobile-font-bump, 0px))}.filters{gap:16px;padding:15px}.platform-filter{padding-left:15px}.chip{padding:6px 9px}.kpi-grid{gap:10px}.kpi{padding:17px 13px}.kpi-value{font-size:calc(21px + var(--mobile-font-bump, 0px))}.primary .kpi-value{font-size:calc(24px + var(--mobile-font-bump, 0px))}.hours-value{font-size:calc(17px + var(--mobile-font-bump, 0px))}.chart-layout{gap:15px;grid-template-columns:minmax(0,2fr) minmax(215px,1fr)}.platform-card{padding:17px 16px}.platform-amount{font-size:calc(23px + var(--mobile-font-bump, 0px))}.filters:has(#custom-range:not([hidden])){flex-wrap:wrap}.kpi-value small{font-size:calc(10px + var(--mobile-font-bump, 0px))}}
@media(max-width:980px){.sidebar{width:75px;align-items:center;padding:27px 10px}.brand{margin:0 0 47px}.brand>span:last-child{display:none}.brand-icon{height:37px;width:37px}.side-label,.nav-item{font-size:0}.nav-item{padding:12px 14px;gap:0;width:48px}.nav-item svg{width:20px;height:20px}.side-bottom{width:100%}.private-note,.side-credit{display:none}.side-data{font-size:0;border:0;justify-content:center;padding:12px}.side-data span{font-size:calc(20px + var(--mobile-font-bump, 0px));color:#7c9c77}main{margin-left:75px;padding:0 25px}.kpi-grid{grid-template-columns:repeat(6,1fr)}.kpi:nth-child(1){grid-column:span 2}.kpi:nth-child(2),.kpi:nth-child(3){grid-column:span 2}.kpi:nth-child(4),.kpi:nth-child(5){grid-column:span 3}.kpi{padding:17px 19px}.kpi-value,.primary .kpi-value{font-size:calc(26px + var(--mobile-font-bump, 0px));margin:12px 0 7px}.hours-value{font-size:calc(23px + var(--mobile-font-bump, 0px))}.chart-layout{grid-template-columns:minmax(0,1fr)}.highlights{display:none}.filters{gap:15px}.platform-filter{border:0;padding-left:0}.mission-control{margin-left:auto}.input-label{font-size:calc(9px + var(--mobile-font-bump, 0px))}#comparison-chart{gap:16px}.platform-title .order-share{display:none}}
@media(max-width:700px){.sidebar{display:none}main{margin-left:0;padding:0 18px}.topbar{height:57px}.breadcrumb{font-size:calc(10px + var(--mobile-font-bump, 0px))}.top-actions{gap:8px}.page-heading{margin:27px 0 24px;align-items:center}.page-heading h1{font-size:calc(27px + var(--mobile-font-bump, 0px))}.page-heading .outline-button{font-size:0;padding:9px}.page-heading .outline-button svg{width:18px;height:18px}.page-heading p{font-size:calc(11px + var(--mobile-font-bump, 0px))}.filters{flex-wrap:wrap;gap:17px 10px;padding:15px}.period-controls{width:calc(100% - 118px);order:1}.month-picker{gap:8px}.month-picker select{font-size:calc(14px + var(--mobile-font-bump, 0px))}.mission-control{order:2;margin:0;width:108px;flex-shrink:0}.platform-filter{order:3;width:100%}.platform-filter .input-label{display:none}.chips{gap:6px}.chip{flex:1;padding:8px 11px;font-size:calc(11px + var(--mobile-font-bump, 0px))}.filters #custom-range{order:4;width:100%;flex-wrap:wrap}#custom-range input{width:122px}.period-line{margin:11px 2px 16px;align-items:start;gap:5px;flex-direction:column;font-size:calc(9px + var(--mobile-font-bump, 0px))}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.kpi:nth-child(n){grid-column:span 1}.kpi:nth-child(1){grid-column:span 2;padding:19px 21px;min-height:128px}.primary .kpi-value{font-size:calc(35px + var(--mobile-font-bump, 0px));margin:10px 0 7px}.kpi{padding:16px 17px}.kpi-value{font-size:calc(24px + var(--mobile-font-bump, 0px));margin:11px 0 7px}.hours-value{font-size:calc(21px + var(--mobile-font-bump, 0px))}.kpi-label{font-size:calc(10px + var(--mobile-font-bump, 0px))}.kpi-label svg{width:15px;height:15px}.kpi-foot{font-size:calc(9px + var(--mobile-font-bump, 0px))}.kpi:not(.primary){min-height:114px}.primary .kpi-foot{font-size:calc(10px + var(--mobile-font-bump, 0px))}.chart-layout{margin-bottom:27px}.trend-panel{padding:18px 16px 13px}.panel-heading h2,.section-heading h2{font-size:calc(15px + var(--mobile-font-bump, 0px))}.panel-heading p,.section-heading p{font-size:calc(9px + var(--mobile-font-bump, 0px))}.chart-footer{font-size:calc(8px + var(--mobile-font-bump, 0px))}.chart-footer #chart-stat{display:none}.segmented button{padding:5px 9px}.chart-controls{margin-top:20px}.platform-cards{grid-template-columns:1fr;gap:11px}.platform-card{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.platform-card:before{width:3px;height:100%}.platform-title{font-size:calc(13px + var(--mobile-font-bump, 0px))}.platform-title .order-share{display:none}.platform-amount{margin:0;align-self:center;justify-self:end;font-size:calc(23px + var(--mobile-font-bump, 0px))}.platform-meta{grid-column:span 2;padding-top:11px;margin-top:13px}.platform-meta b{font-size:calc(12px + var(--mobile-font-bump, 0px))}.mission-line{grid-column:span 2;margin-top:9px}.platform-icon{width:25px;height:25px;border-radius:7px;font-size:calc(12px + var(--mobile-font-bump, 0px))}.muted-badge{font-size:calc(8px + var(--mobile-font-bump, 0px));padding:4px 7px}.comparison-panel{padding:18px 16px 13px;margin:13px 0 27px}.comparison-panel .panel-heading{flex-direction:column;gap:10px}.legend{font-size:calc(9px + var(--mobile-font-bump, 0px))}#comparison-chart{grid-template-columns:1fr;gap:14px;margin-top:17px}.compare-label{margin-bottom:6px}.compare-track{height:8px}.compare-row span{width:70px}.compare-label strong{font-size:calc(10px + var(--mobile-font-bump, 0px))}.comparison-note{font-size:calc(9px + var(--mobile-font-bump, 0px));line-height:1.8}.table-wrap{display:none}.mobile-records{display:block}.table-toolbar{padding:12px 15px}.mobile-row{border-bottom:1px solid #edf0e7;padding:15px 16px;cursor:pointer}.mobile-row:hover{background:#fbfdf7}.mobile-row.rest{opacity:.6}.mobile-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-row-top .date-button{font-size:calc(12px + var(--mobile-font-bump, 0px))}.mobile-row-top strong{font-size:calc(16px + var(--mobile-font-bump, 0px));color:#466e4d;font-weight:700;letter-spacing:-.4px}.mobile-row-top strong small{font-size:calc(10px + var(--mobile-font-bump, 0px));margin-left:2px;font-weight:450;color:#8b9d80}.mobile-row-meta{display:flex;justify-content:space-between;gap:8px;font-size:calc(9px + var(--mobile-font-bump, 0px));color:#9baa8e;margin-top:11px;flex-wrap:wrap}.mobile-row-meta b{color:#738f66;font-size:calc(10px + var(--mobile-font-bump, 0px));font-weight:550}.table-pagination{padding:12px 15px}.mobile-total{padding:14px 16px;background:#f1f6e9;font-size:calc(11px + var(--mobile-font-bump, 0px));color:#6b8b5b;display:flex;justify-content:space-between}.mobile-total b{color:#527545}.notes-panel summary{padding:13px 14px;font-size:calc(10px + var(--mobile-font-bump, 0px))}.notes-panel summary #quality-count{font-size:calc(8px + var(--mobile-font-bump, 0px))}.notes-body{padding:8px 14px 14px}.rules p,.quality-item p{font-size:calc(10px + var(--mobile-font-bump, 0px));line-height:1.9}.footer{margin-top:21px;font-size:calc(8px + var(--mobile-font-bump, 0px))}.notice{font-size:calc(10px + var(--mobile-font-bump, 0px));padding:10px 12px}.loading{padding:70px 10px}.dialog-heading{padding:21px 19px 17px}.dialog-heading h2{font-size:calc(20px + var(--mobile-font-bump, 0px))}.detail-dialog #detail-body,.manage-body{padding:18px 19px 23px}.detail-kpis{gap:7px}.detail-kpis>div{padding:10px}.detail-kpis b{font-size:calc(15px + var(--mobile-font-bump, 0px))}.detail-kpis span{font-size:calc(9px + var(--mobile-font-bump, 0px))}.detail-table th,.detail-table td{font-size:calc(10px + var(--mobile-font-bump, 0px));padding:10px 5px}.detail-note,.detail-warning,.work-times{font-size:calc(10px + var(--mobile-font-bump, 0px))}.toast{bottom:15px;width:max-content;max-width:calc(100% - 28px);font-size:calc(11px + var(--mobile-font-bump, 0px))}.manage-notice{font-size:calc(10px + var(--mobile-font-bump, 0px))}.manage-intro{font-size:calc(11px + var(--mobile-font-bump, 0px))}.manage-actions{gap:5px}.notes-panel{margin-bottom:20px}}
.password-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid #c6dfca;border-radius:8px;background:var(--mint);color:var(--green);font-size:calc(12px + var(--mobile-font-bump, 0px));font-weight:700;white-space:nowrap;flex-shrink:0}.password-shortcut svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.password-shortcut:hover{background:#dcecdf;border-color:#9abea5}
@media(max-width:700px){.topbar{height:auto;min-height:57px;flex-wrap:wrap;gap:6px 8px;padding:6px 0}.top-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Phone typography: each explicit text size grows once; hidden labels stay hidden. */
@media(max-width:700px){:root{--mobile-font-bump:2px}.trend-chart svg text[font-size="8"]{font-size:calc(8px + var(--mobile-font-bump))}.trend-chart svg text[font-size="9"]{font-size:calc(9px + var(--mobile-font-bump))}}

/* Readable platform details on phones. */
@media(max-width:700px){
  .platform-meta{gap:12px}
  .platform-meta>div{min-width:0}
  .platform-meta>div:last-child b{text-align:right}
  .platform-meta span{font-size:calc(14px + var(--mobile-font-bump, 0px));line-height:1.5}
  .platform-meta b{font-size:calc(16px + var(--mobile-font-bump, 0px));line-height:1.5}
  .mission-line{font-size:calc(14px + var(--mobile-font-bump, 0px));line-height:1.6;gap:8px 16px;flex-wrap:wrap}
  .comparison-panel .panel-heading p,.comparison-panel .legend,.comparison-panel .compare-label,.comparison-panel .compare-label strong,.comparison-panel .compare-row span,.comparison-panel .comparison-note{font-size:calc(14px + var(--mobile-font-bump, 0px))}
  .comparison-panel .panel-heading p,.comparison-panel .comparison-note{line-height:1.7}
  .comparison-panel .compare-label{gap:8px;flex-wrap:wrap}
  .comparison-panel .compare-row span{width:88px;flex-shrink:0;overflow-wrap:anywhere}
}

/* Readable daily records on phones. */
@media(max-width:700px){
  .records-section .section-heading p,.records-section .table-toolbar,.records-section .check-label,.records-section .table-pagination{font-size:calc(12px + var(--mobile-font-bump, 0px))}
  .records-section .table-toolbar,.records-section .table-pagination{gap:12px;flex-wrap:wrap}
  .mobile-row-top .date-button{font-size:calc(14px + var(--mobile-font-bump, 0px));flex-wrap:wrap}
  .mobile-row-top .day-label{font-size:calc(12px + var(--mobile-font-bump, 0px))}
  .mobile-row-top strong{font-size:calc(18px + var(--mobile-font-bump, 0px));flex-shrink:0}
  .mobile-row-top strong small{font-size:calc(12px + var(--mobile-font-bump, 0px))}
  .mobile-row-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.6}
  .mobile-row-meta>span{min-width:0;overflow-wrap:anywhere}
  .mobile-row-meta>span:first-child{grid-column:auto}
  .mobile-row-meta>.mobile-hourly-count,.mobile-row-meta>span:last-child{text-align:right}
  .mobile-row-meta b{font-size:calc(14px + var(--mobile-font-bump, 0px));font-weight:650}
  .records-section #page-number,.mobile-total{font-size:calc(14px + var(--mobile-font-bump, 0px))}
  .mobile-total{gap:8px 16px;flex-wrap:wrap}
}

/* Readable daily detail dialog on phones. */
@media(max-width:700px){
  .detail-dialog .dialog-heading h2{margin:0;line-height:1.4}
  .detail-dialog .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .detail-dialog .detail-kpis>div{min-width:0;padding:12px}
  .detail-dialog .detail-kpis>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .detail-dialog .detail-kpis span{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.5}
  .detail-dialog .detail-kpis b{font-size:calc(18px + var(--mobile-font-bump, 0px));line-height:1.5;overflow-wrap:anywhere}
  .detail-dialog .detail-kpis>div:first-child b{margin-top:0;flex-shrink:0}
  .detail-dialog .work-times,.detail-dialog .insight-line,.detail-dialog .detail-note,.detail-dialog .detail-warning{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.7}
  .detail-dialog .insight-line{gap:12px;align-items:baseline;margin:12px 0}
  .detail-dialog .insight-line b{font-size:calc(14px + var(--mobile-font-bump, 0px));flex-shrink:0}
  .detail-dialog .detail-table{white-space:normal;overflow-wrap:anywhere}
  .detail-dialog .detail-table caption{font-size:calc(14px + var(--mobile-font-bump, 0px))}
  .detail-dialog .detail-table th,.detail-dialog .detail-table td{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.6;padding:12px 4px}
  .detail-dialog .detail-table th:first-child,.detail-dialog .detail-table td:first-child{padding-left:0}
  .detail-dialog .detail-table th:last-child,.detail-dialog .detail-table td:last-child{padding-right:0}
}

/* Readable filters and summary cards on phones. */
@media(max-width:700px){
  .filters{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}
  .filters .period-controls{width:100%;min-width:0}
  .filters .input-label{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.5}
  .filters .month-picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
  .filters .month-picker select{width:100%;max-width:none;min-width:0;min-height:44px;padding:5px 8px;font-size:calc(18px + var(--mobile-font-bump, 0px));text-align:center}
  .filters .arrow-button{width:44px;height:44px;font-size:calc(26px + var(--mobile-font-bump, 0px))}
  .filters .mission-control{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin:0}
  .filters .mission-control .input-label{margin:0}
  .filters .toggle-label{min-height:44px;font-size:calc(14px + var(--mobile-font-bump, 0px));gap:9px}
  .filters .switch{width:36px;height:22px;flex-shrink:0}
  .filters .switch:after{width:18px;height:18px}
  .filters .toggle-label input:checked+.switch:after{transform:translateX(14px)}
  .filters .chips{gap:6px;flex-wrap:wrap}
  .filters .chip{flex:1 1 auto;min-width:0;min-height:44px;padding:10px 6px;font-size:calc(14px + var(--mobile-font-bump, 0px));white-space:nowrap}
  .filters #custom-range{gap:8px}
  .filters #custom-range label{flex:1 1 120px;min-width:0;font-size:calc(12px + var(--mobile-font-bump, 0px))}
  .filters #custom-range input{width:100%;min-height:44px;font-size:calc(14px + var(--mobile-font-bump, 0px))}
  .filters #apply-range{min-height:44px;font-size:calc(12px + var(--mobile-font-bump, 0px))}
  .period-line{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.7;gap:6px;overflow-wrap:anywhere}
  .kpi-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
  .kpi-grid .kpi{padding:16px 14px;min-height:0}
  .kpi-grid .kpi.primary{padding:20px;min-height:0}
  .kpi-grid .kpi-label{font-size:calc(14px + var(--mobile-font-bump, 0px));line-height:1.5}
  .kpi-grid .kpi-label svg{flex-shrink:0}
  .kpi-grid .kpi-value{font-size:calc(26px + var(--mobile-font-bump, 0px));white-space:normal;overflow-wrap:anywhere}
  .kpi-grid .primary .kpi-value{font-size:calc(38px + var(--mobile-font-bump, 0px))}
  .kpi-grid .hours-value{font-size:calc(24px + var(--mobile-font-bump, 0px));line-height:1.5}
  .kpi-grid .kpi-value small{font-size:calc(12px + var(--mobile-font-bump, 0px));white-space:nowrap}
  .kpi-grid .kpi .not-known{font-size:calc(18px + var(--mobile-font-bump, 0px))}
  .kpi-grid .kpi-foot{font-size:calc(12px + var(--mobile-font-bump, 0px));line-height:1.7;overflow-wrap:anywhere}
}

/* Each record opens from its whole row; mobile rows are native buttons. */
#records-table tbody tr[data-detail]{cursor:pointer}
#records-table tbody tr[data-detail]:hover,#records-table tbody tr[data-detail]:focus-within{background:#f1f6e9}
@media(max-width:700px){
  .mobile-row{display:block;width:100%;margin:0;border:0;border-bottom:1px solid #edf0e7;border-radius:0;background:#fff;text-align:left}
}

/* Keep Korean date words together in a narrow dialog. */
.detail-dialog .dialog-heading h2{word-break:keep-all;overflow-wrap:normal}

/* The destination stays at the far right with a comfortable phone tap target. */
.top-actions{margin-left:auto}
.logout-link{display:inline-flex;align-items:center;min-height:44px;color:var(--green);font-size:14px;white-space:nowrap}
.password-shortcut{font-size:16px;min-height:44px;padding:9px 12px;background:var(--green);color:#fff;border-color:var(--green)}
.password-shortcut:hover{background:#0c6559;color:#fff}
@media(max-width:480px){.topbar{height:auto;min-height:64px;gap:8px;flex-wrap:wrap;padding:8px 0}.topbar .breadcrumb,.top-actions .private-badge{display:none}.top-actions{justify-content:flex-end;gap:12px;width:100%}}

/* Highlight only a positive mission amount, leaving its label unchanged. */
.mission-line em.mission-positive{color:#c0342b}
.primary .kpi-foot .kpi-mission-amount{color:#ffd8d2;font-weight:650}

/* Income bars retain total height; the mission share is red. */
.chart-controls{gap:10px;flex-wrap:wrap}.chart-key{min-width:0;flex-wrap:wrap;gap:6px 10px}.chart-key>span{display:inline-flex;align-items:center;gap:6px}.chart-key .mission-key i{background:#c0342b}.chart-key .unknown-key i{background:#a7b1a4}

/* Local month browsing does not change the dashboard's main period. */
.records-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
.records-heading>h2{white-space:nowrap}
.records-heading>.segmented{grid-column:3}
.local-month-picker{display:grid;grid-template-columns:36px minmax(42px,auto) 36px;align-items:center;justify-content:center;gap:2px}
.local-month-picker>span{grid-column:2;grid-row:1;white-space:nowrap;text-align:center;font-size:16px;font-weight:700;color:#456342}
.local-month-picker>button{grid-row:1;width:36px;min-height:44px;padding:0;border:0;background:transparent;border-radius:7px;color:#127769;font-size:28px;line-height:1}
.local-month-picker>button:first-child{grid-column:1}.local-month-picker>button:last-child{grid-column:3}
.local-month-picker>button:hover{background:#e8f2ea}
.monthly-record-average{display:block;margin-top:7px;color:#829087;font-size:14px;font-weight:450}
.mobile-row-meta>.monthly-record-average{grid-column:1/-1;text-align:left}
.weekday-panel{padding:22px;margin:28px 0}
.weekday-heading{margin-bottom:13px}
.weekday-heading h2{white-space:nowrap}
.weekday-metrics{width:max-content;max-width:100%;margin-bottom:10px}
.weekday-metrics button{min-height:40px;font-size:14px;padding:7px 14px;white-space:nowrap}
.weekday-basis{font-size:13px;color:#829087;margin:0 0 13px}
.weekday-chart{width:100%;min-width:0}
.weekday-chart svg{width:100%;height:auto;display:block;font-family:inherit}
.weekday-bar{cursor:pointer}.weekday-bar:focus{outline:none}.weekday-bar:focus rect{stroke:#456342;stroke-width:2}
.weekday-selection{font-size:15px;color:#456342;font-weight:650;margin:10px 0 0;padding-top:13px;border-top:1px solid #e7ebe6;line-height:1.7}
.weekday-note{font-size:13px;color:#829087;line-height:1.7;margin:7px 0 0}
@media(max-width:700px){
 .records-heading{gap:4px}.records-heading h2{font-size:16px}.records-heading .segmented button{font-size:13px;min-height:38px;padding:5px 7px}
 .records-heading .local-month-picker{grid-template-columns:30px minmax(40px,auto) 30px;gap:0}.records-heading .local-month-picker>button{width:30px}.records-heading .local-month-picker>span{font-size:15px}
 .weekday-panel{padding:18px 14px;margin:24px 0}.weekday-metrics{width:100%}.weekday-metrics button{flex:1;font-size:14px;min-height:44px;padding:7px 5px}.weekday-selection{font-size:14px}.weekday-basis,.weekday-note{font-size:13px}
}