:root{color:#162623;font-synthesis:none;--ink:#162623;--muted:#6c7b77;--line:#dce5e1;--surface:#fff;--canvas:#f3f6f4;--brand:#123d3a;--brand-deep:#0b2f2d;--brand-soft:#dcebe6;--gold:#f2c568;--shadow:0 10px 30px #13302b12;background:#f3f6f4;font-family:Pretendard,Noto Sans KR,Malgun Gothic,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #d39a25}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f5fbf8;background:linear-gradient(180deg, var(--brand) 0%, var(--brand-deep) 100%);z-index:5;flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 31px;text-decoration:none;display:flex}.brand-mark{width:42px;height:42px;color:var(--brand);background:var(--gold);border:1px solid #ffffff3b;border-radius:13px;flex:none;place-items:center;font-family:Georgia,serif;font-size:23px;font-weight:800;display:grid;box-shadow:inset 0 0 0 5px #ffffff29}.brand>span:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:.03em;font-family:Georgia,serif;font-size:23px;line-height:1}.brand small{color:#a9c5bc;letter-spacing:.18em;margin-top:5px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:#b8cec7;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.sidebar nav a span{color:#789a90;letter-spacing:.08em;font-size:9px;font-weight:800}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1a;border-color:#ffffff14}.sidebar nav a.active span{color:var(--gold)}.sidebar-note{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:28px 1fr;gap:10px;margin-top:auto;padding:15px;display:grid}.note-icon{width:26px;height:26px;color:var(--gold);border:1px solid #71978a;border-radius:50%;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid}.sidebar-note div{flex-direction:column;gap:5px;display:flex}.sidebar-note b{font-size:11px}.sidebar-note small{color:#a8c0b8;font-size:10px;line-height:1.5}.mode-card{background:#082725;border-radius:11px;flex-direction:column;gap:7px;margin-top:14px;padding:13px 15px;display:flex}.mode-card>span{color:#75968c;letter-spacing:.15em;font-size:8px;font-weight:800}.mode-card b{align-items:center;gap:8px;font-size:11px;display:flex}.source-dot{background:#71c9a5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #71c9a51f}.source-dot.source-api{background:var(--gold);box-shadow:0 0 0 4px #f2c5681f}main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 34px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:16px}.topbar p{color:var(--muted);margin:5px 0 0;font-size:11px}.topbar-actions{align-items:center;gap:10px;display:flex}.source-badge{color:#25644f;background:#edf8f3;border:1px solid #c5ded5;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:10px;font-weight:750;display:inline-flex}.source-badge.source-api{color:#7b5b16;background:#fff8e8;border-color:#ead39e}.refresh-button{color:#31443f;background:#fff;border:1px solid #d7e1dd;border-radius:9px;min-height:36px;padding:7px 12px;font-size:11px;font-weight:700}.refresh-button span{margin-right:6px;font-size:15px}.refresh-button:hover:not(:disabled){background:#f7fbf9;border-color:#9ebbb1}.refresh-button:disabled{cursor:wait;opacity:.65}.content{width:min(1660px,100%);margin:0 auto;padding:34px 34px 24px}.hero-row{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:25px;display:flex}.eyebrow,.section-kicker{color:#447668;letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:850;display:block}.hero-row h2{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(25px,2.4vw,34px)}.hero-row p{color:var(--muted);margin:0;font-size:12px}.reference-date{border-left:2px solid #c9d8d3;flex-direction:column;align-items:flex-start;min-width:244px;padding-left:20px;display:flex}.reference-date span{color:#7c8985;font-size:9px;font-weight:750}.reference-date strong{margin:5px 0 4px;font-size:14px}.reference-date small{color:#8a9793;font-size:9px}.state-region:empty{display:none}.loading-state,.error-state{border:1px solid var(--line);background:var(--surface);min-height:72px;box-shadow:var(--shadow);border-radius:12px;margin-bottom:20px;padding:16px 18px}.loading-state{color:var(--muted);align-items:center;gap:11px;font-size:12px;display:flex}.spinner{border:2px solid #d4e3de;border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{background:#fff9f8;border-color:#efd5d1;justify-content:space-between;align-items:center;gap:16px;display:flex}.error-state strong{color:#8b352e;font-size:13px}.error-state p{color:#8a6662;margin:5px 0 0;font-size:11px}.error-state a{color:#fff;background:#8b352e;border-radius:8px;flex:none;padding:8px 11px;font-size:10px;font-weight:750;text-decoration:none}.filter-bar{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1.05fr 1.05fr .9fr .9fr minmax(210px,1.6fr) auto;align-items:end;gap:9px;margin-bottom:14px;padding:14px;display:grid;box-shadow:0 5px 17px #13302b0a}.filter-bar label{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-bar label>span:first-child{color:#64736f;font-size:9px;font-weight:750}.filter-bar select,.search-control{color:#31443f;background:#fbfcfc;border:1px solid #d5dfdb;border-radius:8px;width:100%;min-height:37px;font-size:10px}.filter-bar select{padding:7px 30px 7px 9px}.filter-bar select:hover,.search-control:focus-within{background:#fff;border-color:#9eb9b0}.search-control{align-items:center;padding-left:9px;display:flex}.search-control i{color:#81918c;font-size:15px;font-style:normal}.search-control input{color:#31443f;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:8px;font-size:10px}.search-control input::placeholder{color:#9ca8a4}.reset-button{color:#53645f;white-space:nowrap;background:#fff;border:1px solid #d3ded9;border-radius:8px;min-height:37px;padding:8px 11px;font-size:9px;font-weight:750}.reset-button:hover{color:#214d42;background:#f5faf8;border-color:#9fb9b0}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:18px;display:grid}.summary-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:126px;padding:18px 16px 15px;position:relative;overflow:hidden;box-shadow:0 5px 17px #13302b0b}.summary-card:before{content:"";background:var(--tone);width:3px;position:absolute;inset:0 auto 0 0}.summary-label{color:#64736f;font-size:10px;font-weight:720}.summary-card strong{letter-spacing:-.04em;margin-top:11px;font-size:25px;line-height:1.05;display:block}.summary-card strong small{color:#77847f;letter-spacing:0;margin-left:4px;font-size:10px;font-weight:650}.summary-card p{color:#909b97;margin:10px 0 0;font-size:9px;line-height:1.4}.tone-ink{--tone:#53645f}.tone-green{--tone:#38a177}.tone-amber{--tone:#d89a2c}.tone-blue{--tone:#4f82ad}.tone-red{--tone:#c86158}.tone-violet{--tone:#8175b6}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.chart-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:15px;margin-bottom:18px;display:grid}.panel-heading{border-bottom:1px solid #e6ece9;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:15px 19px;display:flex}.panel-heading h3{letter-spacing:-.02em;margin:4px 0 0;font-size:14px}.panel-heading>span{color:#87938f;font-size:10px}.status-chart{padding:19px}.status-track{background:#edf1ef;border-radius:999px;height:14px;display:flex;overflow:hidden}.status-track .segment{min-width:2px;display:block}.chart-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.chart-legend li{color:#65736f;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px;display:grid}.chart-legend strong{color:var(--ink);font-size:11px}.legend-dot{border-radius:2px;width:7px;height:7px}.status-정상{--status-color:#49a67f}.status-지각{--status-color:#d99c36}.status-조퇴{--status-color:#b88357}.status-연차{--status-color:#5c8fc0}.status-반차{--status-color:#7b7fbd}.status-결근{--status-color:#c7665d}.segment.status-정상,.legend-dot.status-정상,.segment.status-지각,.legend-dot.status-지각,.segment.status-조퇴,.legend-dot.status-조퇴,.segment.status-연차,.legend-dot.status-연차,.segment.status-반차,.legend-dot.status-반차,.segment.status-결근,.legend-dot.status-결근{background:var(--status-color)}.insight-panel dl{margin:0;padding:8px 19px 14px}.insight-panel dl div{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;min-height:39px;display:flex}.insight-panel dl div:last-child{border-bottom:0}.insight-panel dt{color:#6c7975;font-size:10px}.insight-panel dd{margin:0;font-size:12px;font-weight:780}.department-chart{flex-direction:column;justify-content:center;gap:9px;min-height:184px;padding:14px 18px;display:flex}.department-row{grid-template-columns:minmax(76px,112px) minmax(75px,1fr) 34px;align-items:center;gap:9px;display:grid}.department-row>span{color:#61706b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.department-track{background:#edf2f0;border-radius:999px;height:7px;overflow:hidden}.department-track i{border-radius:inherit;background:linear-gradient(90deg,#3f8a72,#7bb49f);height:100%;display:block}.department-row strong{color:#253832;text-align:right;font-size:10px}.department-row strong small{color:#899691;font-size:8px;font-weight:600}.trend-panel{margin-bottom:18px}.trend-scroll{scrollbar-color:#b6c8c2 #eef3f1;width:100%;padding:18px 18px 8px;overflow-x:auto}.trend-chart{border-bottom:1px solid #dce5e1;grid-template-columns:repeat(21,minmax(24px,1fr));align-items:end;gap:7px;min-width:750px;height:158px;display:grid}.trend-column{flex-direction:column;justify-content:flex-end;align-items:center;height:152px;display:flex}.trend-value{color:#83908c;margin-bottom:4px;font-size:8px}.trend-bars{background:#f0f3f2;border-radius:4px 4px 1px 1px;flex-direction:column-reverse;justify-content:flex-start;width:min(18px,72%);height:112px;display:flex;overflow:hidden}.trend-bars span{width:100%;min-height:1px;display:block}.trend-normal{background:#49a67f}.trend-late{background:#d99c36}.trend-leave{background:#687fc0}.trend-absent{background:#c7665d}.trend-other{background:#b88357}.trend-label{color:#77847f;margin-top:6px;font-size:8px}.trend-legend{color:#6e7c77;justify-content:flex-end;gap:14px;padding:5px 18px 15px;font-size:8px;display:flex}.trend-legend span{align-items:center;gap:5px;display:flex}.trend-legend span:before{content:"";background:currentColor;border-radius:2px;width:7px;height:7px}.trend-legend .normal{color:#3f916e}.trend-legend .late{color:#c08729}.trend-legend .leave{color:#5e73b2}.trend-legend .absent{color:#b75a52}.trend-legend .other{color:#a6754d}.attendance-panel{scroll-margin-top:14px}.table-heading h3{margin-bottom:4px}.table-heading p{color:#899590;margin:0;font-size:9px}.record-count{background:#edf5f2;border-radius:999px;padding:5px 9px;font-weight:700;color:#406b5f!important}.table-wrap{scrollbar-color:#b6c8c2 #eef3f1;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1490px;font-size:10px}th{color:#70807b;text-align:left;white-space:nowrap;background:#f7f9f8;border-bottom:1px solid #dfe7e3;padding:11px 12px;font-size:9px;font-weight:750}td{color:#4c5d58;white-space:nowrap;border-bottom:1px solid #edf1ef;padding:11px 12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfa}td code{color:#52655f;font-family:Cascadia Mono,Consolas,monospace;font-size:9px}.employee-name{color:#243631;align-items:center;gap:8px;display:flex}.employee-name>span{color:#265f50;background:#e3f0eb;border-radius:8px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.status-badge{border:1px solid color-mix(in srgb, var(--status-color) 30%, white);min-width:43px;color:color-mix(in srgb, var(--status-color) 75%, #152a24);background:color-mix(in srgb, var(--status-color) 11%, white);border-radius:999px;justify-content:center;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.memo-cell{text-overflow:ellipsis;max-width:130px;overflow:hidden}.edit-record-button{color:#285a4d;background:#f4faf7;border:1px solid #b8cec6;border-radius:7px;min-height:28px;padding:5px 10px;font-size:9px;font-weight:800}.edit-record-button:hover{background:#eaf5f1;border-color:#6f9e8e}.empty-state{color:#76847f;text-align:center;padding:44px 20px;font-size:12px}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061a1794;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.edit-dialog{background:#fff;border:1px solid #cddbd6;border-radius:16px;width:min(520px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #05201b47}.edit-dialog-heading{border-bottom:1px solid #e1e9e6;justify-content:space-between;align-items:center;gap:18px;min-height:77px;padding:18px 20px;display:flex}.edit-dialog-heading h2{color:var(--ink);letter-spacing:-.03em;margin:5px 0 0;font-size:18px}.dialog-close{color:#5f6f6a;background:#fff;border:1px solid #d4dfdb;border-radius:9px;width:34px;height:34px;font-size:20px;line-height:1}.dialog-close:hover{background:#f5f9f7;border-color:#9eb8af}.edit-subject{color:#798681;background:#f7f9f8;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:17px 20px;font-size:10px;display:flex}.edit-subject strong{color:#263b35;font-size:13px}.edit-dialog form{padding:19px 20px 20px}.edit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.edit-form-grid label{flex-direction:column;gap:7px;min-width:0;display:flex}.edit-form-grid label>span{color:#5e6e69;font-size:10px;font-weight:750}.edit-form-grid input,.edit-form-grid select{color:#2f433d;background:#fbfcfc;border:1px solid #d2ddd9;border-radius:8px;width:100%;min-height:40px;padding:8px 10px;font-size:11px}.edit-form-grid input:disabled,.edit-form-grid select:disabled{color:#87938f;cursor:not-allowed;background:#edf1ef}.edit-memo-field{grid-column:1/-1}.edit-error{color:#8b352e;background:#fff7f6;border:1px solid #eccbc6;border-radius:8px;margin:14px 0 0;padding:10px 11px;font-size:10px;line-height:1.5}.edit-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.edit-actions button{border-radius:9px;min-height:38px;padding:8px 14px;font-size:10px;font-weight:800}.dialog-cancel{color:#586963;background:#fff;border:1px solid #d2ddd9}.dialog-save{border:1px solid var(--brand);color:#fff;background:var(--brand)}.dialog-save:hover{background:var(--brand-deep)}footer{color:#77847f;border-top:1px solid #dce4e1;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:18px 2px 5px;font-size:9px;display:flex}footer p{margin:0}footer span{color:#899691;letter-spacing:.03em;flex:none}@media (width<=1280px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.content,.topbar{padding-left:24px;padding-right:24px}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-card{min-height:114px}.filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.query-field{grid-column:span 3}}@media (width<=900px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;min-height:0;padding:14px 18px;position:relative}.brand{padding:0}.brand-mark{border-radius:11px;width:36px;height:36px;font-size:19px}.brand b{font-size:19px}.brand small{display:none}.sidebar nav{flex-direction:row;margin-left:auto}.sidebar nav a{padding:9px 10px;font-size:11px}.sidebar nav a span,.sidebar-note,.mode-card{display:none}.topbar{height:auto;min-height:72px;padding-top:13px;padding-bottom:13px}.chart-grid{grid-template-columns:1fr}.chart-legend{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.query-field{grid-column:span 1}}@media (width<=640px){.sidebar{overflow-x:auto}.sidebar nav{flex:none}.sidebar nav a{white-space:nowrap}.topbar{align-items:flex-start}.topbar h1{font-size:14px}.topbar p{font-size:10px}.source-badge{min-height:24px;padding:4px 7px;font-size:8px}.refresh-button{padding:7px 9px}.refresh-button span{margin-right:0}.refresh-button:not(:disabled){font-size:0}.refresh-button:not(:disabled) span{font-size:17px}.content{padding:24px 16px 20px}.hero-row{display:block}.hero-row p{line-height:1.55}.reference-date{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;margin-top:18px;padding:11px 13px}.reference-date strong{font-size:12px}.filter-bar{padding:12px}.query-field{grid-column:1/-1}.reset-button{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{min-height:110px;padding:15px 13px}.summary-card strong{font-size:22px}.chart-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{padding-left:15px;padding-right:15px}.status-chart{padding:16px 15px}.record-count{display:none}.error-state{flex-direction:column;align-items:flex-start}.dialog-backdrop{padding:12px}.edit-dialog{max-height:calc(100vh - 24px)}.edit-subject{flex-direction:column;align-items:flex-start;gap:5px}.edit-form-grid{grid-template-columns:1fr}.edit-memo-field{grid-column:auto}footer{flex-direction:column;align-items:flex-start;line-height:1.5}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}