:root{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;color:#19211d;background:#f6f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 22%,rgba(245,155,107,.22),transparent 28rem),#f6f4ee}a{color:inherit;text-decoration:none}.landing{min-height:100vh;overflow:hidden;position:relative}.topbar{align-items:center;display:flex;height:82px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:0 32px;position:relative;z-index:2}.brand{align-items:center;display:flex;font-size:19px;font-weight:800;gap:10px;letter-spacing:.08em}.brand-mark{align-items:center;background:#193c32;border-radius:12px;color:#fff;display:flex;font-family:Georgia,serif;height:39px;justify-content:center;letter-spacing:0;width:39px}.google-button,.primary-button{background:#193c32;border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;padding:13px 22px}.landing-error{background:#fff0ec;border:1px solid #e6a78d;border-radius:10px;color:#963b1a;margin-top:22px;max-width:520px;padding:12px 15px}.hero{margin:13vh auto 0;max-width:1240px;padding:0 32px;position:relative;z-index:1}.eyebrow{color:#a85b32;font-size:13px;font-weight:800;letter-spacing:.16em}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(52px,7vw,96px);letter-spacing:-.055em;line-height:.98;margin:24px 0 28px;max-width:820px}.hero-copy{color:#59625e;font-size:18px;line-height:1.8;max-width:520px}.primary-button{gap:18px;margin-top:28px;padding:17px 25px}.hero-art{bottom:0;height:65vh;pointer-events:none;position:absolute;right:0;width:44vw}.orb{border-radius:50%;position:absolute}.orb-one{background:#e88753;height:380px;right:-70px;top:40px;width:380px}.orb-two{background:#c6d6cc;bottom:-90px;height:300px;left:0;width:300px}.paper-grid{background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(25,60,50,.12) 35px 36px);border:1px solid rgba(25,60,50,.16);height:280px;position:absolute;right:12vw;top:110px;transform:rotate(-8deg);width:380px}.workspace-shell{--ws-bg: #f7f7f5;--ws-surface: #fbfbfa;--ws-line: #e4e4e0;--ws-ink: #292927;--ws-muted: #787873;background:var(--ws-bg);color:var(--ws-ink);display:grid;grid-template-columns:236px minmax(0,1fr);height:100vh;overflow:hidden}.workspace-sidebar{background:var(--ws-surface);border-right:1px solid var(--ws-line);display:flex;flex-direction:column;min-height:0}.workspace-identity{align-items:center;border-bottom:1px solid var(--ws-line);display:flex;gap:9px;min-height:58px;padding:9px 12px}.workspace-identity:hover{background:#f0f2ef}.workspace-logo{align-items:center;background:linear-gradient(135deg,#36735f,#255247);border-radius:6px;color:#fff;display:flex;flex:0 0 27px;font-size:12px;font-weight:800;height:27px;justify-content:center}.workspace-identity-copy{display:grid;flex:1;gap:1px;min-width:0}.workspace-identity-copy small{color:var(--ws-muted);font-size:10px}.workspace-identity-copy strong{color:var(--ws-ink);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-side-nav{flex:1;min-height:0;overflow-y:auto;padding:18px 9px}.workspace-side-nav p{color:var(--ws-muted);font-size:11px;font-weight:700;margin:0 9px 7px}.workspace-side-nav a{align-items:center;border:0;border-radius:6px;color:#555550;cursor:pointer;display:flex;font:inherit;font-size:13px;gap:8px;padding:7px 9px;text-align:left;width:100%}.workspace-side-nav a:hover{background:#efefec;color:var(--ws-ink)}.workspace-side-nav a.active{background:#e8eeeb;color:#245b49;font-weight:700}.workflow-nav{border-radius:7px;margin-bottom:5px;padding:3px 0 7px}.workflow-nav.active{background:#f1f3f1}.workflow-nav-title{align-items:center;color:#434843;display:flex;font-size:13px;font-weight:700;gap:8px;padding:7px 9px 5px}.nav-chevron{color:var(--ws-muted);margin-left:auto}.workflow-year{border-left:1px solid #d8ddda;margin:2px 0 0 18px;padding:4px 7px 1px 12px}.workflow-year>strong{color:#626963;display:block;font-size:11px;margin-bottom:6px}.workflow-month{align-items:baseline;display:grid;gap:4px;grid-template-columns:25px minmax(0,1fr);margin:1px 0}.workflow-month>span{color:#8a8f8a;font-size:10px}.workflow-month>div{display:flex;gap:2px;min-width:0}.workspace-side-nav .workflow-month a{border-radius:4px;display:inline-flex;font-size:10px;justify-content:center;line-height:1;padding:5px 4px;white-space:nowrap;width:auto}.workspace-side-nav .workflow-month a.active{background:#dbe8e1;color:#245b49}.workspace-nav-icon{align-items:center;color:#777772;display:inline-flex;font-size:15px;height:18px;justify-content:center;width:18px}.workspace-body{display:grid;grid-template-rows:52px minmax(0,1fr);min-width:0}.workspace-topbar{align-items:center;background:var(--ws-bg);border-bottom:1px solid var(--ws-line);display:flex;gap:13px;padding:0 20px}.workspace-crumbs{color:var(--ws-muted);display:flex;flex:1;font-size:12px;gap:7px;min-width:0}.workspace-crumbs strong{color:var(--ws-ink)}.workspace-user-name{color:var(--ws-muted);font-size:12px}.workspace-avatar{align-items:center;background:#d36f45;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:800;height:27px;justify-content:center;width:27px}.user-menu-wrap{position:relative}.user-menu-trigger{align-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:4px 5px 4px 8px}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:#eceeeb}.user-menu-chevron{color:#777d78;font-size:11px}.user-menu{background:#fff;border:1px solid #dfe2de;border-radius:10px;box-shadow:0 14px 36px #1f2a2424;min-width:230px;padding:7px;position:absolute;right:0;top:calc(100% + 7px);z-index:20}.user-menu>div{border-bottom:1px solid #eceeeb;display:grid;gap:3px;padding:9px 10px 11px}.user-menu strong{font-size:13px}.user-menu>div span{color:#777d78;font-size:11px}.user-menu button{align-items:center;background:transparent;border:0;border-radius:6px;color:#734130;cursor:pointer;display:flex;font:inherit;font-size:12px;gap:8px;margin-top:5px;padding:9px 10px;width:100%}.user-menu button:hover{background:#fff1eb}.workspace-content{min-height:0;overflow:auto}.workspace-content .page{margin:0;max-width:none;padding:26px 28px 54px}.workspace-loading{align-items:center;background:#f7f7f5;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh}.workspace-loading p{color:#777772;font-size:13px}.page{margin:48px auto 80px;max-width:1440px;padding:0 32px}.page-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.page-heading h1{font-family:Georgia,"Noto Serif KR",serif;font-size:44px;letter-spacing:-.045em;margin:7px 0 4px}.page-heading p{color:#6b736f;margin:0}.secondary-button{background:#fff;border:1px solid #cfd5d1;border-radius:12px;color:#193c32;font-weight:800;padding:12px 18px}.page-actions{align-items:center;display:flex;gap:8px}.primary-compact-button{background:#245b49;border:1px solid #245b49;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px 18px}.excel-menu-wrap{position:relative}.excel-menu{background:#fff;border:1px solid #dfe3df;border-radius:13px;box-shadow:0 15px 40px #1d302724;display:grid;padding:7px;position:absolute;right:0;top:calc(100% + 7px);width:245px;z-index:12}.excel-menu a,.excel-menu button{align-items:center;background:transparent;border:0;border-radius:8px;color:#2f3934;cursor:pointer;display:flex;font:inherit;gap:10px;padding:10px;text-align:left}.excel-menu a:hover,.excel-menu button:hover{background:#f1f4f1}.excel-menu a>span,.excel-menu button>span{align-items:center;background:#e3ece7;border-radius:7px;color:#245b49;display:flex;font-weight:800;height:29px;justify-content:center;width:29px}.excel-menu div{display:grid;gap:2px}.excel-menu strong{font-size:12px}.excel-menu small{color:#7a827d;font-size:10px}.success-banner{background:#edf7f1;border:1px solid #a8cbb7;border-radius:12px;color:#245b49;padding:12px 16px}.period-badge{background:#e9eeeb;border:1px solid #d5ddd8;border-radius:999px;color:#415148;font-size:13px;font-weight:700;padding:10px 14px}.error-banner{background:#fff0ec;border:1px solid #e6a78d;border-radius:12px;color:#963b1a;padding:12px 16px}.table-wrap{background:#fff;border:1px solid #dfe3df;border-radius:16px;overflow:auto}table{border-collapse:collapse;font-size:13px;min-width:1800px;width:100%}th{background:#edf1ee;color:#49534f;font-size:12px;letter-spacing:.02em;padding:13px 12px;position:sticky;text-align:left;top:0}td{border-top:1px solid #edf0ed;color:#303935;min-width:110px;padding:7px 9px}td input{background:transparent;border:1px solid transparent;border-radius:7px;color:inherit;font:inherit;min-width:100px;padding:7px;width:100%}td input:focus{background:#fffdf7;border-color:#d99a70;outline:2px solid rgba(217,154,112,.18)}.month-nav{align-items:center;display:flex;gap:16px}.month-nav button{background:#fff;border:1px solid #d8ded9;border-radius:50%;font-size:24px;height:40px;width:40px}.kanban{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(210px,1fr));overflow:auto;padding-bottom:18px}.kanban-column{background:#e9ede9;border:1px solid #dbe0dc;border-radius:18px;min-height:520px;padding:14px}.kanban-column>header{align-items:center;display:flex;justify-content:space-between;padding:2px 4px 12px}.kanban-column h2{font-size:15px;margin:0}.kanban-column header span{background:#d5ddd7;border-radius:99px;font-size:12px;padding:3px 8px}.card-stack{display:grid;gap:10px}.wht-card{background:#fff;border:1px solid #dce1dd;border-radius:14px;box-shadow:0 5px 14px #1d30270d;padding:14px}.wht-card h3{font-size:16px;margin:5px 0}.wht-card p,.company-code{color:#7a837f;font-size:12px}.wht-card label{color:#6a746f;display:grid;font-size:12px;gap:5px;margin-top:12px}.wht-card select{border:1px solid #d5dbd7;border-radius:8px;padding:7px}.empty-column{color:#8b938f;font-size:12px;padding:20px 4px;text-align:center}.payroll-kanban{grid-template-columns:repeat(5,minmax(180px,1fr))}.payment-table-wrap table{min-width:1000px}.payment-table-wrap td{min-width:130px}.payment-table-wrap td:first-child{min-width:85px}.status-select{background:#f5f7f5;border:1px solid #d8ded9;border-radius:7px;font:inherit;padding:7px 8px;width:100%}.empty-table{color:#7f8782;font-size:13px;padding:38px;text-align:center}.placeholder{background:#ffffffb8;border:1px solid rgba(25,60,50,.1);border-radius:28px;margin:8vh auto;max-width:1180px;padding:90px}.placeholder h1{font-family:Georgia,"Noto Serif KR",serif;font-size:46px;letter-spacing:-.045em}@media(max-width:720px){.topbar,.hero{padding-left:20px;padding-right:20px}.google-button{padding:11px 16px}.hero{margin-top:8vh}.hero-art{opacity:.42;width:72vw}.workspace-shell{grid-template-columns:78px minmax(0,1fr)}.workspace-identity{justify-content:center}.workspace-identity-copy,.workspace-side-nav p,.workspace-side-nav>a span:not(.workspace-nav-icon),.workspace-user-name{display:none}.workspace-side-nav a{justify-content:center;padding:9px}.workflow-nav-title>span:not(.workspace-nav-icon),.workflow-year{display:none}.workflow-nav-title{justify-content:center}.workspace-content .page{padding:20px 16px 44px}.placeholder{border-radius:20px;margin:5vh 20px;padding:48px 28px}}