:root{--ink:#183153;--blue:#2467bd;--accent:#126af3;--muted:#6d7b90;--line:#dfe8f4;--bg:#f4f7fb;--green:#25836d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #599cfa;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.site-head{display:flex;align-items:center;justify-content:space-between;padding:25px 0 23px}.brand img{display:block;width:143px;height:auto}.back{font-size:13px;color:var(--muted)}.feature-nav{display:flex;gap:7px;width:max-content;max-width:100%;padding:5px;background:#e8edf5;border-radius:13px;margin-bottom:22px}.feature-nav a{padding:12px 22px;border-radius:9px;font-size:13px;white-space:nowrap;color:#64748b}.feature-nav span{font-size:10px;margin-right:9px;color:#8897ab}.feature-nav a[aria-current]{background:#fff;color:var(--ink);font-weight:750;box-shadow:0 2px 5px #122f5210}.feature-nav a[aria-current] span{color:var(--accent)}.showcase{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:38px 40px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:40px 38px 29px;box-shadow:0 20px 60px #253f6307}.pitch-copy{padding:5px 0 5px 3px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-weight:700;font-size:12px;color:var(--blue)}.eyebrow span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce9fc;border-radius:8px;background:#f3f7ff;font-size:10px}h1{font-size:clamp(27px,2.8vw,39px);line-height:1.4;letter-spacing:-.055em;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.lead{margin:22px 0 0;font-size:15px;line-height:1.85;color:#64748b;letter-spacing:-.025em}.flow{margin-top:25px;padding-left:12px;border-left:2px solid #95bfff;color:var(--blue);font-size:11px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:34px;background:var(--accent);color:#fff;border-radius:10px;min-height:47px;padding:0 20px;font-size:13px;font-weight:750;margin-top:29px;box-shadow:0 7px 16px #126af31a}.button:hover{background:#0b56cc}.try-hint{font-size:11px;color:#8896a8;margin:17px 0 0}.try-hint span{color:var(--blue);margin-left:7px}.product-stage{position:relative;margin:0;padding:20px 17px 15px;background:linear-gradient(140deg,#ecf2ff,#e7eef9 65%,#f4f7fc);border:1px solid #e2eafa;border-radius:19px;min-width:0}.stage-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:22px 22px;border-radius:inherit;pointer-events:none}.product-window{position:relative;border:1px solid #d2dff0;background:#fff;border-radius:12px;box-shadow:0 15px 30px #243b6318;overflow:hidden}.window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #e4ebf4;background:#f9fbfe;padding:0 14px;font-size:10px;color:#6f8198}.window-bar b{font-weight:400;color:#bdc9d8;margin:0 5px}.window-dots{color:#cbd5e3;letter-spacing:2px;font-size:7px}.demo-label{font-size:8px;color:#8fa0b4;letter-spacing:1px}.screen{padding:0 17px 13px;min-height:400px;font-size:12px}.filterline{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:11px;margin-bottom:15px}.select{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:#67778c;font-size:10px}.muted{color:var(--muted);font-size:10px}.filterline .muted{margin-left:7px}.metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;border:1px solid #e0e9f7;background:#f6f9ff;border-radius:9px;padding:14px 5px;margin-bottom:18px}.metrics>div{padding-left:14px;border-right:1px solid #e1e8f2}.metrics>div:last-child{border:0}.metrics small{display:block;font-size:10px;color:#73849b}.metrics b{display:block;font-size:24px;line-height:1.4;letter-spacing:-.04em;margin-top:3px}.metrics b span{font-size:10px;font-weight:500;margin-left:4px}.table-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px;gap:8px}.table-title>b{font-size:12px}.excel{display:flex;align-items:center;gap:4px;font-size:9px;color:#23714d}.excel img{width:17px;height:17px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}th{text-align:left;color:#8995a6;font-weight:500;font-size:9px;padding:9px 5px;background:#f6f8fc;border-top:1px solid #e3eaf3;border-bottom:1px solid #e3eaf3}td{padding:12px 5px;border-bottom:1px solid #edf1f7;color:#52647c}td strong{color:var(--ink);font-weight:650}td:first-child{padding-left:3px}.person{display:inline-flex;align-items:center;gap:7px}.person img{width:27px;height:27px;border-radius:50%;background:#eef3f9}.person b{display:block;font-size:11px;color:var(--ink);font-weight:650}.person small{display:block;font-size:9px;color:#8391a4;margin-top:3px}.badge{display:inline-block;padding:4px 7px;background:#edf3fc;border-radius:5px;color:#4472a7;font-size:9px;white-space:nowrap;font-weight:650}.green{background:#e8f6f0;color:var(--green)}.amber{background:#fff3dc;color:#a16a19}.saved{display:flex;align-items:center;gap:6px;color:#66808c;font-size:9px;padding-top:14px;line-height:1.5}.status-dot{width:5px;height:5px;background:#62a58d;border-radius:50%;flex:none}.pay-highlight{padding:17px 15px;background:#eff6ff;border-radius:8px;margin-bottom:20px}.pay-highlight small{font-size:10px;color:#6b87ac}.pay-highlight strong{display:block;margin-top:6px;font-size:19px;letter-spacing:-.04em}.micro{font-size:9px;color:#8592a5;line-height:1.7;margin:15px 0 0}.product-stage figcaption{position:relative;font-size:9px;color:#7c8da5;text-align:center;margin-top:13px;line-height:1.6}.benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid #e8edf5;padding-top:25px}.benefit{display:flex;gap:12px}.benefit-num{font-size:10px;color:#9ab5d5;padding-top:3px}.benefit h2{font-size:13px;margin:0;font-weight:750;letter-spacing:-.025em}.benefit p{font-size:11px;line-height:1.7;color:#7c8a9e;margin:7px 0 0}footer{display:flex;gap:12px;padding:24px 3px;font-size:11px;font-weight:750;color:#8695aa}footer span{font-size:10px;font-weight:400}.calendar{border:1px solid #e3eaf4;border-radius:8px;overflow:hidden;margin-bottom:19px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:9px;color:#8492a5;background:#f8faff;padding:7px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{min-height:75px;padding:7px 3px;border-right:1px solid #edf1f7;font-size:10px;min-width:0}.cal-day:last-child{border:0}.cal-day>span{display:grid;place-items:center;width:20px;height:20px;margin:0 auto 8px}.cal-day.today{background:#f1f6ff}.cal-day.today>span{border-radius:50%;background:var(--blue);color:#fff}.cal-day i{display:block;font-style:normal;font-size:8px;background:#e4eeff;color:#366dab;padding:4px 2px;border-radius:3px;text-align:center;white-space:nowrap}.cal-day i.mint{color:#458b7e;background:#e1f3ec}.todo-row{display:flex;align-items:center;gap:9px;padding:12px 8px;border:1px solid #e4ebf4;border-radius:8px;margin:7px 0}.todo-row>div{flex:1;min-width:0}.todo-row b{font-size:11px;font-weight:650}.todo-row small{display:block;font-size:9px;color:#8190a2;margin-top:4px}.tickbox{height:13px;width:13px;border:1px solid #bac9da;border-radius:4px;flex:none}.overdue{border-color:#efd7d2;background:#fffcfb}.red{color:#c17766}.red-bg{color:#bd715d;background:#fff0e9}.assignment{padding:18px;border:1px solid #e0e8f5;border-radius:10px;margin-top:20px}.assignment h3{font-size:18px;margin:15px 0 10px;letter-spacing:-.035em}.assignment p{color:#708097;font-size:12px;line-height:1.8}.assigned{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f7;padding-top:15px;margin-top:23px}.demo-complete{width:100%;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;padding:13px;margin-top:23px;text-align:left}.demo-complete span{float:right}.demo-tip{font-size:11px;line-height:1.7;color:#7b8fa6;margin:17px 4px}.completion-result{display:flex;flex-direction:column;gap:7px;background:#eaf7f1;color:var(--green);padding:13px;border-radius:8px;margin-top:23px;font-size:11px}.screen-title{display:flex;align-items:center;justify-content:space-between;padding:17px 0 14px;border-bottom:1px solid #e8edf5;font-size:14px}.report-meta{margin:14px 0}.report-rooms{display:flex;align-items:center;gap:7px;margin:14px 0}.report-rooms .muted{margin-right:auto}.report-rooms>b{font-size:11px;color:var(--blue);margin-right:5px}.room-chip{font-size:10px;color:#3c72ac;background:#edf4ff;padding:5px 8px;border-radius:5px}.report-photo{width:100%;padding:0;border:0;background:#eff3f8;display:block;position:relative;overflow:hidden;border-radius:9px;text-align:left}.report-photo>img{display:block;width:100%;height:200px;object-fit:cover}.report-photo>span{position:absolute;bottom:0;left:0;right:0;padding:25px 12px 11px;background:linear-gradient(transparent,#102338a8);color:#fff;font-size:10px}.report-photo b{float:right;font-weight:500}.report-note{display:flex;align-items:center;gap:8px;padding-top:10px}.report-note p{font-size:10px;line-height:1.6;color:#73829a}.chat-peer{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;padding:0 0 13px}.chat-area{background:#f4f7fc;margin:0 -17px;padding:13px 17px 10px;display:flex;flex-direction:column;gap:12px}.chat-date{font-size:8px;text-align:center;color:#a0abba;margin:0 0 2px}.chat-message{max-width:83%;align-self:flex-start}.chat-label{font-size:9px;color:#7a899e;display:block;margin-bottom:6px}.chat-message p{margin:0;padding:11px 13px;border:1px solid #e0e8f3;border-radius:1px 10px 10px;background:#fff;color:#4c607b;font-size:11px;line-height:1.8}.chat-message small{display:block;color:#9aa7b8;font-size:8px;margin-top:4px}.chat-message.outgoing{align-self:flex-end}.outgoing p{background:#e5efff;border-color:#d6e5fa;border-radius:10px 1px 10px 10px;color:#335880}.outgoing small{text-align:right}.chat-compose{display:flex;align-items:center;gap:10px;margin-top:12px;color:#abb7c7;font-size:10px}.chat-compose span:first-child{font-size:19px}.chat-compose b{margin-left:auto;border-radius:6px;background:var(--blue);color:#fff;padding:4px 8px;font-size:15px}.notice-title{padding:6px 0 13px}.notice-title h3{font-size:18px;letter-spacing:-.03em;margin:11px 0}.notice-title p{font-size:12px;line-height:1.8;color:#6e8097;margin:0}.read-title{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:10px}.read-title>span{color:#7c8da4;font-size:9px}.read-title strong{color:var(--blue)}.read-track{height:4px;background:#eaf0f8;border-radius:4px;margin:10px 0}.read-track>span{display:block;width:66.666%;height:100%;background:#78a897;border-radius:4px}.reader{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f7}dialog{max-width:min(94vw,1100px);width:100%;padding:0;border:0;border-radius:12px;background:#102138;color:white;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#071426dd}.photo-tools{display:flex;align-items:center;gap:8px;padding:12px;font-size:12px}.photo-tools>span{margin-right:auto}.photo-tools button{color:#fff;border:1px solid #ffffff35;background:#ffffff10;border-radius:5px;padding:7px 10px;font-size:11px}.photo-scroll{overflow:auto;max-height:75vh}.photo-scroll img{display:block;width:100%;max-width:none}.photo-scroll.is-zoomed img{width:200%}.feature-cleaning .product-stage{background:linear-gradient(140deg,#edf6f2,#e8f1ed)}.feature-cleaning .screen{min-height:400px}.feature-tasks .product-stage{background:linear-gradient(140deg,#ecf2ff,#edf0ff)}.feature-messenger .product-stage{background:linear-gradient(140deg,#edf3fc,#eaf1fb)}
@media(min-width:1400px){.showcase{padding-top:48px;padding-bottom:33px;gap:42px 54px}.product-stage{padding:25px 24px 16px}}
@media(max-width:1000px){.wrap{width:calc(100% - 36px)}.showcase{gap:25px 24px;padding:28px 24px}.lead{font-size:13px}.product-stage{padding:12px 10px}.screen{padding-right:12px;padding-left:12px}.chat-area{margin-right:-12px;margin-left:-12px}.benefit p{font-size:10px}.cal-day i{font-size:7px}.feature-nav a{padding:10px 17px}h1{font-size:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.site-head{padding:19px 3px}.brand img{width:120px}.back{font-size:11px}.feature-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px;margin-bottom:14px;padding:4px}.feature-nav a{font-size:10px;padding:10px 3px;text-align:center}.feature-nav span{display:block;font-size:8px;margin:0 0 5px}.showcase{grid-template-columns:1fr;padding:26px 18px 23px;gap:25px;border-radius:18px}.pitch-copy{padding:0 5px}.eyebrow{margin-bottom:15px;font-size:11px}.eyebrow span{width:24px;height:24px}h1{font-size:32px;line-height:1.36}.lead{font-size:13px;line-height:1.75;margin-top:15px}.flow{font-size:10px;margin-top:17px}.button{min-height:43px;margin-top:20px;font-size:12px}.try-hint{margin:13px 0 0;font-size:10px}.try-hint{font-size:0}.try-hint:before{content:'아래 예시 화면에서 기능을 살펴보세요 ↓';font-size:10px}.try-hint span{display:none}.product-stage{margin:0 -5px;padding:12px 8px 10px;border-radius:13px}.screen{min-height:390px;padding:0 12px 12px}.metrics{padding:12px 2px}.metrics>div{padding-left:10px}.metrics b{font-size:23px}.benefits{grid-template-columns:1fr;gap:17px;padding-top:22px}.benefit{gap:13px}.benefit h2{font-size:13px}.benefit p{font-size:11px;margin-top:4px}.report-photo>img{height:200px}.product-stage figcaption{font-size:8px;margin-top:10px}.feature-cleaning .screen{min-height:0}td{font-size:9px;padding:12px 3px}th{padding:8px 3px;font-size:8px}.person img{width:24px;height:24px}.person b{font-size:10px}.person small{font-size:8px}.person{gap:5px}.badge{font-size:8px;padding:4px 5px}.filterline{font-size:10px}.chat-message p{font-size:11px}.cal-day i{font-size:7px;white-space:normal}.cal-day{min-height:78px}.assignment{padding:15px}.assigned{gap:5px}.assigned .muted{font-size:8px}footer{padding:20px 4px}}
@media(max-width:360px){.wrap{width:calc(100% - 20px)}.showcase{padding:23px 13px 20px}h1{font-size:28px}.screen{padding-left:9px;padding-right:9px}.product-stage{padding-left:5px;padding-right:5px}.metrics small{font-size:9px}.flow{font-size:9px}.report-note p{font-size:9px}}

/* Public feature examples: compact workflows and clear benefit demonstrations. */
.feature-staff .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.late-value{color:#b66e27}.feature-extra{grid-column:1/-1;min-width:0;padding-top:24px;border-top:1px solid #e7edf5}.extra-heading{margin-bottom:18px}.extra-heading h2{font-size:24px;line-height:1.45;letter-spacing:-.04em;margin:9px 0 7px}.extra-heading p{font-size:12px;line-height:1.7;color:#74839b;margin:0}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.compact-stage{padding:12px 10px 9px}.extra-screen{padding:15px;font-size:12px}.signature-clear{border:0;background:transparent;color:#7f8fa4;font-size:11px;padding:5px}.signature-demo{display:block;width:100%;height:90px;border:1px solid #d8e2f0;border-radius:7px;background:linear-gradient(#fff 74%,#e9eff7 74%,#e9eff7 75%,#fff 75%);touch-action:none;cursor:crosshair}.signature-result{font-size:11px;color:#25836d;margin:11px 0 0;line-height:1.6}.signature-result.error{color:#b74d43}.feature-tasks h1{font-size:clamp(26px,2.5vw,35px)}.reminder-assignment{padding:12px 14px;background:#f5f8ff;border-radius:8px;margin-bottom:13px}.reminder-assignment h3{font-size:16px;margin:9px 0 6px}.reminder-assignment p{font-size:11px;color:#7b8ca4;line-height:1.6;margin:0}.reminder-timeline{display:grid;gap:0}.reminder-step{display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;position:relative;padding:10px 0 13px}.reminder-step:not(:last-child):after{content:"";position:absolute;top:31px;bottom:-6px;left:13px;width:1px;background:#d9e7fb}.reminder-point{position:relative;z-index:1;width:27px;height:27px;border-radius:50%;background:#e9f1ff;color:#2f70c1;display:grid;place-items:center;font-size:11px;font-weight:700}.reminder-step small{display:block;color:#7e94b1;font-size:10px;margin-bottom:3px}.reminder-step b{display:block;font-size:12px}.reminder-step p{font-size:11px;color:#7c8aa0;line-height:1.6;margin:4px 0 0}.reminder-step.final .reminder-point{background:#e5f3ec;color:#35836a}.reminder-targets{display:flex;align-items:center;gap:10px;border-top:1px solid #e5ecf6;padding:11px 0 0;font-size:10px;color:#7c8ca2}.reminder-targets b{font-weight:500;color:#4776a8}.photo-policy{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dfe8e4;background:#f5faf7;border-radius:8px;margin:12px 0 10px}.policy-check{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:#25836d;color:#fff;font-size:13px}.photo-policy b{display:block;font-size:12px}.photo-policy small{display:block;font-size:10px;color:#788f84;margin-top:3px}.photo-policy>.badge{margin-left:auto}.photo-missing{height:200px;border:1px dashed #dba19b;background:#fff9f8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:18px}.photo-missing>span{font-size:32px;color:#c2786b}.photo-missing b{font-size:12px;color:#aa6257}.photo-missing small{font-size:10px;line-height:1.7;color:#9b7b73}.photo-guard{font-size:11px;line-height:1.6;color:#25836d;padding:10px 0 5px}.photo-guard.missing{color:#b45d50}.photo-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.photo-actions button{padding:10px 8px;border-radius:7px;font-size:10px;flex:1}.photo-omit{border:1px solid #dde7f2;background:#fff;color:#7b8da6}.demo-report-submit{border:1px solid #2467bd;background:#2467bd;color:#fff}.demo-report-submit:disabled{background:#edf1f6;border-color:#e3e9f1;color:#a3adbc;cursor:not-allowed}.photo-submit-result{font-size:11px;color:#25836d;line-height:1.6;margin:10px 0 0}.urgent-chat{padding-bottom:13px}.urgent-message{max-width:96%}.urgent-message p{background:#fff0f1;border-color:#edc7cb;color:#914c55;font-size:12px}.urgent-bubble-label{display:block;font-size:10px;color:#b74e5f;font-weight:700;margin-bottom:5px;text-align:right}.urgent-compose{display:flex;gap:7px;align-items:center;padding:12px 0;font-size:10px;flex-wrap:wrap}.selected-urgent{padding:6px 9px;border:1px solid #e7abb3;border-radius:6px;background:#fff0f2;color:#b54051;font-weight:700}.urgent-compose>span:nth-child(2){color:#92a0b1}.urgent-compose button{margin-left:auto;padding:8px 9px;border:0;border-radius:6px;background:#bd3e51;color:#fff;font-size:10px}.receiver-label{font-size:10px;color:#8594aa;margin:3px 0 8px}.urgent-preview{background:#fff7f7;border:1px solid #edc6cb;padding:12px;border-radius:10px}.urgent-preview-head{display:flex;align-items:center;gap:7px;font-size:12px;color:#b14959}.urgent-preview-head .badge{margin-left:auto}.alert-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#bf4255;color:#fff;font-weight:800;font-size:14px;flex:none}.urgent-preview>p{font-size:12px;line-height:1.7;color:#5b6177;margin:12px 0}.urgent-alarm-copy{display:flex;flex-direction:column;gap:4px;padding:9px 0;border-top:1px solid #efd9dc}.urgent-alarm-copy b{font-size:12px;color:#b44557}.urgent-alarm-copy span{font-size:10px;color:#9a7580}.urgent-preview>button{width:100%;padding:10px;border:0;background:#183153;color:#fff;border-radius:7px;font-size:11px;margin-top:7px}.urgent-preview.acknowledged{border-color:#c5e3d4;background:#f4faf6}.urgent-preview.acknowledged .urgent-alarm-copy b{color:#25836d}.urgent-preview>button:disabled{background:#e0eee5;color:#50866e}.alarm-promise{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:13px}.alarm-promise b{color:#ad4a5a}.alarm-promise span{font-size:9px;color:#8b97a8}.device-note{font-size:9px;line-height:1.6;color:#8996a8;margin:9px 0 0}.notice-signoff{background:#f7f5ff;border:1px solid #e6dff8;border-radius:8px;padding:11px 12px;margin-bottom:17px}.notice-signoff label{display:flex;align-items:center;gap:6px;font-size:11px;color:#675a8c}.notice-signoff input{width:14px;height:14px;accent-color:#795dc5}.notice-signoff>span{display:block;font-size:10px;color:#8c7d9f;margin:10px 0 6px}.notice-signed-name{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #dfd6ed;border-radius:5px;padding:8px 10px;font-size:13px;color:#655076}.notice-signed-name small{font-size:9px;color:#a495b0}
@media(max-width:1000px){.extra-grid{gap:12px}.extra-heading h2{font-size:22px}.alarm-promise{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:760px){.showcase{padding-top:23px;gap:21px}.eyebrow{margin-bottom:12px}h1{font-size:29px}.feature-tasks h1{font-size:27px;line-height:1.4}.lead{font-size:12px;line-height:1.7}.extra-grid{grid-template-columns:1fr;gap:16px}.extra-heading h2{font-size:20px}.extra-heading p{font-size:11px}.feature-extra{padding-top:20px}.extra-screen{padding:13px}.feature-staff .metrics>div{padding-left:7px}.feature-staff .metrics b{font-size:21px}.feature-staff .metrics small{font-size:9px}.feature-messenger .person b{font-size:11px}.urgent-message p,.urgent-preview>p{font-size:11px}.urgent-compose{gap:6px}.urgent-compose>span:nth-child(2){flex:1;font-size:9px}.urgent-compose button{font-size:10px}.benefit p{line-height:1.65}.notice-signoff .badge{font-size:9px}}
@media(max-width:360px){.feature-staff .metrics b{font-size:19px}.feature-staff .metrics>div{padding-left:5px}.photo-actions{flex-direction:column;align-items:stretch}.urgent-compose>span:nth-child(2){font-size:9px}}

/* Production document UI from document-vault.js, employee-cards.css and contracts.css. */
.contract-app-preview.employee-document-dialog{width:min(92vw,520px);max-height:85vh;padding:22px;border:1px solid #dfe8f4;border-radius:22px;background:#fff;color:#183153}.contract-app-preview.employee-document-dialog::backdrop{background:rgba(20,37,61,.48)}.contract-app-preview.employee-document-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}.contract-app-preview.employee-document-dialog h2{font-size:18px;margin:0}.contract-app-preview.employee-document-dialog button,.contract-app-preview .doc-upload{display:inline-block;padding:10px 12px;border:0;border-radius:10px;background:#eaf2ff;color:#3065a8;font-size:13px;font-weight:700;cursor:pointer}.contract-app-preview .doc-upload{margin-top:20px}.contract-app-preview .doc-status{font-size:12px;color:#71839b}.contract-app-preview .employee-document-item{display:grid;grid-template-columns:1fr auto auto;gap:9px;padding:15px 0;border-top:1px solid #e6edf5}.contract-app-preview .employee-document-item strong{grid-column:1/-1;overflow-wrap:anywhere;font-size:14px}.contract-app-preview .employee-document-item small{align-self:center;color:#71839b;font-size:11px}.contract-app-preview.oms-vault{width:min(94vw,440px);padding:23px 18px;background:#f4f7fc;overflow:auto}.contract-app-preview.oms-vault header{margin-bottom:21px}.contract-app-preview.oms-vault header small{font-size:12px;color:#718198}.contract-app-preview.oms-vault header h2{font-size:23px;margin-top:3px}.contract-app-preview.oms-vault .doc-close{font-size:24px;padding:3px 12px;background:#fff;color:#718198}.contract-app-preview .vault-panel{padding:18px 15px;margin-top:14px;border:1px solid #e1e9f3;border-radius:19px;background:#fff}.contract-app-preview .vault-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.contract-app-preview .vault-heading{display:flex;align-items:center;gap:7px;min-width:0}.contract-app-preview .vault-title h3{margin:0;font-size:16px;color:#183153}.contract-app-preview .vault-help{display:grid!important;place-items:center;width:22px;height:22px;padding:0!important;border:1px solid #dce6f2!important;border-radius:50%!important;background:#f4f8fd!important;color:#6d819d!important;font-size:12px!important;line-height:1;cursor:pointer}.contract-app-preview .vault-help:focus-visible{outline:2px solid #286bc3;outline-offset:2px}.contract-app-preview .vault-badge{font-size:11px;color:#286bc3;background:#eaf3ff;padding:4px 7px;border-radius:7px}.contract-app-preview .vault-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 22px}.contract-app-preview .vault-flow li{position:relative;text-align:center;color:#718198;min-width:0}.contract-app-preview .vault-flow li:before{content:'';position:absolute;left:-50%;width:100%;top:19px;height:2px;background:#e1e9f3}.contract-app-preview .vault-flow li:first-child:before{display:none}.contract-app-preview .vault-flow li>span{position:relative;display:grid;place-items:center;width:39px;height:39px;margin:0 auto 8px;border-radius:50%;background:#f4f7fc;border:1px solid #e1e9f3}.contract-app-preview .vault-flow svg{width:20px;height:20px}.contract-app-preview .vault-flow small{font-size:10px;white-space:nowrap}.contract-app-preview .vault-flow .done>span{background:#eaf3ff;color:#286bc3;border-color:#eaf3ff}.contract-app-preview .vault-flow .active>span{background:#286bc3;color:#fff;border-color:#286bc3;box-shadow:0 0 0 4px #eaf3ff}.contract-app-preview .vault-flow .done:before,.contract-app-preview .vault-flow .active:before{background:#286bc3}.contract-app-preview .vault-current{padding:14px;border-radius:13px;background:#f4f7fc}.contract-app-preview .vault-current strong{font-size:14px}.contract-app-preview .vault-current p{margin:6px 0 0;font-size:12px;line-height:1.65;color:#718198}.contract-app-preview .vault-actions{display:flex;gap:8px;margin-top:15px}.contract-app-preview .vault-actions>*{flex:1;min-width:0;text-align:center;padding:12px 5px!important;font-size:12px!important;border-radius:11px;text-decoration:none}.contract-app-preview.oms-vault .vault-primary{background:#286bc3;color:#fff;border:0;font-weight:750}.contract-app-preview .vault-history{display:block;text-align:center;margin-top:14px;color:#718198;font-size:11px;text-decoration:none}.contract-app-preview.oms-vault .vault-upload{font-size:12px;color:#286bc3;cursor:pointer}.contract-app-preview .vault-file{display:flex!important;align-items:center;gap:8px;width:100%;padding:13px 0!important;background:#fff!important;border-radius:0!important;border-top:1px solid #e1e9f3!important;color:#183153!important;text-align:left}.contract-app-preview .vault-file>span{flex:1;min-width:0}.contract-app-preview .vault-file strong{display:block;font-size:13px;overflow-wrap:anywhere}.contract-app-preview .vault-file small{display:block;font-size:10px;color:#718198;font-weight:400;margin-top:5px}.contract-app-preview .vault-file b{font-size:11px;color:#286bc3}.contract-app-preview .vault-file button{padding:8px!important;font-size:11px!important}.contract-app-preview.oms-vault .vault-flow li::before{left:calc(-50% + 19.5px);width:calc(100% - 39px);top:19px;z-index:0}.contract-app-preview.oms-vault .vault-flow li>span{z-index:1}.contract-app-preview.contract-shell{max-width:720px;margin:auto;padding:25px 18px 70px}.contract-app-preview.contract-shell>a{color:var(--blue);font-size:15px;font-weight:750;text-decoration:none}.contract-app-preview h1{font-size:30px;margin:25px 0 20px}.contract-app-preview h2{font-size:20px;margin:0 0 14px}.contract-app-preview .contract-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:14px 0}.contract-app-preview .contract-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.contract-app-preview.contract-shell button,.contract-app-preview.contract-shell .action-link{border:0;border-radius:11px;padding:12px 15px;background:#eaf2ff;color:var(--blue);font-size:14px;font-weight:750;text-decoration:none}.contract-app-preview.contract-shell .primary{background:var(--blue);color:#fff}.contract-app-preview.contract-shell .danger{background:#fff1f1;color:#a84c4c}.contract-app-preview.contract-shell button:disabled{opacity:.5}.contract-app-preview .contract-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;margin:8px 0!important;background:#fff!important;border:1px solid var(--line)!important;padding:17px!important}.contract-app-preview .contract-row strong{display:block;overflow-wrap:anywhere}.contract-app-preview .contract-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.contract-app-preview .contract-state{font-size:12px;white-space:nowrap;color:#26805b}.contract-app-preview.contract-shell label{display:grid;gap:7px;font-size:12px;color:var(--muted);margin:13px 0}.contract-app-preview.contract-shell input,.contract-app-preview.contract-shell select,.contract-app-preview.contract-shell textarea{width:100%;min-width:0;border:1px solid #cbd8e8;border-radius:11px;padding:12px;background:#fff;color:var(--navy);font-size:15px}.contract-app-preview.contract-shell textarea{min-height:410px;resize:vertical;line-height:1.8}.contract-app-preview.contract-shell .contract-confirm{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--navy)}.contract-app-preview .contract-confirm input{width:19px;min-width:19px;height:19px;margin:0}.contract-app-preview.contract-shell pre{font-family:inherit;font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.contract-app-preview .contract-paper{font-family:'Noto Sans KR',sans-serif;line-height:1.9}.contract-app-preview .contract-signature{display:block;width:100%;height:auto;aspect-ratio:3;border:1px dashed #aabbd0;border-radius:12px;background:#fff;touch-action:none}.contract-app-preview .contract-note{font-size:12px;color:var(--muted);line-height:1.7}.contract-app-preview .signature-clear{margin-top:7px}.contract-app-preview.contract-shell dialog{width:min(94%,620px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;color:var(--navy)}.contract-app-preview dialog::backdrop{background:#18315377}.contract-app-preview #contractStatus{font-size:13px;line-height:1.6;color:#a34e36;white-space:pre-wrap}.contract-app-preview .contract-signatures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contract-app-preview .contract-signatures img{display:block;width:100%;background:#fff}.contract-app-preview.contract-shell [hidden]{display:none!important}@media(max-width:380px){.contract-app-preview.contract-shell{padding:22px 12px 60px}.contract-app-preview .contract-box{padding:16px}.contract-app-preview .contract-actions button{flex:1;padding:11px 8px;font-size:12px}}.contract-app-preview.contract-shell{font-size:13px;line-height:1.55}.contract-app-preview.contract-shell h1{font-size:25px;margin:20px 0 16px}.contract-app-preview.contract-shell h2{font-size:17px}.contract-app-preview.contract-shell label,.contract-app-preview .contract-fields legend{font-size:11px}.contract-app-preview.contract-shell input,.contract-app-preview.contract-shell select,.contract-app-preview.contract-shell textarea{font-size:13px;padding:10px 11px}.contract-app-preview.contract-shell button,.contract-app-preview.contract-shell .action-link{font-size:12px}.contract-app-preview .contract-segments span,.contract-app-preview .contract-checks span{font-size:12px;padding:10px 8px}.contract-app-preview.contract-shell .contract-confirm,.contract-app-preview.contract-shell pre{font-size:12px}.contract-app-preview .contract-note,.contract-app-preview .contract-state,.contract-app-preview #contractStatus{font-size:11px}.contract-app-preview.contract-shell .native-picker-host .property-picker-button{height:44px;font-size:13px;font-weight:600}.contract-app-preview.contract-shell .native-picker-host .property-picker-panel{font-size:13px}@media(max-width:380px){.contract-app-preview.contract-shell h1{font-size:23px}.contract-app-preview.contract-shell h2{font-size:16px}.contract-app-preview.contract-shell .contract-actions button{font-size:12px}}.contract-app-preview .contract-document{padding:0;overflow:hidden}.contract-app-preview .formal-contract-paper{padding:30px 28px 24px;border-top:6px solid var(--navy);background:#fff;color:#172a44}.contract-app-preview .formal-paper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.contract-app-preview .formal-paper-title{margin:0!important;padding:0!important;border:0!important;font-family:'Noto Serif KR',Georgia,serif;font-size:24px!important;font-weight:700;letter-spacing:.08em}.contract-app-preview .formal-paper-subtitle{margin:6px 0 0;color:var(--muted);font-size:10px}.contract-app-preview .formal-paper-meta{margin:0;text-align:right;color:var(--muted);font-size:10px;line-height:1.6}.contract-app-preview .formal-paper-rule{height:2px;margin:15px 0 0;background:var(--navy)}.contract-app-preview .formal-paper-intro{margin:21px 0 16px;font-size:12px;line-height:1.75}.contract-app-preview .formal-paper-terms{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6}.contract-app-preview .formal-paper-terms th,.contract-app-preview .formal-paper-terms td{padding:8px;border:1px solid #d9e1ea;vertical-align:top}.contract-app-preview .formal-paper-terms th{width:22%;background:#eef4fb;text-align:left;font-weight:700}.contract-app-preview .formal-paper-clause{display:grid;grid-template-columns:35px 1fr;gap:5px;margin-top:12px;font-size:11px;line-height:1.65}.contract-app-preview .formal-paper-clause>b{font-weight:700}.contract-app-preview .formal-paper-clause h3{margin:0 0 3px;font-size:11px}.contract-app-preview .formal-paper-clause p{margin:0}.contract-app-preview .formal-paper-closing{margin:18px 0 0;text-align:center;font-size:10px;line-height:1.6}.contract-app-preview .formal-paper-date{margin:9px 0 0;text-align:center;font-size:11px;font-weight:700}.contract-app-preview .formal-paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.contract-app-preview .formal-paper-sign{min-height:155px;padding:11px;border:1px solid #d9e1ea;font-size:10px}.contract-app-preview .formal-paper-sign>strong{display:block;margin-bottom:7px;font-size:11px}.contract-app-preview .formal-paper-sign-row{display:grid;grid-template-columns:48px 1fr;gap:7px;padding:3px 0;border-bottom:1px solid #edf1f5}.contract-app-preview .formal-paper-sign-row span{color:var(--muted)}.contract-app-preview .formal-paper-sign-row b{font-weight:500;overflow-wrap:anywhere}.contract-app-preview .formal-paper-signature{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px;margin-top:7px;color:var(--muted)}.contract-app-preview .formal-paper-signature img{display:block;width:100%;height:48px;object-fit:contain}.contract-app-preview .formal-paper-footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px;padding-top:8px;border-top:1px solid #d9e1ea;color:var(--muted);font-size:9px}.contract-app-preview .contract-preview-dialog{padding:0!important}.contract-app-preview .contract-preview-dialog>.contract-actions{padding:0 20px 18px}.contract-app-preview .contract-preview-dialog .formal-contract-paper{border-radius:18px 18px 0 0}@media(max-width:480px){.contract-app-preview .formal-contract-paper{padding:24px 16px 20px}.contract-app-preview .formal-paper-title{font-size:20px!important}.contract-app-preview .formal-paper-terms th{width:28%}.contract-app-preview .formal-paper-signatures{grid-template-columns:1fr}.contract-app-preview .formal-paper-sign{min-height:88px}}


.contract-app-preview{--navy:#183153;--blue:#316eac;--muted:#718198;--line:#dfe8f4;--bg:#f4f7fc;width:100%;max-height:none;margin:0;font-size:13px}.contract-app-preview.oms-vault{width:100%;padding:23px 18px}.contract-app-preview.contract-shell{padding:18px 16px;background:#f4f7fc}.contract-app-preview .contract-signature{height:180px;aspect-ratio:auto;background:#fff;border:1px dashed #aabbd0;border-radius:12px}.contract-app-preview .signature-clear{background:#eaf2ff;color:#316eac;border-radius:11px;padding:10px 15px;margin-top:7px}.contract-ellipsis{text-align:center;font-size:30px;margin:10px 0;color:#718198}.contract-app-preview .contract-actions [data-sign-complete]{width:100%;min-height:44px}.contract-app-preview .formal-paper-intro{white-space:normal}.scene-title{font-size:14px;margin:0 0 16px;padding:17px 0 13px;border-bottom:1px solid #e8edf5}.feature-scenes .screen{min-height:0}.single-scene{grid-template-columns:minmax(0,1fr);max-width:720px;margin:auto}.pay-highlight strong{font-size:17px;line-height:1.6}.contract-app-preview .doc-close{border-radius:10px}.contract-app-preview .vault-help{border-radius:50%}