:root{--bg:#FDF7EE;--border:#E8E0D4;--accent:#78A878;--pink:#F8D6D6;--mint:#DDE9DD;--lavender:#EDE6F4;--text:#514D55;--text-muted:#96938B;--surface:rgba(255,255,255,.55)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans SC',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh}
.page{max-width:820px;margin:0 auto;padding:32px 20px calc(56px + env(safe-area-inset-bottom,0px))}
.top{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.back-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;flex-shrink:0}
.back-btn:hover{background:rgba(120,168,120,.12);border-color:rgba(120,168,120,.3)}
h1{font-size:24px;color:var(--accent);letter-spacing:.02em;margin-bottom:6px}
.meta{font-size:12px;color:var(--text-muted);margin-bottom:24px}
.notice{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(184,74,74,.2);background:rgba(248,214,214,.18);border-radius:12px;margin-bottom:24px}
.notice i{color:#B84A4A;margin-top:2px}
.notice p{font-size:13px;line-height:1.7;color:#7A5252}
section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}
h2{font-size:16px;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:8px}
h3{font-size:14px;margin:14px 0 6px}
p,li{font-size:13px;line-height:1.8}
ul,ol{padding-left:20px}
li{margin-bottom:6px}
a{color:var(--accent)}
.table-wrap{overflow-x:auto;margin-top:10px}
table{width:100%;border-collapse:collapse;font-size:12px;background:rgba(255,255,255,.48)}
th,td{padding:10px;border:1px solid var(--border);text-align:left;vertical-align:top}
th{color:var(--text-muted);font-size:11px;background:rgba(221,233,221,.45)}
.status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}
.status.ok{background:rgba(120,168,120,.14);color:#4A8A6A}
.status.review{background:rgba(184,74,74,.12);color:#B84A4A}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.actions a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.55);color:var(--text);font-size:12px;font-weight:600;text-decoration:none}
.actions a:hover{border-color:var(--accent);color:var(--accent)}
.actions a.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.actions a.primary:hover{color:#fff;filter:brightness(1.06)}
:focus-visible{outline:2px solid #78A878;outline-offset:2px;border-radius:8px}
@media(max-width:640px){.page{padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(44px + env(safe-area-inset-bottom,0px))}section{padding:16px}h1{font-size:20px}p,li{font-size:13px}.table-wrap{margin-left:-16px;margin-right:-16px}.table-wrap table{min-width:560px}}