:root{--ink:#102a2e;--muted:#647477;--teal:#0d7b70;--teal-dark:#07554e;--bg:#eef4f3;--line:#d7e2e0;--danger:#b82e2e;--warning:#b77900}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 25px 65px #1e4a4430}.app-brand{display:flex;align-items:center;gap:12px}.app-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--teal);color:#fff;font-weight:900}.app-brand div{display:grid}.app-brand small{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--teal);margin:30px 0 8px}.auth-card h1,.hero h1{font-size:clamp(30px,6vw,50px);line-height:1;margin:0 0 12px}.auth-card>p:not(.eyebrow),.hero>p:not(.eyebrow){color:var(--muted);line-height:1.5}label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-top:16px}input,textarea{width:100%;border:1px solid #bfd0cd;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}textarea{min-height:82px;resize:vertical}.primary,.secondary,.ghost,.capture{border:0;border-radius:10px;padding:12px 18px;font-weight:800}.primary{background:var(--teal);color:#fff;width:100%;margin-top:20px}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.ghost{background:#e5eeec;color:var(--ink)}.error{color:var(--danger);min-height:20px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid var(--line)}.topbar>div:last-child{display:flex;gap:8px}.workspace{max-width:1120px;margin:auto;padding:32px 18px 80px}.hero{max-width:760px;margin-bottom:25px}.hero .eyebrow{margin-top:0}.camera-card,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 35px #244d4720}.camera-frame{position:relative;overflow:hidden;background:#102426;border-radius:15px;aspect-ratio:16/10;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-frame>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;padding:20px}.camera-frame>div span{color:#bbccca;margin-top:7px}.camera-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:16px}.capture{background:var(--teal);color:#fff;display:flex;align-items:center;gap:8px}.capture span{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ffffff77}.capture:disabled{opacity:.45}.file-button{display:inline-block}.file-button input{display:none}.status{text-align:center;color:var(--muted);min-height:24px}.list-section{margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h1,.section-heading h2{margin:0;font-size:30px}.section-heading .eyebrow{margin:0 0 6px}.count{background:var(--teal);color:#fff;display:grid;place-items:center;min-width:38px;height:38px;border-radius:19px;font-weight:900}.observation-list{display:grid;gap:16px}.observation-card{display:grid;grid-template-columns:210px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.observation-card img{width:100%;height:100%;object-fit:cover;min-height:260px}.observation-body{padding:20px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:5px 9px;border-radius:999px;background:#e5f2ef;color:var(--teal-dark);font-size:12px;font-weight:800}.tag.high{background:#fbe5e5;color:var(--danger)}.tag.medium{background:#fff0ce;color:var(--warning)}.observation-body h3{margin:14px 0 5px}.observation-body>p{color:var(--muted);margin:0 0 10px}.validation-actions{display:flex;gap:8px;margin:15px 0}.validate{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;font-weight:800}.validate.active.yes{background:#dff3e8;color:#17673f}.validate.active.no{background:#f8dede;color:#9d2525}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid .wide{grid-column:1/-1}.save-row{display:flex;justify-content:flex-end;margin-top:12px}.save-row .primary{width:auto;margin:0}.empty{padding:35px;text-align:center;background:#fff;border:1px dashed #b8ccca;border-radius:16px;color:var(--muted)}.admin-panel form{max-width:500px}.user-list{margin-top:25px}.user-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.user-row small{display:block;color:var(--muted)}@media(max-width:680px){.topbar .app-brand small{max-width:125px;overflow:hidden;text-overflow:ellipsis}.topbar{padding:11px}.workspace{padding-top:22px}.camera-card{padding:10px}.camera-frame{aspect-ratio:3/4}.observation-card{grid-template-columns:1fr}.observation-card img{height:220px;min-height:0}.action-grid{grid-template-columns:1fr}.action-grid .wide{grid-column:auto}.section-heading h1,.section-heading h2{font-size:25px}.ghost{padding:10px}.auth-card{padding:26px 22px}}
.save-row{gap:8px}.delete-action{border:1px solid #e3bcbc;border-radius:10px;padding:12px 18px;background:#fff;color:var(--danger);font-weight:800}.delete-action:hover{background:#fbeaea}