:root{--background:#f6f8fb;--foreground:#172033;--muted:#667085;--line:#d9e0ea;--brand:#1463ff;--brand-dark:#0f47b5;--panel:#ffffff;--panel-soft:#f9fafb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Arial,Malgun Gothic,Apple SD Gothic Neo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#111827;color:white;padding:20px;min-height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;margin-bottom:18px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--brand)}.side-section{margin-top:24px}.side-section.compact{margin-top:16px}.side-title{color:#8ea0b8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.side-link{display:block;border-radius:8px;padding:11px 12px;color:#d8e1ef;font-size:14px;line-height:1.35}.side-link.active,.side-link:hover{background:#1f2937;color:#fff}.sidebar-scroll{min-height:0;flex:1 1;overflow-y:auto;padding-right:2px}.account-panel{border-top:1px solid #263244;padding-top:14px;margin-top:18px;display:grid;grid-gap:10px;gap:10px}.account-summary{display:flex;align-items:center;gap:9px;min-width:0}.account-summary div{min-width:0;display:grid;grid-gap:2px;gap:2px}.account-summary span,.account-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{font-size:13px}.account-summary span{color:#8ea0b8;font-size:12px}.logout-button{width:100%;justify-content:center;background:#172033;border-color:#334155;color:#e8eef7}.mobile-close,.mobile-menu-button,.mobile-nav-layer{display:none}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:64px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar div{display:grid;grid-gap:2px;gap:2px}.topbar strong{font-size:16px}.topbar span{color:var(--muted);font-size:12px}.page{padding:24px;min-width:0}.document-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 64px);overflow:hidden}.editor-panel{background:var(--panel);border-right:1px solid var(--line);padding:22px;overflow-y:auto}.preview-panel{overflow:auto;padding:24px;background:#dfe5ee}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;gap:8px;justify-content:center;margin-bottom:18px}.toolbar-inner{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 22px rgba(15,23,42,.14)}.btn{border:1px solid var(--line);background:white;color:#223047;min-height:38px;padding:0 13px;border-radius:7px;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;white-space:nowrap}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.danger{color:#b42318}.btn.small{min-height:30px;padding:0 9px;font-size:12px}.field-group{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.field-group h3{margin:0 0 12px;font-size:13px;color:#344054}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:800;color:#475467;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd7e3;border-radius:7px;padding:9px 10px;color:#111827;background:white;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(20,99,255,.12)}.repeat-section{display:grid;grid-gap:12px;gap:12px}.repeat-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.repeat-table{width:100%;min-width:860px;border-collapse:collapse;font-size:12px}.repeat-table td,.repeat-table th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:8px;vertical-align:top}.repeat-table th{background:#f2f4f7;color:#344054;font-weight:800;text-align:left}.repeat-table td:last-child,.repeat-table th:last-child{border-right:0}.repeat-table tr:last-child td{border-bottom:0}.repeat-table input,.repeat-table select,.repeat-table textarea{width:100%;border:1px solid #cfd7e3;border-radius:7px;padding:8px;background:#fff;color:#111827}.radio-row{display:grid;grid-gap:7px;gap:7px}.radio-option{border:1px solid #cfd7e3;border-radius:7px;padding:7px 9px;background:#fff}.radio-option,.stamp-toggle{min-height:34px;display:flex;align-items:center;gap:8px;font-size:13px}.stamp-toggle{font-weight:800;color:#344054}.local-stamp-panel{margin-top:16px;display:grid;grid-gap:14px;gap:14px}.local-stamp-panel p{margin-top:6px}.stamp-upload{justify-self:start;cursor:pointer}.stamp-upload input{display:none}.stamp-list{display:grid;grid-gap:10px;gap:10px}.stamp-item{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.stamp-item img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}.stamp-item span,.stamp-item strong{display:block}.stamp-item span{margin-top:3px;color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:14px;gap:14px}.card{background:white;border:1px solid var(--line);border-radius:8px;padding:16px}.card h3{margin:0 0 8px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.hwp-template-card{display:grid;grid-gap:12px;gap:12px;align-content:start}.hwp-template-card .btn{justify-self:start}.paper{width:210mm;min-height:297mm;margin:0 auto;background:white;color:black;box-shadow:0 18px 38px rgba(15,23,42,.2);padding:17mm;font-family:Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif}.paper h1{margin:0 0 22px;text-align:center;font-size:27px;letter-spacing:0}.paper table{width:100%;border-collapse:collapse;font-size:13px}.paper td,.paper th{border:1px solid #111;padding:8px;vertical-align:middle}.paper th{background:#f2f4f7;font-weight:800}.paper-section{margin-top:18px}.doc-line{min-height:32px;border-bottom:1px solid #111;padding:5px 8px;display:inline-block;min-width:160px}.signature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:34px}.stamp{color:#c1121f;border:2px solid #c1121f;border-radius:999px;width:42px;height:42px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;margin-left:8px;transform:rotate(-10deg)}.stamp-image{width:50px;height:50px;object-fit:contain;vertical-align:middle;margin-left:8px}.labor-contract{padding:14mm 18mm;font-family:Batang,BatangChe,Malgun Gothic,serif;font-size:15px;line-height:1.55}.labor-contract h1{margin-bottom:14px;font-size:20px;font-weight:500}.labor-contract h1 span{display:inline-block;min-width:126mm;border:3px solid #111;padding:0 8px 2px;line-height:1.12}.labor-intro{margin:0 0 14px;text-align:left;text-indent:13mm}.labor-clauses{display:grid;grid-gap:6px;gap:6px}.labor-clause{display:grid;grid-template-columns:22px auto 1fr;align-items:baseline;grid-gap:0;gap:0;min-height:24px}.labor-clause strong{font-weight:500;white-space:nowrap}.labor-number{text-align:right;padding-right:4px}.labor-line{display:inline-block;min-height:23px;border-bottom:2px solid #111;padding:0 6px;line-height:1.45;vertical-align:baseline}.labor-line.fill{min-width:min(430px,100%)}.labor-line.multiline{display:block;min-height:74px;white-space:pre-wrap}.labor-checkbox{display:inline-grid;place-items:center;width:12px;height:12px;margin:0 4px 0 10px;border:1px solid #111;color:#111;font-family:Arial,sans-serif;font-size:9px;line-height:1;vertical-align:middle}.labor-checks{white-space:normal}.labor-date{margin:16px 0 10px;text-align:center}.labor-signatures{display:grid;grid-gap:5px;gap:5px}.labor-signatures p{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f9}.login-panel{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:0 20px 44px rgba(15,23,42,.12)}.signup-panel{width:min(620px,100%)}.form-grid,.login-form{display:grid;grid-gap:14px;gap:14px}.form-grid label,.login-form label{display:grid;grid-gap:6px;gap:6px;color:#475467;font-size:12px;font-weight:800}.form-help{color:var(--muted);font-size:11px;font-weight:700;line-height:1.35}.form-grid input,.form-grid select,.login-form input{border:1px solid #cfd7e3;border-radius:7px;padding:10px 11px;color:#111827;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(20,99,255,.12)}.address-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.address-input-row .btn{min-height:42px;white-space:nowrap}.btn.icon-text{gap:7px}.form-error{border:1px solid #fecdca;background:#fffbfa;color:#b42318;border-radius:7px}.form-error,.form-success{padding:10px 11px;font-size:13px;font-weight:700}.form-success{border:1px solid #abefc6;background:#f6fef9;color:#067647;border-radius:7px}.auth-switch{margin:18px 0 0;color:var(--muted);font-size:13px;text-align:center}.auth-switch a{color:var(--brand);font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions,.form-span{grid-column:1/-1}.form-section-title{border-top:1px solid var(--line);padding-top:16px;margin-top:4px;color:#344054;font-size:13px;font-weight:800}.employee-form-section{border-top:1px solid var(--line);padding-top:14px}.employee-form-section:first-child{border-top:0;padding-top:0}.employee-form-section h3{margin:0 0 12px;color:#344054;font-size:14px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:13px}.split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-gap:16px;gap:16px;align-items:start}.list-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left}.list-row div{min-width:0;display:grid;grid-gap:4px;gap:4px}.list-row span{color:var(--muted);font-size:13px}.missing-badge{border-radius:999px;background:#eef4ff;color:var(--brand)!important;padding:4px 9px;font-size:12px!important;font-weight:800}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;align-items:start;max-width:1060px}.billing-card,.billing-side{background:white;border:1px solid var(--line);border-radius:8px;padding:18px}.billing-card{display:grid;grid-gap:18px;gap:18px}.billing-card h2{margin:12px 0 8px;font-size:22px}.billing-card p,.billing-side li{color:var(--muted);line-height:1.55}.billing-actions{display:grid;justify-items:start;grid-gap:12px;gap:12px}.price-block{display:flex;align-items:baseline;gap:4px}.price-block strong{font-size:30px;letter-spacing:0}.billing-note,.price-block span{color:var(--muted)}.status-pill{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 10px;background:#fff7ed;color:#b54708;font-size:12px;font-weight:800}.status-pill.active{background:#ecfdf3;color:#027a48}.billing-side h3{margin:0 0 10px;font-size:14px}.billing-side h3:not(:first-child){margin-top:18px}.billing-side ul{margin:0;padding-left:18px}@media (max-width:900px){.app-shell{display:block}.desktop-sidebar{display:none}.mobile-menu-button{display:inline-flex;position:fixed;top:12px;left:12px;z-index:40;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:white;color:#172033;box-shadow:0 8px 20px rgba(15,23,42,.14)}.mobile-nav-layer{display:block;position:fixed;inset:0;z-index:50}.mobile-nav-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.45)}.mobile-sidebar{position:absolute;top:0;left:0;width:min(86vw,320px);height:100vh;min-height:100vh;box-shadow:18px 0 40px rgba(15,23,42,.28)}.mobile-close{display:inline-flex;position:absolute;top:14px;right:14px;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #334155;border-radius:8px;background:#172033;color:white}.main{min-height:100vh}.topbar{height:64px;padding:0 16px 0 78px}.topbar strong{font-size:15px}.page{padding:22px 14px 28px}.card-grid{grid-template-columns:1fr}.document-workspace{display:block;height:auto;min-height:calc(100vh - 64px);overflow:visible}.editor-panel{border-right:0;border-bottom:1px solid var(--line);padding:18px 14px;overflow:visible}.preview-panel{padding:14px;overflow:visible}.toolbar{justify-content:stretch;margin-bottom:12px}.toolbar-inner{width:100%;justify-content:stretch;box-shadow:none}.toolbar-inner .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);justify-content:center;min-width:132px}.paper{width:100%;min-height:auto;padding:18px 14px;box-shadow:0 10px 22px rgba(15,23,42,.12)}.paper h1{font-size:22px}.paper table{font-size:12px}.paper td,.paper th{padding:7px}.billing-layout,.form-grid,.signature-grid,.split-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch;flex-wrap:wrap}.form-actions .btn{flex:1 1 auto;justify-content:center}.login-page{align-items:stretch;padding:16px}.login-panel{align-self:center;padding:24px 18px}}@media (max-width:520px){.toolbar-inner .btn{flex-basis:100%}.list-row{display:grid;grid-gap:4px;gap:4px}.missing-badge{justify-self:start}}@media print{body{background:white}.editor-panel,.mobile-menu-button,.mobile-nav-layer,.sidebar,.toolbar,.topbar{display:none!important}.app-shell,.document-workspace,.main,.preview-panel{display:block;height:auto;padding:0;overflow:visible;background:white}.paper{box-shadow:none;margin:0;width:210mm;min-height:297mm}}