body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f5f7;margin:0}
.container{max-width:980px;margin:0 auto;padding:18px}
.card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden}
.header{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 10px;align-items:flex-start}
h1{font-size:20px;margin:0}
.sub{color:#666;font-size:12px;margin-top:4px}
.pill{background:#f0f0f2;border-radius:999px;padding:8px 12px;font-size:12px;color:#333}
.tabs{display:flex;gap:10px;padding:0 18px 12px;flex-wrap:wrap}
.btn{border:1px solid #ddd;background:#fff;border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer}
.btn.active{background:#111;color:#fff;border-color:#111}
.input{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:12px;padding:12px 12px;font-size:14px}
.main{padding:0 18px 18px}
.small{font-size:12px;color:#666}
.gridZone{display:flex;flex-direction:column;gap:14px}
.zoneBox{border:1px solid #eee;border-radius:16px;padding:12px}
.zoneHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.zname{font-weight:900}
.zmeta{font-size:12px;color:#666}
.tableGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:680px){.tableGrid{grid-template-columns:repeat(4,1fr)}}
.tableCard{border:1px solid #eee;border-radius:14px;padding:10px;cursor:pointer}
.tableTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tcode{font-weight:900}
.badge{font-size:12px;padding:4px 8px;border-radius:999px}
.badge.ok{background:#e9f7ef;color:#167a3e}
.badge.warn{background:#fff3cd;color:#7a5a00}
.list{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.item{border:1px solid #eee;border-radius:14px;padding:10px;display:flex;justify-content:space-between;gap:12px}
.name{font-weight:800}
.meta{font-size:12px;color:#666;margin-top:3px}
.notice{background:#fff3cd;border:1px solid #ffe69c;border-radius:14px;padding:10px;color:#7a5a00}
.footer{margin-top:16px;color:#888;font-size:12px;text-align:center}
.hidden{display:none}
.modalWrap{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:flex-end;justify-content:center;padding:16px}
.modal{background:#fff;border-radius:18px;max-width:780px;width:100%;max-height:85vh;overflow:auto}
.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px;border-bottom:1px solid #eee}
.modalBody{padding:14px}
.row{display:flex;gap:10px;align-items:center}