: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}@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)}.layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:32px;display:grid}.controls{background:var(--sheet);border-radius:14px;flex-direction:column;gap:28px;padding:28px 24px;display:flex;position:sticky;top:76px;box-shadow:0 1px 2px #0e1a2b14,0 0 0 1px #0e1a2b0d}.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}.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}.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){.layout{grid-template-columns:1fr}.controls{position:static}}@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}}.portal-tabs{gap:8px;max-width:1180px;margin:24px auto 0;padding:0 24px;display:flex}.portal-tabs button{cursor:pointer;font:inherit;background:#fff;border:1px solid #d9e2e5;border-radius:10px;padding:12px 20px}.portal-tabs button[aria-pressed=true]{color:#fff;background:#154e63;border-color:#154e63}.portal-frame{background:#fff;border:0;width:100%;height:calc(100dvh - 145px);margin-top:16px;display:block}