:root{--nav:#0e1a2b;--ink:#0e1a2b;--ink-2:#4a586b;--ink-3:#7b8798;--line:#c9d1dc;--line-2:#e3e8ef;--desk:#e4e8ee;--sheet:#fff;--cobalt:#2b59ff;--cobalt-d:#1f43d1;--cobalt-soft:#e8edff;--warn-bg:#fff4d6;--warn-ink:#6f4f10;--r:8px}*{box-sizing:border-box}body{background:var(--desk);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans CJK KR,Malgun Gothic,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}:focus-visible{outline-offset:1px;outline:3px solid #9db4ff}button{cursor:pointer;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--sheet);height:40px;color:var(--ink);padding:0 16px;font-weight:600;line-height:1;transition:background .12s,color .12s}button:hover:not(:disabled),button.primary{background:var(--ink);color:#fff}button.primary:hover:not(:disabled){background:var(--cobalt);border-color:var(--cobalt)}button:disabled{cursor:not-allowed;color:#9aa5b4;background:0 0;border:1.5px dashed #b9c2cf}input{border:1.5px solid var(--line);border-radius:var(--r);background:var(--sheet);height:40px;padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}input:hover{border-color:#a4afbf}input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-soft);outline:none}input[type=checkbox]{width:18px;height:18px;accent-color:var(--cobalt);cursor:pointer;padding:0}header{background:var(--nav);color:#fff;z-index:10;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-mark{width:22px;height:22px;display:inline-block}header small{color:#9fb0c8;border-left:1px solid #34445b;padding-left:12px;font-size:13px;font-weight:400}.account{color:#b9c6d9;align-items:center;gap:14px;font-size:13px;display:flex}.account button{color:#fff;background:0 0;border:1.5px solid #3b4d68;height:32px;padding:0 12px;font-weight:500}.account button:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#fff}.banner{background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid #ecd9a0;padding:8px 28px;font-size:13px}main{max-width:1240px;margin:0 auto;padding:28px 28px 64px}h1{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.25}p.subtitle{color:var(--ink-2);margin:6px 0 0;font-size:15px}.muted{color:var(--ink-2)}.empty{text-align:center;color:var(--ink-3);padding:64px 16px;font-size:15px}.loading{border-radius:var(--r);min-height:160px;color:var(--ink-2);background:linear-gradient(90deg,#dde2ea,#eef1f5,#dde2ea) 0 0/200% 100%;padding:24px;animation:1.4s linear infinite shimmer}.refresh-status{color:var(--ink-3);margin:0;padding:6px 12px;font-size:12px}@keyframes shimmer{to{background-position:-200% 0}}.home{max-width:880px}.home .search{margin:22px 0 18px;position:relative}.search svg{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search input{border-color:#b7c1ce;border-radius:12px;width:100%;min-width:0;height:54px;padding:0 16px 0 50px;font-size:16px}.search input::placeholder{color:#7b8798;opacity:1}.panel{background:var(--sheet);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0e1a2b14,0 0 0 1px #0e1a2b0d}.patient-table{border-collapse:collapse;text-align:left;width:100%}.patient-table th{white-space:nowrap;color:var(--ink-3);border-bottom:1px solid var(--line-2);padding:12px 20px;font-size:13px;font-weight:500}.patient-table td{border-bottom:1px solid var(--line-2);height:56px;padding:0 20px}.patient-table tbody tr{position:relative}.patient-table tbody tr:last-child td{border-bottom:0}.patient-table tbody tr:hover{background:var(--cobalt-soft)}.patient-link{font-size:15px;font-weight:700}.patient-link:after{content:"";position:absolute;inset:0}.pagination{border-top:1px solid var(--line-2);color:var(--ink-2);justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex}.pagination button{height:34px;padding:0 14px}.back{color:var(--ink-2);margin-bottom:16px;font-weight:500;display:inline-block}.back:hover{color:var(--cobalt)}.report-main{max-width:1500px}.layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.controls{background:var(--sheet);border-radius:14px;grid-template-columns:minmax(200px,1fr) minmax(330px,1.5fr) minmax(180px,.8fr);align-items:start;gap:24px;padding:20px 24px;display:grid;box-shadow:0 1px 2px #0e1a2b14,0 0 0 1px #0e1a2b0d}.controls .meta{margin:6px 0 0;font-size:13px}.controls .ctl+.ctl{border-top:0;padding-top:0}.controls .ctl h2{margin-bottom:8px}.controls .chips{margin-bottom:10px}.controls .chips button{padding:0 14px}.controls .dates{margin-bottom:4px}.controls .hint{margin-bottom:0}.pdf-options{margin-bottom:12px}.pdf-options summary{cursor:pointer;min-height:40px;padding:10px 0;font-weight:600}.pdf-options[open] summary{margin-bottom:8px}.pdf-options .picks{margin-bottom:12px}.who h1{font-size:24px}.who .meta{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.7}.ctl h2{margin:0 0 14px;font-size:14px;font-weight:700}.ctl+.ctl{border-top:1px solid var(--line-2);padding-top:28px}.chips{gap:8px;margin-bottom:18px;display:flex}.chips button{border:1.5px solid var(--line);background:var(--sheet);height:40px;color:var(--ink-2);border-radius:999px;flex:1;padding:0;font-weight:600}.chips button:hover:not(:disabled){background:var(--cobalt-soft);border-color:var(--cobalt);color:var(--ink)}.chips button.active{background:var(--ink);border-color:var(--ink);color:#fff}.dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:18px;display:grid}.dates .field{min-width:0}.field{color:var(--ink-2);font-size:13px;font-weight:600}.field input{width:100%;min-width:0;color:var(--ink);margin-top:6px;padding:0 8px;font-size:13px;font-weight:500;display:block}.switch{cursor:pointer;justify-content:space-between;align-items:center;height:40px;font-weight:600;display:flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{background:#b9c2cf;border-radius:999px;width:46px;height:26px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.track{background:var(--cobalt)}.switch input:checked+.track:after{transform:translate(20px)}.switch input:focus-visible+.track{outline-offset:2px;outline:3px solid #9db4ff}.picks{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pick{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;height:48px;padding:0 14px;font-weight:600;transition:background .12s,border-color .12s;display:flex;position:relative}.pick:hover{border-color:#9aa5b4}.pick input{opacity:0;width:0;height:0;position:absolute}.pick .box{background:var(--sheet);color:#fff;border:1.5px solid #9aa5b4;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.pick .box svg{opacity:0;transition:opacity .12s,transform .12s;transform:scale(.6)}.pick:has(input:checked){background:var(--cobalt-soft);border-color:var(--cobalt)}.pick input:checked+.box{background:var(--cobalt);border-color:var(--cobalt)}.pick input:checked+.box svg{opacity:1;transform:none}.pick:has(input:focus-visible){outline-offset:1px;outline:3px solid #9db4ff}.hint{color:var(--ink-3);margin:6px 0 20px;font-size:12px;line-height:1.5}.ctl>button{width:100%;height:48px;font-size:15px}.stage{min-width:0}.stagebar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.stagebar .stamp{color:var(--ink-3);margin:0 0 0 auto;font-size:13px}.stagebar button{height:38px}.tabs{background:#d3d9e2;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.tabs button{height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:0 20px;font-weight:600}.tabs button:hover:not(:disabled){color:var(--ink);background:#e4e8ee}.tabs button.selected{background:var(--sheet);color:var(--ink);box-shadow:0 1px 3px #0e1a2b26}.stage .cl-page{page:auto;background:var(--sheet);break-after:auto;border-radius:12px;margin-bottom:20px;padding:26px 30px 22px;box-shadow:0 1px 2px #0e1a2b14,0 0 0 1px #0e1a2b0d}.stage .cl-agp svg,.stage .cl-day svg,.stage .cl-dev svg{height:auto}.stage .cl-head{grid-template-columns:auto 1fr auto auto;gap:12px 28px}.stage .cl-title h1,.stage .cl-title p{white-space:nowrap}.stage .cl-day-head{flex-wrap:wrap;gap:4px 18px}.stage .cl-day-head>*{white-space:nowrap}.stage .cl-week-head{font-size:9px}.stage .cl-week-head h2{font-size:11px}.stage .cl-week-head h2 span{font-size:9px}.stage .cl-week-day svg text{font-size:8px}.stage .cl-agp svg text{font-size:14px}.stage .cl-day svg text{font-size:13px}.stage .report .report-section{margin-bottom:20px}.stage .cl-dev svg{max-width:560px}.stage .cl-dev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage .cl-icr svg{width:100%;height:auto}.stage .cl-icr h3{font-size:13px}@media (max-width:1250px){.stage .cl-page{zoom:1}}@media (max-width:1000px){.stage .cl-head{grid-template-columns:1fr 1fr}.stage .cl-meta{text-align:left}.stage .cl-bottom,.stage .cl-patterns,.stage .cl-dev{grid-template-columns:1fr}.stage .cl-pattern+.cl-pattern{border-left:0;padding-left:0}}@media (max-width:900px){.stage .cl-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.stage .cl-week-grid{grid-template-columns:minmax(0,1fr)}}.login-page{background:var(--sheet);grid-template-columns:minmax(380px,520px) 1fr;min-height:calc(100vh - 52px);display:grid}.login-side{align-items:center;padding:0 64px;display:flex}.login-card{width:100%}.login-card h1{font-size:30px}.login-card p{color:var(--ink-2);margin:8px 0 0;font-size:15px}.login-card label{margin:24px 0 8px;font-size:13px;font-weight:700;display:block}.login-card input{width:100%;height:48px;font-size:16px}.login-card button{background:var(--ink);color:#fff;width:100%;height:50px;margin-top:28px;font-size:16px}.login-card button:hover:not(:disabled){background:var(--cobalt);border-color:var(--cobalt)}.login-card .note{color:var(--ink-3);margin-top:24px;font-size:13px;line-height:1.6}.login-art{background:var(--nav);position:relative;overflow:hidden}.login-art svg{width:100%;height:100%;position:absolute;inset:0}.login-art path.p50{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s ease-out .2s forwards trace}@keyframes trace{to{stroke-dashoffset:0}}.toast{z-index:20;background:var(--ink);color:#fff;border-radius:10px;max-width:90vw;padding:12px 20px;font-size:14px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0e1a2b4d}@media (prefers-reduced-motion:reduce){.login-art path.p50{stroke-dashoffset:0;animation:none}.loading{animation:none}}@media (max-width:1000px){.controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.export-ctl{grid-column:1/-1}.controls .dates{gap:8px}}@media (max-width:600px){.controls{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 14px}.export-ctl{grid-column:auto}}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-side{padding:0 24px}}@media (max-width:720px){header{padding:0 14px}.account span,header small{display:none}main{padding:16px 14px 40px}.patient-table th:nth-child(3),.patient-table td:nth-child(3){display:none}}@media (max-width:600px){.stage .cl-page{padding:18px 14px}.stage .cl-head{grid-template-columns:minmax(0,1fr);gap:8px}.stage .cl-title h1,.stage .cl-title p{white-space:normal;overflow-wrap:anywhere}.stage .cl-patient{text-align:left}.stage .cl-bar,.stage .cl-legend{flex-wrap:wrap;gap:6px 10px}.stage .cl-pattern{grid-template-columns:minmax(0,1fr);padding:8px 0}.stage .cl-pattern h3{grid-row:auto}.stage .cl-pattern .cl-note,.stage .cl-pattern ol,.stage .cl-pattern .cl-none{grid-column:1}.tabs{flex-wrap:wrap;max-width:100%}.tabs button{padding:0 10px;font-size:12px}.stage .report-section{min-width:0;overflow-x:auto}.stage .cl-tir-rows li{grid-template-columns:68px minmax(0,1fr) auto;gap:6px}.stage .cl-tir-rows .vals{gap:4px}.stage .cl-tir-rows .vals b{min-width:40px}.stage .cl-tir-rows .vals span{min-width:0}}