:root{color:#19312c;font-synthesis:none;background:#f3f5f2;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#153c32;flex-direction:column;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand>span,.login-mark{color:#173f35;background:#e6bd66;border-radius:14px;place-items:center;width:44px;height:44px;font:800 26px Georgia;display:grid}.brand div{display:grid}.brand small,.sidebar-user small{color:#a9c1ba}nav{gap:5px;display:grid}nav button{color:#bad0ca;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;display:flex}nav svg{width:19px}nav button:hover,nav button.active{color:#fff;background:#28594b}.sidebar-user{border-top:1px solid #386157;align-items:center;gap:10px;margin-top:auto;padding:18px 5px 0;display:flex}.sidebar-user>div:nth-child(2){flex:1;display:grid}.sidebar-user button{color:#a9c1ba;background:0 0;border:0}.sidebar-user svg{width:18px}.avatar{color:#27594b;background:#e5eee9;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}main{min-width:0}.topbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #dfe6e1;align-items:center;min-height:74px;padding:0 34px;display:flex;position:sticky;top:0}.topbar>div{display:grid}.topbar small{color:#798b86;margin-top:2px}.connection{color:#8a6514;background:#fff4d9;border-radius:999px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:700}.connection.online{color:#267147;background:#e4f4eb}.page-content{max-width:1250px;margin:auto;padding:34px}.hero{color:#fff;background:linear-gradient(120deg,#173f35,#347360);border-radius:22px;justify-content:space-between;align-items:center;padding:34px 40px;display:flex;box-shadow:0 14px 35px #173f3529}.hero h1{margin:7px 0;font-size:30px}.hero p{color:#c6dbd5;margin:0}.hero-clock{justify-items:end;display:grid}.hero-clock svg{color:#e6bd66}.hero-clock strong{font-size:36px}.hero-clock span{color:#c6dbd5}.eyebrow{color:#a77720;letter-spacing:.12em;font-size:11px;font-weight:800}.hero .eyebrow{color:#e6bd66}.page-content>h2{margin:30px 0 15px;font-size:18px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{background:#fff;border:1px solid #e1e8e3;border-radius:16px;justify-content:space-between;align-items:end;padding:20px;display:flex}.stat span{color:#6f817c}.stat strong{font-size:32px}.stat small{margin-left:3px;font-size:13px}.stat.green{border-top:4px solid #39906d}.stat.amber{border-top:4px solid #e1ad42}.stat.red{border-top:4px solid #d66a5f}.stat.blue{border-top:4px solid #648ec0}.two-column,.settings-grid{grid-template-columns:1.25fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{background:#fff;border:1px solid #e0e7e2;border-radius:18px;padding:24px}.panel-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panel-title h1,.panel-title h2,.page-title h1{margin:3px 0 0}.page-title{margin-bottom:22px}.badge{color:#267147;background:#e3f3ea;border-radius:999px;padding:5px 9px;font-size:11px}.person-row{border-top:1px solid #edf0ee;align-items:center;gap:12px;padding:13px 0;display:flex}.person-row>div:nth-child(2){flex:1;display:grid}.person-row small,.employee-card small{color:#80918c;margin-top:3px}.status{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.status.done{color:#267147;background:#e4f4eb}.status.waiting{color:#9a6811;background:#fff3d3}.notice{background:#f6f8f6;border-radius:12px;margin-top:10px;padding:16px}.notice.urgent{border-left:4px solid #d95d54}.notice p{color:#71827d;margin:5px 0 0;font-size:13px}.primary,.secondary{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:750;display:inline-flex}.primary{color:#fff;background:#1f5a49}.secondary{color:#315f53;background:#fff;border-color:#cbd9d3}.primary.small{padding:9px 13px}.primary.large{width:100%;padding:15px;font-size:16px}.secondary svg,.primary svg{width:17px}.text-button{color:#276c57;background:0 0;border:0;padding:0;font-weight:750}.qr-layout{grid-template-columns:minmax(380px,1.2fr) 1fr;gap:22px;display:grid}.qr-card{text-align:center;background:#fff;border:1px solid #dfe6e1;border-radius:24px;padding:30px}.qr-card h1{margin:6px 0 22px}.qr-frame{background:#fff;border:10px solid #173f35;border-radius:22px;place-items:center;padding:22px;display:inline-grid}.countdown{background:#e5eae7;border-radius:999px;max-width:340px;height:5px;margin:24px auto 8px;overflow:hidden}.countdown span{background:#d1a74e;height:100%;transition:width .3s;display:block}.info-stack{gap:13px;display:grid}.info-stack article{background:#fff;border:1px solid #dfe6e1;border-radius:16px;gap:15px;padding:20px;display:flex}.info-stack svg{color:#b4862d;flex:none}.info-stack p{color:#6f817c;margin:6px 0;line-height:1.55}.mobile-card{text-align:center;background:#fff;border:1px solid #dfe6e1;border-radius:24px;max-width:520px;margin:30px auto;padding:45px}.scan-icon{color:#1e5a48;background:#e4f0eb;border-radius:22px;width:75px;height:75px;padding:16px}.mobile-card h1{margin:10px 0}.mobile-card p{color:#6f817c}.tip{text-align:left;color:#80601c;background:#fff7e5;border-radius:12px;margin-top:20px;padding:14px;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;color:#778983;background:#f4f7f5;padding:12px;font-size:12px}td{border-bottom:1px solid #e9eeeb;padding:15px 12px}select,input,textarea{font:inherit;background:#fff;border:1px solid #ccd8d3;border-radius:9px;padding:9px 10px}.swap-card{border:1px solid #dfe6e1;border-radius:16px;padding:22px}.swap-people{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:20px;display:grid}.swap-people>div{display:grid}.swap-people span,.swap-people small{color:#7a8a85}.swap-people strong{margin:5px 0;font-size:20px}.button-row{justify-content:flex-end;gap:8px;display:flex}.payroll-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pay-card{background:#fff;border:1px solid #dfe6e1;border-radius:18px;overflow:hidden}.pay-card>div{align-items:center;gap:12px;padding:20px;display:flex}.pay-card h3{margin:0}.pay-card span{color:#71827d;font-size:13px}.pay-card dl{margin:0;padding:0 20px}.pay-card dl div{border-top:1px solid #edf0ee;justify-content:space-between;padding:9px 0;display:flex}.pay-card dt{color:#71827d}.pay-card dd{margin:0;font-weight:700}.pay-card footer{background:#f4f7f5;justify-content:space-between;padding:16px 20px;display:flex}.pay-card footer strong{color:#1f5a49;font-size:19px}.disclaimer{color:#7c8b87;font-size:13px}.employee-card{border-top:1px solid #e9eeeb;align-items:center;gap:13px;padding:15px 0;display:flex}.employee-card>div:nth-child(2){flex:1;display:grid}.employee-rate{font-weight:800}.tabs{border-bottom:1px solid #dce4df;gap:5px;margin-bottom:15px;display:flex}.tabs button{color:#73847f;background:0 0;border:0;padding:12px 18px}.tabs button.active{color:#1f5a49;border-bottom:3px solid #1f5a49;font-weight:800}.board-list{gap:10px;display:grid}.board-list article{background:#fff;border:1px solid #dfe6e1;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.board-list article>div{flex:1}.board-list h3,.board-list p{margin:0}.board-list p{color:#71827d;white-space:pre-wrap;margin-top:5px}.board-list time{color:#84948f}.urgent-badge,.active-badge{border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800}.urgent-badge{color:#b84840;background:#fde5e2}.active-badge{color:#267147;background:#e4f4eb}.board-images{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin-top:10px;display:grid}.board-images img{aspect-ratio:1;object-fit:cover;border:1px solid #dfe6e1;border-radius:8px;width:100%;display:block}.settings-grid{margin-top:0}.settings-grid .panel{align-content:start;gap:14px;display:grid}.settings-grid h2,.settings-grid p{margin:0}.settings-grid label{gap:6px;display:grid}.disabled-option{color:#87948f;background:#f0f2f1;border-radius:10px;padding:13px}.disabled-option span{float:right;font-size:11px}.error-box{color:#a83f37;background:#fde9e6;border-radius:9px;padding:10px;font-size:13px}.login-page{background:radial-gradient(circle at 10% 20%,#d9e9e1,#0000 35%),#f3f5f2;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dde5e0;border-radius:24px;width:min(430px,100%);padding:36px;box-shadow:0 22px 60px #173f351f}.login-mark{margin:auto}.login-card h1,.login-card>p{text-align:center}.login-card>p{color:#74857f}.login-card form,.login-card label{gap:8px;display:grid}.login-card form{gap:15px;margin-top:25px}.demo-actions{border-top:1px solid #e4e9e6;gap:8px;margin-top:22px;padding-top:18px;display:grid}.demo-actions span{text-align:center;color:#81908b;font-size:12px}.demo-actions button{color:#28594b;background:#edf4f0;border:0;border-radius:9px;padding:10px;font-weight:700}.mobile-menu,.mobile-close{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;width:270px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.mobile-menu,.mobile-close{background:0 0;border:0;place-items:center;display:grid}.mobile-menu{margin-right:12px}.mobile-close{color:#fff;position:absolute;top:20px;right:12px}.page-content{padding:22px}.topbar{padding:0 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.two-column,.settings-grid,.qr-layout,.payroll-grid{grid-template-columns:1fr}.hero{padding:28px}.hero-clock{display:none}}@media (width<=520px){.page-content{padding:15px}.hero{border-radius:17px}.hero h1{font-size:24px}.stat-grid{gap:8px}.stat{padding:15px}.stat strong{font-size:25px}.panel{padding:17px}.qr-frame svg{width:220px;height:220px}.mobile-card{padding:28px 20px}.employee-rate,.topbar small{display:none}}.month-grid td{vertical-align:top;min-width:90px;height:72px;font-size:12px}.month-grid td.dim{opacity:.35}.month-grid td.today strong{color:var(--accent,#2563eb)}.month-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.employee-form{background:#f5f8f6;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:18px;padding:18px;display:grid}.employee-form h2,.employee-form .button-row{grid-column:1/-1;margin:0}.employee-form label{gap:6px;display:grid}.employee-form label.check-line{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px;display:flex}.employee-form label.check-line input{width:auto;margin:0}.default-shifts{border:1px solid #dfe6e1;border-radius:12px;grid-column:1/-1;gap:8px;margin:0;padding:12px 14px 14px;display:grid}.default-shifts legend{color:#33413c;padding:0 6px;font-size:14px;font-weight:600}.shift-row{align-items:center;gap:8px;display:flex}.shift-row label.check-line{flex:none;min-width:40px;margin:0}.shift-row input[type=time]{flex:1;min-width:0}.shift-dash{color:#7a8a85}.credential-box{color:#245b47;background:#e4f4eb;border-radius:12px;gap:8px;margin-bottom:18px;padding:16px;display:grid}.credential-box p{margin:0}@media (width<=520px){.employee-form{grid-template-columns:1fr}}.attendance-form .wide{grid-column:1/-1}.attendance-form p{color:#60736d;margin:0}.attendance-form textarea{resize:vertical;min-height:74px}.device-shell{flex-direction:column;min-height:100vh;display:flex}.device-bar{border-bottom:1px solid var(--line,#e5e7eb);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.device-nav{flex-wrap:wrap;flex:1;gap:8px;display:flex}.device-nav button{border:1px solid var(--line,#e5e7eb);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.device-nav button.active{background:var(--brand,#1f4d3a);color:#fff}.device-logout{align-items:center;gap:6px;display:inline-flex}.device-main{flex:1;padding:24px}.device-home h1{margin:4px 0 8px;font-size:32px}.device-tiles{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.device-tiles button{border:1px solid var(--line,#e5e7eb);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:28px 36px;font-size:16px;display:flex}.device-empty{color:var(--muted,#6b7280);text-align:center;padding:40px 0}.date-picker{border:1px solid var(--line,#e5e7eb);border-radius:12px;margin:8px 0;padding:10px}.date-picker-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-grid-head{text-align:center;color:var(--muted,#6b7280);padding:4px 0;font-size:12px}.date-cell{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 0;font-size:14px}.date-cell:hover{border-color:var(--line,#e5e7eb)}.date-cell.dim{opacity:.35}.date-cell.selected{background:var(--brand,#1f4d3a);color:#fff;font-weight:700}.bulk-bar{flex-direction:column;gap:8px;display:flex}.bulk-bar .button-row{flex-wrap:wrap;align-items:center;gap:8px}.perm-item{text-align:left;border-top:1px solid var(--line,#e5e7eb);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.perm-item small{color:var(--muted,#6b7280)}.board-list article{align-items:flex-start}.board-list article>div:not(.button-row){flex:1;min-width:0}.board-list article>.button-row{flex:none}.board-list p{overflow-wrap:anywhere}.board-images{grid-template-columns:repeat(auto-fill,minmax(84px,120px))}@media (width<=520px){.board-list article{flex-wrap:wrap}.board-list article>.button-row{flex-basis:100%}}.board-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.board-toolbar>span{color:#71827d;font-size:13px}.board-item{background:#fff;border:1px solid #dfe6e1;border-radius:14px;overflow:hidden}.board-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;list-style:none;display:flex}.board-item summary::-webkit-details-marker{display:none}.board-summary-title{align-items:center;gap:9px;min-width:0;display:flex}.board-summary-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-author{color:#84948f;flex:none}.board-post-body{border-top:1px solid #edf0ee;padding:18px}.board-post-body>p{color:#71827d;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.board-post-body>.button-row{margin-top:14px}.employee-form input,.employee-form select,.employee-form textarea{width:100%;min-width:0}@media (width<=520px){.employee-form{grid-template-columns:1fr}.employee-form>*{grid-column:1/-1}.board-item summary,.board-post-body{padding:15px}}.board-panel .employee-form{grid-template-columns:1fr}.board-image-button{cursor:zoom-in;background:0 0;border:0;padding:0}.image-viewer{z-index:30;touch-action:pan-y;background:#081411eb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.image-viewer-stage{place-items:center;width:min(920px,100%);height:min(82vh,900px);display:grid;position:relative}.image-viewer-stage>img{object-fit:contain;max-width:100%;max-height:100%}.image-viewer button{z-index:1;color:#fff;background:#0000006b;border:0;place-items:center;display:grid;position:absolute}.image-viewer-close{border-radius:50%;width:44px;height:44px;font-size:30px;top:0;right:0}.image-viewer-prev,.image-viewer-next{border-radius:12px;width:46px;height:58px;font-size:38px;top:50%;transform:translateY(-50%)}.image-viewer-prev{left:0}.image-viewer-next{right:0}.image-viewer-count{color:#fff;background:#00000080;border-radius:999px;padding:7px 12px;font-size:13px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=520px){.image-viewer{padding:8px}.image-viewer-prev,.image-viewer-next{display:none}}.board-panel .employee-form label.checkbox{flex-direction:row;align-items:center;gap:8px;display:flex}.board-panel .employee-form label.checkbox input{width:auto;margin:0}.attendance-board-prompt{text-align:left;background:#edf6f1;border-radius:14px;grid-template-columns:auto 1fr;gap:10px 12px;margin-top:16px;padding:16px;display:grid}.attendance-board-prompt>svg{color:#1f5a49;width:22px}.attendance-board-prompt strong{display:block}.attendance-board-prompt p{margin:5px 0 0;font-size:13px}.attendance-board-prompt button{grid-column:1/-1;width:100%}.board-images{grid-template-columns:1fr;gap:10px}.board-images img{aspect-ratio:auto;object-fit:contain;height:auto}.board-image-button{width:100%}.pending-badge,.complete-badge{border-radius:7px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.pending-badge{color:#8a6412;background:#fff4dc}.complete-badge{color:#267147;background:#e4f4eb}.board-summary-meta{color:#84948f;flex:none;align-items:center;gap:8px;display:flex}.customer-date{color:#52645f;margin-top:12px;font-weight:700;display:block}