@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy:#172b3a;--navy-soft:#294455;--mint:#1aa781;--mint-dark:#118064;--mint-pale:#e8f7f2;--surface:#fff;--canvas:#f4f7f8;--line:#dce5e8;--ink:#172b3a;--muted:#687d88;--danger:#c43f53;--danger-pale:#fff0f2;--warning:#a96608;--warning-pale:#fff6df;--blue:#3977bc;--shadow:0 10px 35px #18344214;color:var(--ink);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Noto Sans KR,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}#root{text-align:left;border:0;width:100%;max-width:none;min-height:100vh;margin:0;display:block}.app-frame{min-height:100vh}.sidebar{z-index:30;color:#e9f4f3;background:radial-gradient(circle at 15% 8%, #28b99633, transparent 25%), var(--navy);flex-direction:column;width:252px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand>div,.login-brand>div{flex-direction:column;display:flex}.brand strong,.login-brand strong{letter-spacing:-.03em;font-size:20px}.brand small{color:#9db2b9}.brand-mark{color:#fff;background:var(--mint);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 7px 20px #17c09338}.brand-mark.large{border-radius:15px;width:48px;height:48px;font-size:23px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#b9c9cd;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;font-weight:500;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#20b78f2e}.sidebar nav a.active svg{color:#43d0aa}.profile-card{border-top:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 0;display:grid}.profile-card>div{flex-direction:column;min-width:0;display:flex}.profile-card small{color:#9db2b9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-card .icon-button{color:#b9c9cd}.avatar{width:32px;height:32px;color:var(--navy);background:#c9eee3;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar-large{width:38px;height:38px}.content{min-height:100vh;margin-left:252px;padding:42px 48px 64px}.mobile-header{display:none}.page{width:min(1440px,100%);margin:0 auto}.page-header,.page-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-header>div:first-child,.page-hero>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.page-header .eyebrow,.page-hero .eyebrow{margin-bottom:12px}.page-header h1,.page-hero h1{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(28px,4vw,38px);line-height:1.3}.page-header p,.page-hero p{color:var(--muted);margin:0;line-height:1.7}.eyebrow{color:var(--mint-dark);letter-spacing:.12em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow.danger{color:var(--danger)}.panel,.form-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;margin-bottom:20px;padding:25px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:21px}.section-heading>h2{margin:0}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-weight:650;transition:all .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{color:#fff;background:var(--mint-dark)}.button.primary:hover:not(:disabled){background:#0d6f57}.button.secondary{color:var(--navy);border-color:var(--line);background:#fff}.button.danger-outline{color:var(--danger);background:#fff;border-color:#ecc5cc}.button.danger-outline:hover:not(:disabled){background:var(--danger-pale)}.button.ghost{color:var(--navy-soft);background:0 0}.button.wide{width:100%}.large-button{min-height:48px;padding-inline:20px}.icon-button{width:38px;height:38px;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:#172b3a12}.icon-button.danger{color:var(--danger)}.back-link,.text-link{color:var(--mint-dark);align-items:center;gap:7px;margin-bottom:17px;font-weight:650;display:inline-flex}.notice{border:1px solid var(--line);color:var(--navy-soft);background:#fff;border-radius:11px;margin-bottom:18px;padding:13px 16px}.notice.error{color:var(--danger);background:var(--danger-pale);border-color:#f1c7cd}.notice.success{color:#146b55;background:var(--mint-pale);border-color:#bee8dc}.notice.warning{color:var(--warning);background:var(--warning-pale);border-color:#efd9a0}.empty-state{color:var(--muted);text-align:center;padding:34px 20px}.empty-state.compact{padding:18px 5px}.help-text{color:var(--muted);margin-top:-7px;font-size:14px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.nowrap{white-space:nowrap}.line-clamp{-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{color:var(--warning);display:block}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:15px;min-height:110px;padding:20px;display:flex}.metric-card>div{flex-direction:column;gap:4px;display:flex}.metric-card small{color:var(--muted)}.metric-card strong{font-size:21px}.metric-card>a{color:var(--mint-dark);margin-left:auto}.metric-icon{border-radius:14px;place-items:center;width:47px;height:47px;display:grid}.metric-icon.mint{color:#0d8163;background:#dff6ef}.metric-icon.blue{color:#2e6faf;background:#e7f1fb}.metric-icon.amber{color:#a9680c;background:#fff1d8}.recent-cards{gap:8px;display:grid}.recent-card{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:15px 2px;display:flex}.recent-card:last-child{border-bottom:0}.recent-card>div{flex:1;min-width:0}.recent-card p{color:var(--muted);margin:4px 0 0}.feedback-panel{box-shadow:var(--shadow);background:#fffafb;border:1px solid #efc8cf;border-radius:18px;margin-bottom:20px;padding:24px;position:relative}.feedback-list{gap:12px;display:grid}.feedback-item{background:#fff;border:1px solid #f0d8dc;border-radius:12px;padding:17px}.feedback-item>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.feedback-meta,.comment-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.feedback-meta a{color:var(--mint-dark);font-weight:650}.inline-reply{align-items:flex-end;gap:10px;display:flex}.inline-reply textarea{flex:1}label,.field{color:var(--navy-soft);gap:7px;font-size:14px;font-weight:600;display:grid}label>span b,.field>span b{color:var(--danger)}input,textarea,select{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #cbd8dc;border-radius:9px;outline:none;padding:10px 12px;font-weight:400}textarea{resize:vertical;min-height:80px;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #1aa7811f}input:disabled,textarea:disabled,select:disabled{color:#64747b;background:#f1f4f5}.two-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.filter-bar,.user-form{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.filter-bar label{flex:1;min-width:150px}.filter-bar .button{flex:none}.user-form{border:0;margin:0;padding:0}.user-form label{flex:1;min-width:150px}.user-form .button{align-self:flex-end}.toggle-field{flex:0!important;min-width:100px!important}.toggle-field input{width:24px;min-height:24px}.password-reset{border-top:1px solid var(--line);align-items:end;gap:12px;margin-top:22px;padding-top:20px;display:flex}.password-reset label{flex:1}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-align:left;white-space:nowrap;background:#f4f7f8;padding:11px 13px}td{border-bottom:1px solid var(--line);vertical-align:middle;max-width:460px;padding:14px 13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.table-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.status.large{padding:7px 12px;font-size:13px}.status.checked{color:#0b7156;background:#dff5ed}.status.unchecked{color:#9a650f;background:#fff0d4}.status.attention{color:#af3448;background:#fde8ec}.status.muted{color:#64747b;background:#e8edef}.editor-grid,.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.editor-main{min-width:0}.sticky-panel{position:sticky;top:25px}.sticky-actions{pointer-events:none;justify-content:flex-end;display:flex;position:sticky;bottom:15px}.sticky-actions .button{pointer-events:auto;box-shadow:0 10px 35px #11806440}.autosave{color:var(--mint-dark);align-items:center;gap:5px;font-size:13px;display:inline-flex}.report-date-actions{justify-items:end;gap:8px;display:grid}.report-date-picker{width:190px}.report-date-picker input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.work-item-list{gap:11px;display:grid}.work-editor{border:1px solid var(--line);background:#fbfcfc;border-radius:12px;overflow:hidden}.work-editor.selected{background:#f7fcfa;border-color:#9fd9c9}.check-row{cursor:pointer;grid:none;align-items:center;gap:11px;padding:14px;display:flex}.check-row input{width:20px;min-height:20px;accent-color:var(--mint-dark)}.check-row>span{flex-direction:column;flex:1;min-width:0;display:flex}.check-row small{color:var(--muted);font-weight:400}.work-fields{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.work-fields .full{grid-column:1/-1}.new-work-heading{justify-content:space-between;align-items:center;padding:12px 15px 0;display:flex}.work-editor>.field{margin:12px 15px}.detail-header{align-items:center}.header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.report-body{padding:5px 26px}.report-date-summary{border-bottom:1px solid var(--line);gap:7px;padding:23px 0;display:grid}.report-date-summary span{color:var(--muted);font-size:13px;font-weight:600}.report-date-summary strong{color:var(--ink);font-size:18px}.report-section{border-bottom:1px solid var(--line);padding:23px 0}.report-section:last-child{border-bottom:0}.report-section h2{margin-bottom:10px;font-size:17px}.report-section p{min-height:27px;margin:0}.timeline{gap:0;display:grid}.timeline article{border-left:1px solid var(--line);padding:0 0 24px 27px;position:relative}.timeline article:last-child{padding-bottom:0}.timeline-dot{width:13px;height:13px;box-shadow:0 0 0 1px var(--line);background:#e5ac49;border:3px solid #fff;border-radius:50%;position:absolute;top:3px;left:-7px}.timeline-dot.completed{background:var(--mint)}.timeline .title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline p{margin:9px 0}.timeline small{color:var(--muted);white-space:pre-wrap;margin-top:4px;display:block}.comment-list{gap:12px;display:grid}.comment{border:1px solid var(--line);border-radius:11px;padding:14px}.comment>p{margin:10px 0}.feedback-answer{background:var(--mint-pale);border-radius:9px;margin-top:12px;padding:12px}.feedback-answer p{margin:8px 0 0}.reply-box{gap:8px;margin-top:12px;display:grid}.reply-box .button{justify-self:end}.new-comment{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.new-comment .button{margin-top:10px}.audit-panel{gap:7px;display:grid}.audit-panel h3{margin-bottom:5px;font-size:15px}.audit-panel small{color:var(--muted)}.legend{color:var(--muted);flex-wrap:wrap;gap:15px;margin:-5px 0 18px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:4px;width:12px;height:12px}.legend .submitted,.calendar-day.submitted{background:#dcf5ec}.legend .missing,.calendar-day.missing{background:#fde6e9}.legend .not_applicable,.calendar-day.not_applicable{background:#edf0f1}.attendance-list{gap:18px;display:grid}.attendance-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.attendance-title h2{margin:0 0 3px;font-size:20px}.attendance-title>div:first-child span{color:var(--muted)}.summary-pills{gap:7px;display:flex}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:7px;display:grid}.calendar-day{border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:9px 7px;display:flex}a.calendar-day:hover{border-color:var(--mint)}.calendar-day small{color:var(--muted);white-space:nowrap;font-size:11px}.calendar-day strong{font-size:16px}.calendar-day.submitted strong{color:#0b7156}.calendar-day.missing strong{color:#af3448}.calendar-day.not_applicable strong{color:#64747b}.calendar-day.weekend small{color:var(--danger)}.non-working-toggle{min-height:26px;color:var(--navy-soft);cursor:pointer;background:#fffc;border:1px solid #cbd8dc;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.non-working-toggle:disabled{opacity:.55;cursor:wait}.login-page{background:radial-gradient(circle at 20% 20%, #26bc9529, transparent 30%), radial-gradient(circle at 85% 80%, #3977bc1f, transparent 25%), var(--navy);grid-template-columns:minmax(0,1fr);place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{background:#fff;border-radius:24px;width:100%;min-width:0;max-width:490px;padding:36px;box-shadow:0 25px 80px #00000038}.login-brand{align-items:center;gap:12px;display:flex}.login-brand small{color:var(--muted)}.login-copy{margin:38px 0 28px}.login-copy h1{letter-spacing:-.05em;gap:2px;margin:12px 0 14px;font-size:clamp(32px,8vw,43px);line-height:1.25;display:grid}.login-copy h1 span{display:block}.login-copy-highlight{isolation:isolate;width:fit-content;color:var(--mint-dark);position:relative}.login-copy-highlight:after{content:"";z-index:-1;background:#d9f3eb;border-radius:8px;height:11px;position:absolute;bottom:2px;left:-4px;right:-4px;transform:rotate(-1deg)}.login-copy p{color:var(--muted)}.login-card form,.form-card form{gap:16px;display:grid}.security-copy{color:var(--muted);text-align:center;margin-top:20px;display:block}.center-page{background:var(--canvas);place-items:center;min-height:100vh;padding:30px;display:grid}.form-card.narrow{width:min(520px,100%)}.form-card h1{margin-bottom:10px}.form-card>p{color:var(--muted)}.form-card form{margin-top:25px}.password-card h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:8px 0 12px;font-size:clamp(26px,5vw,34px);line-height:1.3}.password-card>p{line-height:1.65}.accent-icon{color:var(--mint-dark);margin-bottom:12px}.fullscreen-status{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.spinner{border:3px solid #cfe2df;border-top-color:var(--mint);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overlay{display:none}@media (width<=1100px){.content{padding:34px 28px 55px}.editor-grid,.detail-grid{grid-template-columns:1fr}.editor-aside{order:-1}.sticky-panel{position:static}}@media (width<=760px){:root{font-size:15px}.mobile-header{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.sidebar{width:min(82vw,290px);transition:transform .22s;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.overlay{z-index:29;background:#0919227a;border:0;display:block;position:fixed;inset:0}.content{margin-left:0;padding:23px 14px 45px}.page-header,.page-hero{flex-direction:column;align-items:stretch}.page-header h1,.page-hero h1{font-size:29px}.report-date-actions{justify-items:stretch;width:100%}.report-date-picker{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:88px}.panel,.feedback-panel{border-radius:14px;padding:18px}.two-columns,.work-fields{grid-template-columns:1fr}.work-fields .full{grid-column:auto}.inline-reply,.password-reset{flex-direction:column;align-items:stretch}.filter-bar{grid-template-columns:1fr 1fr;display:grid}.filter-bar label{min-width:0}.filter-bar .button{width:100%}.archive-filter label:nth-child(3),.archive-filter label:nth-child(4){grid-column:1/-1}.user-form{grid-template-columns:1fr;display:grid}.user-form label{min-width:0}.user-form .button,.sticky-actions .button{width:100%}.sticky-actions{bottom:10px}.detail-header .header-actions{align-items:stretch;display:grid}.attendance-title{flex-direction:column;align-items:flex-start}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-day{min-height:92px;padding:6px 4px}.login-page{padding:14px}.login-card{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:25px 20px}.login-copy{margin-block:28px 22px}}@media (width<=430px){.filter-bar{grid-template-columns:1fr}.archive-filter label{grid-column:auto!important}.calendar-grid{grid-template-columns:repeat(3,1fr)}.feedback-meta,.comment-meta{flex-direction:column;gap:2px}}