:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142033;background:#f3f6f9;--primary:#174b75;--accent:#1f8f6a;--danger:#bd3434;--warning:#b57b00}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102f4b,#226995)}.login-card{width:min(420px,92vw);background:white;border-radius:20px;padding:32px;box-shadow:0 20px 60px #0005}.logo{font-weight:800;letter-spacing:.03em;font-size:25px;color:var(--primary)}.muted{color:#66758a}.error{background:#ffe8e8;color:#8d1f1f;padding:10px 12px;border-radius:9px}.success{background:#e5f7ef;color:#126c4c;padding:10px 12px;border-radius:9px}.app-shell{min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid #dce4eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 66px)}.sidebar{background:#153957;padding:16px 12px;color:white}.sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#dcecf7;padding:12px 14px;border-radius:9px;margin:4px 0;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#ffffff1c;color:white}.content{padding:24px;min-width:0}.page-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.page-title h1{margin:0;font-size:25px}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:white;border:1px solid #dfe7ed;border-radius:14px;padding:18px;box-shadow:0 3px 10px #16324b0b}.metric{font-size:30px;font-weight:800;color:var(--primary)}.btn{border:0;border-radius:9px;padding:9px 14px;cursor:pointer;background:#e7edf2;color:#18354c}.btn.primary{background:var(--primary);color:white}.btn.accent{background:var(--accent);color:white}.btn.danger{background:var(--danger);color:white}.btn.warning{background:var(--warning);color:white}.btn.small{padding:6px 9px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:13px;color:#52667b}.field input,.field select,.field textarea{border:1px solid #cad5df;border-radius:9px;padding:9px 10px;background:white}.field textarea{min-height:80px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e1e8ee;padding:10px;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;color:#64768a}.actions{display:flex;gap:7px;flex-wrap:wrap}.thumb{width:74px;height:92px;object-fit:contain;border:1px solid #dfe6eb;border-radius:8px;background:#fff}.source-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.source-card{border:1px solid #dbe4eb;border-radius:12px;padding:12px;background:#fff}.source-card img{width:100%;height:160px;object-fit:contain}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;background:#e9eef3}.badge.ready,.badge.confirmed{background:#dff4e9;color:#17684e}.badge.processing,.badge.queued,.badge.pending{background:#fff0cc;color:#875c00}.badge.error,.badge.rejected{background:#ffe1e1;color:#8f2525}.progress{height:10px;background:#e4ebf0;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.image-review{position:relative;display:inline-block;max-width:100%;background:#14202b;user-select:none}.image-review img{display:block;max-width:100%;height:auto}.overlay-box{position:absolute;border:2px solid #e0a000;background:#ffd95c25;cursor:pointer}.overlay-box.confirmed{border-color:#20a06b;background:#20a06b1c}.overlay-box.selected{outline:3px solid #e33;z-index:3}.drawing-box{position:absolute;border:2px dashed white;background:#fff2;pointer-events:none}.detection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.detection-card img{width:100%;height:170px;object-fit:contain;background:#f1f4f6;border-radius:8px}.candidate{border:1px solid #dce4ea;border-radius:8px;padding:7px;margin:6px 0;cursor:pointer}.candidate:hover{border-color:var(--primary)}.candidate.selected{border-color:var(--accent);background:#e8f7f1}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:50;padding:18px}.modal-card{background:white;border-radius:15px;padding:20px;width:min(760px,96vw);max-height:92vh;overflow:auto}.toast{position:fixed;right:18px;bottom:18px;background:#173d5b;color:white;padding:11px 15px;border-radius:10px;z-index:100;box-shadow:0 8px 30px #0004}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quality-warning{color:#8b5e00;font-size:12px}.reference-list{display:flex;gap:8px;flex-wrap:wrap}.reference-item{position:relative}.reference-item button{position:absolute;right:2px;top:2px;border:0;background:#a22;color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;position:sticky;top:66px;z-index:15;padding:8px}.sidebar button{min-width:max-content;margin:0 3px}.content{padding:14px}.topbar{padding:0 14px}.table{min-width:760px}}