:root{font-family:Arial,sans-serif;color:#142b38;background:#f4f6f6;--accent:#147451;--line:#dce3e4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{background:var(--accent);color:white;border:0;border-radius:10px;padding:13px 18px;cursor:pointer;font-weight:700;min-height:46px;text-decoration:none;display:inline-block;text-align:center}button:disabled{opacity:.5;cursor:wait}.secondary{color:#142b38;background:#e8eeee}.text-button{background:none;color:#147451;padding:8px;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #c39122;outline-offset:3px}[hidden]{display:none!important}.topbar{background:#142b38;color:white;padding:18px max(18px,calc((100% - 960px)/2));display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;font-size:22px;font-weight:700}.brand span{display:block;font-size:12px;font-weight:400;margin-top:4px;color:#bfd1d6}.topbar .text-button{color:#d5ede3}main{max-width:960px;margin:auto;padding:24px 18px 36px}.login-card,.setup{max-width:480px;margin:24px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.setup{max-width:620px}h1{font-size:26px;margin:0 0 12px}h2{font-size:20px;margin:12px 0}p{line-height:1.5}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;color:#526c75;margin-top:0}.muted{color:#5a6c74;font-size:14px}label{display:block;font-size:14px;font-weight:700;margin:14px 0}input,select{display:block;width:100%;border:1px solid #b5c3c7;border-radius:8px;padding:12px;color:#142b38;background:white;margin-top:7px;min-height:45px}input:focus,select:focus{outline:2px solid #7fbd9f;outline-offset:1px}.notice{padding:14px 16px;background:#edf5ef;border:1px solid #bbdcc7;border-radius:10px;margin:0 0 16px;white-space:pre-wrap}.notice.error{background:#fff0ee;border-color:#edb9ae;color:#932e23}.campaign-bar{display:flex;align-items:end;gap:12px;margin-bottom:18px}.campaign-bar label{flex:1;margin:0}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.overview div{background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.overview span{font-size:13px;display:block;color:#586d76}.overview strong{display:block;font-size:30px;margin-top:8px}progress{display:block;width:100%;height:9px;border:0;border-radius:20px;overflow:hidden;margin:15px 0 24px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#dce7e1}progress::-webkit-progress-value{background:var(--accent)}.tabs{display:flex;gap:5px;margin-bottom:18px;overflow:auto}.tabs button{background:none;color:#5a6c74;padding:12px 14px;white-space:nowrap}.tabs button.active{background:#142b38;color:white}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.scanner{height:330px;position:relative;overflow:hidden;border-radius:12px;background:#12222a;margin-bottom:14px}.scanner video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;width:65%;aspect-ratio:1;max-height:78%;max-width:260px;border:2px solid white;border-radius:18px;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.camera-stop{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#142b38d9;padding:9px 13px;min-height:40px;font-size:13px}.scan-buttons{display:flex;gap:12px;margin:14px 0}.scan-result{border:1px solid #a6d5b7;background:#f0f9f3;border-radius:12px;padding:18px;margin:16px 0}.scan-result.duplicate{background:#fff7e8;border-color:#e8cf96}.scan-result p{margin:5px 0}.scan-result strong{display:block;margin:14px 0 6px}details{border-top:1px solid var(--line);padding:18px 0 4px;margin-top:20px}summary{cursor:pointer;color:#3e5962;font-size:14px;font-weight:700;line-height:1.6}.manual-form{display:flex;gap:12px;align-items:end;border-top:1px solid var(--line);margin-top:22px}.manual-form label{flex:1;margin-bottom:0}.manual-form button{margin-top:14px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-top h1{font-size:23px;margin:0}.check-label{display:flex;gap:9px;align-items:center;font-weight:400}.check-label input{width:19px;min-height:19px;margin:0;accent-color:var(--accent)}.card-list{margin-top:18px}.item-card{padding:16px 0;border-top:1px solid var(--line)}.item-card h3{font-size:15px;line-height:1.4;margin:6px 0}.item-card p{font-size:13px;color:#587079;margin:5px 0}.item-top{display:flex;gap:12px;justify-content:space-between;align-items:start}.item-top strong{font-size:14px}.pill{border-radius:20px;padding:5px 8px;background:#e7f4eb;color:#246b43;font-size:11px;white-space:nowrap}.pill.missing{background:#fff3de;color:#7a5a24}.item-card button{padding:8px 12px;min-height:38px;font-size:12px;margin-top:8px}.filters{display:flex;gap:12px}.filters label:first-child{flex:1}.filters label:last-child{width:160px}.recovery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px;background:#edf3f1;border-radius:12px}.recovery code{font-size:14px}.secret{display:block;font-size:15px;word-break:break-all;padding:12px;background:#eef3f2}.setup #enrollment-qr{padding:12px;display:inline-block;background:white}.setup #enrollment-qr img{max-width:100%}footer{font-size:12px;color:#62767d;text-align:center;padding:0 16px 24px}@media(max-width:520px){main{padding:18px 12px 26px}.panel{padding:18px 14px}.overview div{padding:14px 10px}.overview strong{font-size:26px}.tabs button{padding:11px 12px}.login-card{padding:22px}.section-top{align-items:start}.section-top h1{font-size:21px}.section-top button{font-size:12px;padding:10px}.manual-form{gap:8px}.scanner{height:310px}.recovery{grid-template-columns:1fr}.filters{gap:8px}.filters label:last-child{width:130px}}
:root .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}:root .tabs button{padding:12px 4px;font-size:13px;white-space:normal}

dialog{width:min(540px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #b5c3c7;border-radius:16px;padding:22px;color:#142b38}dialog::backdrop{background:#142b3899}dialog h2{overflow-wrap:anywhere}textarea{font:inherit;display:block;width:100%;padding:12px;border:1px solid #b5c3c7;border-radius:8px;margin-top:7px}.dialog-error{color:#932e23}dialog button{margin:4px}.overview{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:520px){.overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

#camera-dock{max-width:960px;margin:auto;padding:0 12px 12px;background:white}#camera-dock .scanner{border-radius:0 0 12px 12px;margin:0;height:min(55vh,440px)}.camera-controls{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.camera-controls #scan-trigger{flex:1}#camera-status{font-size:14px;margin:10px 0}#camera-dock .scan-result{margin-bottom:0}.camera-active main{padding-top:12px}.camera-active .campaign-bar,.camera-active .overview,.camera-active #progress{display:none}.camera-active #tab-scan>h1,.camera-active #tab-scan>p.muted{display:none}.item-card button{margin-right:6px}