:root{--bg:#f5f6f8;--panel:#fff;--panel-alt:#f0f3f7;--text:#111827;--muted:#667085;--line:#d9dee8;--line-strong:#c3cad7;--accent:#0f766e;--accent-soft:rgba(15,118,110,.1);--danger:#b42318;--warn:#b54708;--success:#027a48;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--shadow-sm:0 8px 20px rgba(17,24,39,.05);--shadow-md:0 18px 42px rgba(17,24,39,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(circle at top left,#fff 0,#f7f8fb 46%,#eef2f7 100%);color:var(--text);font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(245,246,248,.86);border-bottom:1px solid rgba(195,202,215,.75)}.app-header-inner{max-width:1240px;margin:0 auto;padding:var(--space-4) var(--space-5);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.brand-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.brand-title{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.04em;font-weight:800}.brand-copy{max-width:72ch;color:var(--muted);line-height:1.7}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-pill{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:hsla(0,0%,100%,.72);color:var(--muted);font-weight:600}.nav-pill.active{color:var(--accent);border-color:rgba(15,118,110,.24);background:var(--accent-soft)}.page-wrap{width:100%;max-width:1240px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7)}.case-grid,.hero-grid,.home-grid,.record-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:start}.home-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.case-grid{grid-template-columns:320px minmax(0,1fr) 360px;align-items:start}.record-grid{grid-template-columns:minmax(0,1fr) 320px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.panel.alt{background:var(--panel-alt)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:var(--space-3)}.h2{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.1;letter-spacing:-.03em}.muted{color:var(--muted);line-height:1.7}.composer{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.textarea{min-height:176px;resize:vertical;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);line-height:1.7}.field,.select,.textarea{width:100%;background:#fff;color:var(--text)}.field,.select{height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px}.field-label{display:grid;grid-gap:8px;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}.actions-row,.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(15,118,110,.24)}.ghost-btn,.primary-btn{height:46px;border-radius:14px;padding:0 18px;font-weight:800}.primary-btn{border:none;background:linear-gradient(135deg,#0f766e,#0f9b8e);color:#f8fffe;box-shadow:0 16px 28px rgba(15,118,110,.18)}.ghost-btn{border:1px solid var(--line);background:#fff;color:var(--text)}.metric-strip{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:var(--space-4)}.metric-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metric-value{margin-top:8px;font-size:28px;font-weight:800;letter-spacing:-.04em}.card-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.case-card,.criteria-row,.evidence-card,.record-tab,.risk-row,.task-card,.timeline-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:var(--space-4)}.case-card:hover,.record-tab:hover,.task-card:hover{border-color:var(--line-strong)}.status-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.status-success{color:var(--success);background:rgba(2,122,72,.1)}.status-warn{color:var(--warn);background:rgba(181,71,8,.1)}.status-danger{color:var(--danger);background:rgba(180,35,24,.1)}.status-muted{color:var(--muted);background:rgba(102,112,133,.1)}.two-col{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.criteria-row,.criteria-table,.timeline-list{display:grid;grid-gap:10px;gap:10px}.criteria-row{grid-template-columns:minmax(0,1.2fr) 88px 100px minmax(0,1fr);align-items:start}.timeline-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.timeline-card.done{border-color:rgba(15,118,110,.24);background:rgba(15,118,110,.04)}.empty-note{border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:var(--space-4);color:var(--muted);background:hsla(0,0%,100%,.6)}.ops-banner{border:1px solid rgba(180,35,24,.14);background:rgba(180,35,24,.06);color:#7a271a;border-radius:14px;padding:14px 16px;font-weight:700}.footer-note{color:var(--muted);font-size:13px;line-height:1.7}@media (max-width:1100px){.case-grid,.hero-grid,.home-grid,.record-grid{grid-template-columns:1fr}}