:root{--su-navy:#1b3968;--su-navy-secondary:#31558d;--su-navy-deep:#114688;--su-action:#3777db;--su-interactive:#028de2;--su-subtitle:#83a2d3;--su-muted:#7f99b4;--su-muted-light:#b3d1fb;--su-active:#ffe65d;--su-active-underline:gold;--su-divider:#456494;--su-tab-line:#529ded;--su-tab-inactive:#abdaff;--surface:#fff;--canvas:#f7f7fb;--canvas-muted:#f1f1f1;--border:#dadada;--ink:#212121;--ink-muted:#5b6472;--success:#237a4a;--warning:#a86100;--danger:#b42318;--shadow:0 10px 28px #0f264c1f;--radius:14px}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--su-active);outline-offset:2px}.skip-link{z-index:100;color:var(--ink);background:var(--su-active);border-radius:0 0 8px 8px;padding:.6rem .9rem;position:fixed;top:-3rem;left:1rem}.skip-link:focus{top:0}.adminTop{z-index:40;color:#fff;background:var(--su-navy);justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:0 20px;display:flex;position:relative;box-shadow:0 1px #ffffff24}.adminLeft,.adminRight,.adminNav,.adminInfo,.selLang{align-items:center;display:flex}.adminLeft{flex:none;min-width:0}.adminLeft h1,.adminLeft h2{margin:0}.adminLeft h1{flex:none}.adminLeft h1 a,.adminLeft h1 img{display:block}.adminLeft h1 a{width:149px;height:34px}.adminLeft h2 a{color:var(--su-subtitle);letter-spacing:-.06em;white-space:nowrap;margin-left:15px;font-size:16px;font-weight:400;display:block}.selLang,.adminNav,.adminInfo{margin:0;padding:0;list-style:none}.selLang{flex:none;margin-left:12px}.selLang span{height:30px;color:var(--su-muted-light);background:var(--su-navy-secondary);padding:0 8px;line-height:29px;display:block}.selLang li:first-child span{border-radius:30px 0 0 30px;padding-left:13px}.selLang li:last-child span{border-radius:0 30px 30px 0;padding-right:13px}.selLang li.langOn span{color:#fff;background:var(--su-interactive)}.adminRight{flex:auto;justify-content:flex-end;min-width:0}.admin-nav-wrap{scrollbar-width:thin;min-width:0;overflow-x:auto}.adminNav{border-right:1px solid var(--su-divider);width:max-content;padding-right:8px}.adminNav li{flex:none;height:30px;line-height:30px}.adminNav a{color:#fff;letter-spacing:-.06em;text-align:center;min-width:100px;padding:0 15px;font-size:16px;display:block}.adminNav li.navOn a,.adminNav a:hover{color:var(--su-active)}.adminInfo{flex:none;margin-left:15px}.admin-user-status{min-height:33px;color:var(--su-muted);letter-spacing:-.06em;white-space:nowrap;background:url(/attendance-header/admin-user.png) 0/33px 33px no-repeat;padding-left:38px;font-size:14px;line-height:33px}.admin-user-name{color:var(--su-muted-light);font-weight:700}.admin-logout,.admin-login{min-width:57px;height:33px;color:var(--su-muted-light);text-align:center;background:var(--su-navy-secondary);border:0;border-radius:30px;justify-content:center;align-items:center;margin-left:10px;padding:2px 15px 0;font-size:13px;line-height:13px;display:inline-flex}.admin-logout:hover,.admin-login:hover{color:var(--su-active)}.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}.subnav{z-index:30;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;overflow-x:auto;box-shadow:0 1px #0f264c08}.subnav-inner{width:min(1440px,100%);min-height:50px;margin:0 auto;padding:0 20px;display:flex}.subnav-link{min-height:50px;color:var(--ink-muted);white-space:nowrap;border-bottom:3px solid #0000;flex:none;align-items:center;padding:0 16px;display:flex}.subnav-link:hover{color:var(--su-navy);background:#f7faff}.subnav-link[aria-current=page]{color:var(--su-navy);border-bottom-color:var(--su-interactive);font-weight:700}.app-main{width:min(1440px,100%);min-height:calc(100vh - 130px);margin:0 auto;padding:32px 28px 64px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px;display:flex}.eyebrow{color:var(--su-action);letter-spacing:.06em;margin-bottom:4px;font-size:12px;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{color:var(--su-navy);letter-spacing:-.045em;margin-bottom:4px;font-size:clamp(24px,3vw,34px)}h2{color:var(--su-navy);letter-spacing:-.03em;margin-bottom:12px;font-size:19px}h3{margin-bottom:6px;font-size:16px}.page-description,.muted{color:var(--ink-muted)}.grid{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 2px 8px #0f264c0a}.card.compact{padding:16px}.card-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--su-action);width:100%;height:4px;position:absolute;top:0;left:0}.metric-value{color:var(--su-navy);letter-spacing:-.05em;margin-top:7px;font-size:30px;font-weight:800}.metric-label{color:var(--ink-muted);font-size:13px;font-weight:600}.status-badge{border-radius:999px;align-items:center;min-height:25px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.success{color:#155b33;background:#e8f6ed}.status-badge.warning{color:#754700;background:#fff4db}.status-badge.danger{color:#8d201a;background:#ffebe9}.status-badge.info{color:#124d86;background:#e7f2ff}.button{color:#fff;background:var(--su-action);border:1px solid var(--su-action);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--su-navy-secondary);border-color:var(--su-navy-secondary)}.button:active:not(:disabled){transform:translateY(1px)}.button.secondary{color:var(--su-navy);background:#fff;border-color:#aec4e1}.button.secondary:hover:not(:disabled){color:#fff;background:var(--su-navy-secondary)}.button.danger{background:var(--danger);border-color:var(--danger)}.button.small{min-height:32px;padding:0 10px;font-size:13px}.button:disabled{cursor:not-allowed;opacity:.55}.button-row{flex-wrap:wrap;gap:8px;display:flex}.data-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8edf4;padding:12px 14px}.data-table th{color:var(--su-navy);letter-spacing:.02em;background:#f2f7fd;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f9fbff}.field-group{gap:7px;margin-bottom:16px;display:grid}.field-group label{color:var(--su-navy);font-size:13px;font-weight:750}.field-input,.field-select,.field-textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #b6c4d5;border-radius:8px;padding:10px 12px}.field-textarea{resize:vertical;min-height:116px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--su-interactive);outline:2px solid #028de233}.notice{color:#164b81;background:#eaf5ff;border:1px solid #b9ddf8;border-radius:9px;padding:13px 15px}.notice.warning{color:#744900;background:#fff8e7;border-color:#f0d495}.notice.danger{color:#8d201a;background:#fff0ef;border-color:#f0bbb6}.progress{background:#e7edf5;border-radius:999px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--su-action), var(--su-interactive));border-radius:inherit;height:100%;display:block}.skeleton{background:linear-gradient(90deg,#edf1f6 25%,#f7f9fb 37%,#edf1f6 63%) 0 0/400% 100%;border-radius:5px;min-height:18px;animation:1.4s infinite loading}@keyframes loading{0%{background-position:100%}to{background-position:0}}.empty-state{text-align:center;border-radius:var(--radius);background:#fff;border:1px dashed #afc2db;place-items:center;min-height:220px;padding:28px;display:grid}.chart-list{gap:12px;display:grid}.chart-row{grid-template-columns:minmax(90px,1fr) minmax(100px,3fr) 48px;align-items:center;gap:10px;display:grid}.chart-bar{background:#e8eff8;border-radius:999px;height:12px;overflow:hidden}.chart-bar>span{background:var(--su-action);border-radius:inherit;height:100%;display:block}.work-stepper{gap:0;margin:0 0 22px;display:flex;overflow-x:auto}.work-step{min-width:145px;color:var(--ink-muted);border-bottom:3px solid #d6e0ec;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.work-step.active{color:var(--su-navy);border-bottom-color:var(--su-interactive)}.work-step .step-number{color:#fff;background:var(--su-muted);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.work-step.active .step-number{color:var(--su-navy);background:var(--su-active)}.login-panel{place-items:center;min-height:440px;padding:48px 20px;display:grid}.login-card{text-align:center;border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:36px}@media (max-width:900px){.subnav-inner{min-height:44px;padding:0 12px}.subnav-link{min-height:44px;padding:0 12px;font-size:13px}.app-main{padding:24px 16px 44px}.metric-grid,.three-column{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1740px){.adminTop{flex-wrap:wrap;justify-content:center;gap:14px;padding-top:16px;padding-bottom:15px}.adminRight{text-align:center;flex-basis:100%;display:block}.admin-nav-wrap{overflow-x:visible}.adminNav{border-right:0;flex-wrap:wrap;justify-content:center;width:auto;padding-right:0;display:inline-flex}.adminInfo{justify-content:center;margin:13px 0 0}}@media (max-width:767.98px){.adminTop{padding:17px 10px 15px;display:block}.adminLeft{text-align:center;flex-wrap:wrap;justify-content:center}.adminLeft h2 a{margin-left:5px}.selLang{flex-basis:100%;justify-content:center;margin:20px 0 0}.adminRight{text-align:center;margin-top:14px;display:block}.admin-nav-wrap{overflow-x:visible}.adminNav{border-right:0;flex-wrap:wrap;justify-content:center;width:auto;padding-right:0;display:inline-flex}.adminInfo{justify-content:center;margin:13px 0 0}}@media (max-width:360px){.adminLeft h2 a{font-size:13px}}@media (max-width:540px){.metric-grid,.three-column{grid-template-columns:1fr}.page-heading{align-items:start}.card{padding:17px}.chart-row{grid-template-columns:minmax(76px,1fr) minmax(80px,2fr) 42px;font-size:12px}}