*{box-sizing:border-box}body{margin:0;font-family:Arial,Malgun Gothic,sans-serif;background:#f8f6f2;color:#2f261f;font-size:14px}main{max-width:1180px;margin:0 auto;padding:0 24px 32px}header{display:flex;justify-content:space-between;align-items:center;height:56px;margin:0 -24px 20px;padding:0 24px;background:#5c3b1e;color:#fff;border-bottom:1px solid #3b2513}header strong{font-size:18px;font-weight:700}header p{margin:3px 0 0;color:#f2dbc4;font-size:12px}.approvals{display:grid;border:1px solid #ded2c3;border-bottom:0;background:white}.approvals article{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-bottom:1px solid #ded2c3;background:white;padding:12px 14px}.approvals article:hover{background:#fff7ed}.approvals .empty{grid-template-columns:1fr;color:#6b5a48}.approvals b{font-size:15px}.approvals span{display:block;color:#6b5a48;font-weight:700;margin-top:3px;font-size:12px}.approvals p{margin:8px 0 0;color:#2f261f}.approvals small{display:block;color:#6b5a48;margin-top:5px;font-size:12px}.approvals.decided{margin-top:28px}.approvals.decided h2{border-bottom:1px solid #ded2c3;margin:0;padding:11px 14px;background:#f3ece3;color:#2f261f;font-size:15px}.approval-line{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:5px 8px;margin-top:10px}.approval-line em{display:inline-flex;align-items:center;justify-content:center;min-width:48px;border:1px solid #c9b9a6;border-radius:2px;background:#f3ece3;color:#5c3b1e;font-style:normal;font-size:12px;font-weight:700;padding:3px 8px}.approval-line em.approver-badge{border-color:#c75b12;background:#fff1e5;color:#a8480f}.approval-line em.notifier-badge{border-color:#8b6b4c;background:#f7f0e8;color:#6b4a2b}.approval-line span{display:inline;margin:0;color:#2f261f;font-weight:700}.decision-summary{display:inline-flex;margin-top:10px;padding:4px 9px;border-radius:2px;border:1px solid #c9b9a6;font-weight:800;font-size:12px}.decision-summary.approved{border-color:#6a6d00;background:#fbf9df;color:#5e6100}.decision-summary.rejected{border-color:#b42318;background:#fff1f1;color:#b42318}.actions{display:flex;gap:6px;align-items:center}button{border:1px solid #a8480f;border-radius:2px;background:#c75b12;color:#fff;padding:8px 13px;font-weight:700;cursor:pointer}.reject{border-color:#b42318;background:white;color:#b42318}h2{font-size:16px;margin:0 0 12px}@media (max-width:760px){main{padding:0 14px 24px}header{margin:0 -14px 16px;padding:0 14px}.approvals article{grid-template-columns:1fr}.actions{justify-content:start}}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.attachment-list span{display:inline-flex;margin:0;border:1px solid #ded2c3;background:#f8f6f2;color:#5c3b1e;padding:4px 8px;font-weight:700}.attachment-list a{margin-left:8px;color:#a8480f;text-decoration:none;font-weight:900}.person-link{border:0;background:transparent;color:#a8480f;padding:0;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:2px}.person-modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(47,38,31,.36);z-index:20}.person-modal section{width:min(360px,calc(100vw - 32px));border:1px solid #c9b9a6;background:white;box-shadow:0 18px 40px #2f261f38}.modal-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded2c3;background:#f3ece3;padding:12px 14px}.modal-title b{font-size:18px}.modal-title button{border:0;background:transparent;color:#a8480f;font-size:18px;font-weight:900;padding:0 4px}.person-modal dl{display:grid;grid-template-columns:80px 1fr;gap:10px 12px;margin:0;padding:14px}.person-modal dt{font-weight:800;color:#6b5a48}.person-modal dd{margin:0;color:#2f261f}.login-panel[data-v-b2dc771e]{display:grid;gap:14px;max-width:460px;margin:72px auto 0;border:1px solid #ded2c3;border-top:4px solid #c75b12;background:white;padding:24px;box-shadow:0 12px 30px #2f261f1f}.login-mark[data-v-b2dc771e]{width:58px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c75b12;background:#fff1e5;color:#a8480f;font-weight:900;letter-spacing:.04em}.login-panel b[data-v-b2dc771e]{font-size:20px}.login-panel p[data-v-b2dc771e],.login-panel small[data-v-b2dc771e]{margin:4px 0 0;color:#6b5a48;line-height:1.45}.login-panel label[data-v-b2dc771e]{display:grid;gap:5px}.login-panel span[data-v-b2dc771e]{color:#6b5a48;font-size:12px;font-weight:800}.login-panel input[data-v-b2dc771e]{height:38px;border:1px solid #c9b9a6;border-radius:2px;padding:0 9px;color:#2f261f;font:inherit}