:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20342f;background:#f5f6f2;font-size:16px;--green:#153e39;--muted:#60736b;--border:#dbe1d9}*{box-sizing:border-box}body{margin:0}header{background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:28px max(24px,env(safe-area-inset-left));}h1{font-size:26px;letter-spacing:-.7px;margin:6px 0}h2{font-size:23px;margin:6px 0 18px;letter-spacing:-.5px}h3{font-size:18px;margin:24px 0 12px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}header .eyebrow{color:#bbd1c4}main{max-width:1450px;margin:auto;display:grid;grid-template-columns:245px 1fr;min-height:70vh}aside{padding:28px 20px;border-right:1px solid var(--border)}#workspace{padding:28px 32px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters input{flex:1;min-width:220px}.filters select{width:auto;max-width:100%}button,.button{font:inherit;font-size:14px;border:1px solid var(--border);background:white;color:var(--green);border-radius:9px;padding:11px 15px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:44px;text-decoration:none;gap:6px}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}.light{background:#e9f0e9}.small{padding:6px 10px}.danger{color:#a2392f;border-color:#e8c2bb}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.muted{color:var(--muted);font-size:14px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{display:block;text-align:left;padding:20px;min-height:160px;border-radius:14px}.card h3{margin:12px 0 8px;font-size:20px}.card p{margin:5px 0;color:var(--muted);overflow-wrap:anywhere}.badge{font-size:11px;border-radius:6px;padding:4px 8px;background:#edf2e9;display:inline-block;margin:4px 4px 0 0}.expired{background:#fce5df;color:#9a382c}.unknown{background:#f1efe7;color:#75674a}nav button{width:100%;justify-content:flex-start;text-align:left;border:0;background:transparent;margin:2px 0;overflow-wrap:anywhere}nav button.active{background:#e2ebe0;font-weight:650}nav details{margin:3px 0}nav summary{cursor:pointer;list-style:none;display:flex;align-items:center}nav summary::before{content:'▸';font-size:14px}nav details[open]>summary::before{content:'▾'}nav summary button{margin:0;width:calc(100% - 12px)}nav details>div{padding-left:14px}footer{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);padding-bottom:max(18px,env(safe-area-inset-bottom))}input,textarea,select{font:inherit;font-size:16px;width:100%;padding:11px;border:1px solid #cbd4c9;border-radius:8px;background:white;color:inherit}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:12px 0}label input,label select,label textarea{margin-top:6px;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}dialog{border:1px solid var(--border);border-radius:18px;max-width:760px;width:calc(100% - 24px);max-height:92dvh;padding:24px;color:inherit;background:#fcfcf9}dialog::backdrop{background:#11272099}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0}.dialog-head button{font-size:22px}.notice{padding:12px;background:#f7eed9;border-radius:8px;font-size:13px;line-height:1.5}.sticky{position:sticky;bottom:-24px;background:#fcfcf9;padding:12px 0;border-top:1px solid var(--border)}#scanCanvas{display:block;max-width:100%;max-height:320px;margin:16px auto;object-fit:contain;border-radius:9px}details summary{cursor:pointer;padding:10px 0;font-weight:600}dl{display:grid;grid-template-columns:140px 1fr;gap:10px;margin:20px 0}dt{color:var(--muted);font-size:13px}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}a{color:var(--green)}.attachment{border:1px solid var(--border);padding:12px;border-radius:10px;margin:10px 0}.attachment img{max-width:100%;max-height:260px;display:block;object-fit:contain}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:12px 0;overflow-wrap:anywhere}.row span{min-width:0}.empty{padding:40px 24px;border:1px dashed #bfcaba;border-radius:14px;text-align:center;grid-column:1/-1}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#20342f;color:white;padding:14px 22px;border-radius:12px;z-index:1000;max-width:90vw;box-shadow:0 4px 18px #0003}hr{border:0;border-top:1px solid var(--border);margin:24px 0}:focus-visible{outline:3px solid #b09954;outline-offset:3px}[hidden]{display:none!important}@media(max-width:750px){header{padding:20px 16px;align-items:flex-start}h1{font-size:21px}header button{font-size:12px;padding:9px}main{display:block}aside{padding:12px 16px;border-right:0;border-bottom:1px solid var(--border)}aside h2{font-size:18px;margin:0}#tree{max-height:210px;overflow:auto}#workspace{padding:24px 16px}.section-title{align-items:flex-start}.section-title h2{font-size:21px}.filters{gap:8px}.filters select{flex:1;min-width:140px}.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr}dialog{padding:18px;max-height:94dvh}dl{grid-template-columns:105px 1fr;font-size:14px}.sticky{bottom:-18px}.actions button,.actions .button{flex:1;min-width:120px}footer{padding:16px}nav button{min-height:40px;padding:7px 12px}}