*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Pretendard,Noto Sans KR,sans-serif;color:#1a1d23;background:#f4f5f7}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:#fff;padding:28px;border-radius:12px;width:100%;max-width:360px;display:grid;gap:14px;box-shadow:0 2px 12px #0001}.card h1{margin:0 0 4px;font-size:22px}label{display:grid;gap:6px;font-size:13px;color:#555}input{padding:10px 12px;border:1px solid #ccd;border-radius:8px;font-size:15px}button{padding:10px 14px;border:0;border-radius:8px;background:#1f4fd8;color:#fff;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.err{color:#c62828;margin:0;font-size:13px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#14213d;color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px}.brand{font-weight:700;font-size:18px}nav{display:grid;gap:4px;flex:1;align-content:start}nav button{background:transparent;text-align:left;color:#cfd6e6}nav button.on{background:#fff2;color:#fff}.me{display:grid;gap:6px;font-size:13px}.me button{background:#fff2}main{padding:24px}@media (max-width: 700px){.shell{grid-template-columns:1fr}aside{flex-direction:row;flex-wrap:wrap}nav{display:flex;flex-wrap:wrap}}.crm{display:grid;gap:14px}.crm-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.crm-top h2{margin:0}.crm-search{flex:1 1 240px;max-width:420px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;color:#555;border:1px solid #d5d9e2}.chip i{font-style:normal;margin-left:6px;font-weight:700;color:#1a1d23}.chip.on{background:#1f4fd8;color:#fff;border-color:#1f4fd8}.chip.on i{color:#fff}.crm-main{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:14px;align-items:start}.lead-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lead{width:100%;text-align:left;background:#fff;color:#1a1d23;border:1px solid #e3e6ee;display:grid;gap:4px}.lead.sel{border-color:#1f4fd8;box-shadow:0 0 0 2px #1f4fd822}.lead-t{display:flex;justify-content:space-between;gap:8px}.lead-m{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#666;align-items:center}.pill{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;background:#eef0f5;color:#555}.pill.s-통화중,.pill.s-견적발송,.pill.s-미팅{background:#e3ecff;color:#1f4fd8}.pill.s-계약{background:#dff5e8;color:#1c7a47}.pill.s-실패,.pill.over{background:#fde7e5;color:#c62828}.pill.due{background:#fff0d9;color:#b86a00}.empty{padding:28px 16px;color:#777;text-align:center;background:#fff;border-radius:12px}.empty b{display:block;color:#1a1d23;margin-bottom:4px}.detail{display:grid;gap:14px}.detail .card{max-width:none;box-shadow:0 1px 6px #0001}.detail-head{grid-template-columns:1fr auto}.detail-head h3{margin:0;font-size:24px}.facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0}.facts dt{font-size:12px;color:#777}.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}h4{margin:0}h4 small{color:#888;font-weight:500}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}textarea,select{padding:10px 12px;border:1px solid #ccd;border-radius:8px;font-size:15px;width:100%;font-family:inherit}button{background:#eef0f5;color:#1a1d23}button.primary{background:#1f4fd8;color:#fff}button.danger{color:#c62828}.path{display:flex;gap:6px;flex-wrap:wrap}.step{background:#eef0f5;color:#666}.step.done{background:#cfdcff;color:#1a1d23}.step.cur{background:#1f4fd8;color:#fff}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:10px;padding-top:10px;border-top:1px solid #eee}.timeline li:first-child{border-top:0;padding-top:0}.timeline time{font-size:13px;color:#777}.pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.muted{color:#888;margin:0}.back{display:none}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:start center;padding:24px 16px;overflow:auto;z-index:20}.modal{max-width:520px}@media (max-width: 800px){.crm-main{grid-template-columns:1fr}.back{display:inline-block}.lead-detail{order:-1}.timeline li{grid-template-columns:1fr}}.tasks-page{display:grid;gap:14px}.area-sel{width:auto;min-width:140px}.inline{display:flex;gap:6px;align-items:center;flex-direction:row}.inline input{width:auto}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{max-width:none;gap:2px}.kpi .l{color:#777;font-size:13px}.kpi .n{font-size:32px;font-weight:800}.kpi .n small{font-size:16px;color:#888}.kpi .d{color:#888;font-size:12px}.kpi.alert .n{color:#c62828}.qa{max-width:none;grid-template-columns:minmax(0,1fr) 110px 150px 130px auto;align-items:center}.sec{display:grid;gap:8px}.sec h3,.col h3{margin:6px 2px 0;font-size:15px;color:#666;display:flex;gap:8px;align-items:baseline}.sec h3.over{color:#c62828}.sec h3 em{font-style:normal;background:#e7eaf1;border-radius:99px;padding:0 9px;font-size:12px;color:#1a1d23}.tasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.task{display:flex;gap:12px;align-items:center;padding:10px 12px;background:#fff;border-radius:10px;border-left:4px solid #cfd5e2;box-shadow:0 1px 4px #0001}.task.p1{border-left-color:#e5533d}.task.p2{border-left-color:#f0a030}.task.p3{border-left-color:#3d7be5}.task.p4{border-left-color:#9aa5b8}.task.doing{background:#eef4ff}.task.isdone{opacity:.6}.task.isdone .tt{text-decoration:line-through}.chk{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #9aa5b8;background:none;color:transparent;flex:none}.chk:hover{border-color:#1c7a47;color:#1c7a47}.isdone .chk{background:#1c7a47;border-color:#1c7a47;color:#fff}.tb{flex:1;min-width:0;cursor:pointer}.tt{font-weight:600;overflow-wrap:anywhere}.tm2{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:center;font-size:12px;color:#777;margin-top:3px}.pill.p1{background:#fde7e5;color:#c62828}.pill.p2{background:#fff0d9;color:#b86a00}.pill.p3{background:#e3ecff;color:#1f4fd8}.due.over{color:#c62828;font-weight:700}.due.today{color:#b86a00;font-weight:700}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:#1f4fd8}.ta{display:flex;gap:6px;flex:none}.ta .on{background:#e3ecff;color:#1f4fd8}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:start}.col{background:#fff;border-radius:12px;padding:12px;display:grid;gap:8px;border-top:3px solid #cfd5e2}.col.p1{border-top-color:#e5533d}.col.p2{border-top-color:#f0a030}.col.p3{border-top-color:#3d7be5}.col .task{flex-wrap:wrap}.col .ta{width:100%;justify-content:flex-end}.focus{display:grid;gap:8px}.focus-row{max-width:none;grid-template-columns:1fr auto auto auto;align-items:center;border:1px solid #1f4fd8}.focus-row .tm{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.fab{position:fixed;right:18px;bottom:18px;border-radius:999px;padding:14px 20px;background:#1f4fd8;color:#fff;box-shadow:0 8px 24px #1f4fd855}@media (max-width: 800px){.qa{grid-template-columns:1fr 1fr}.qa input:first-child,.qa button{grid-column:1 / -1}.task{flex-wrap:wrap}.ta{width:100%;justify-content:flex-end}.focus-row{grid-template-columns:1fr auto}}