:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#18253d;background:#f3f5fa;font-size:16px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:240px 1fr}aside{background:#142139;color:white;padding:32px 24px;min-height:100vh}aside a{display:block;color:inherit;text-decoration:none;margin-bottom:24px}aside h2{font-size:18px;margin:40px 0 24px}aside p{color:#becbe0;line-height:1.8}main{padding:48px;max-width:1400px;width:100%}header span{color:#2563eb;font-weight:bold}h1{font-size:36px;line-height:1.35}p{line-height:1.7;color:#53627a}section{margin-top:40px;background:white;border:1px solid #dfe5ef;border-radius:18px;padding:28px}#sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sample,.record{padding:20px;border:1px solid #dfe5ef;border-radius:12px}.sample{border-top:5px solid var(--accent)}.sample h3{margin-top:0}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.button,.import{font:inherit;font-size:14px;border:1px solid #ccd6e5;padding:11px 14px;background:#fff;color:#203350;border-radius:8px;cursor:pointer;text-decoration:none}button[type=submit],.primary{background:#2459d8;color:white;border-color:#2459d8}form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:flex;flex-direction:column;gap:8px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #ccd6e5;border-radius:8px;background:white}.wide{grid-column:1/-1}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}.toolbar label:first-child{flex:1}.import input{max-width:220px}.record{margin:16px 0}.badge{display:inline-block;background:#e8efff;color:#2459d8;padding:6px 12px;border-radius:30px;font-size:14px}.record p{white-space:pre-wrap;overflow-wrap:anywhere}#status{color:#2459d8}@media(max-width:950px){body{grid-template-columns:1fr}aside{min-height:auto;padding:20px}aside h2,aside p{display:none}aside a{display:inline-block;margin:0 20px 0 0}main{padding:24px}#sample-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#sample-grid,form{grid-template-columns:1fr}h1{font-size:28px}section{padding:18px}main{padding:16px}}