:root{font-family:Inter,system-ui,sans-serif;color:#18212f;background:#f5f7f9}body{margin:0}main{width:min(1100px,calc(100% - 32px));margin:auto;padding:28px 0}header,form{display:flex;align-items:center;gap:10px;justify-content:space-between}h1,h2,h3,p{margin:0}header p{color:#596579;font-weight:700}section{background:#fff;border:1px solid #d9dee6;border-radius:8px;padding:16px;margin-top:16px}.add{display:grid;gap:12px}input,select,button{min-height:38px;padding:0 10px;border:1px solid #c5ccd7;border-radius:6px;font:inherit}button{background:#fff;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e3e7ed;text-align:left}tbody tr{cursor:pointer}tbody tr:hover{background:#f5f7f9}.detail{display:grid;gap:12px}.notice{margin-top:12px;color:#17613a;font-weight:650}.preview{color:#435066;line-height:1.5}@media(max-width:700px){header,form{align-items:stretch;flex-direction:column}table{font-size:.85rem}th,td{padding:8px 4px}}