:root{font:16px/1.5 system-ui,sans-serif;color:#102e3d;background:#eef5f7;--ink:#123644;--teal:#00696d;--border:#c9dde1}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;padding:24px;margin:auto}h1,h2,h3,p{margin:0 0 .7rem}h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em}h2{font-size:1.4rem}h3{font-size:1.05rem}.eyebrow{color:var(--teal);font-size:.8rem;font-weight:750;letter-spacing:.12em}.demo{background:#ffebaa;text-align:center;padding:.55rem;color:#523800;font-size:.9rem;font-weight:750}.top,.section-title,.toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.top,.section-title{justify-content:space-between}.top,nav{margin-bottom:1rem}.card{background:#fff;border:1px solid var(--border);border-radius:14px;margin:0 0 1rem;padding:clamp(1rem,3vw,1.7rem)}.login{max-width:470px;margin:10vh auto 0;width:calc(100% - 2rem)}.citizen{max-width:800px}form,.edit{display:grid;align-items:end;gap:.65rem}.edit{margin:1rem 0}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem;margin:.6rem 0}label{display:grid;gap:.22rem;font-weight:600}.check{display:flex;align-items:center}button,input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:7px;color:var(--ink);padding:.5rem .65rem;min-width:0}textarea{min-height:70px}button{width:fit-content;cursor:pointer;background:var(--teal);color:#fff;font-weight:650;border-color:var(--teal)}button.secondary{background:#fff;color:var(--teal)}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #bd700a;outline-offset:2px}.metrics,.photos{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.metrics div{padding:.55rem .8rem;min-width:112px;border:1px solid var(--border);border-radius:8px;background:#f1f8f8}.metrics b,.metrics span{display:block}.metrics b{font-size:1.35rem}.small,.metrics span{font-size:.87rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.6rem;border-bottom:1px solid var(--border)}td:first-child,.detail li{overflow-wrap:anywhere}.badge,.flag{font-weight:700;padding:.22rem .45rem;background:#e2f4f3;color:#075455;border-radius:5px;font-size:.88rem}.flag,.error{background:#fee9e1;color:#82281f}.message{padding:.55rem .75rem;border-radius:5px;background:#e2f4f3;margin:.65rem 0}.message.error{background:#fee9e1}.split{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.photos img{max-width:180px;max-height:150px;border:1px solid var(--border);border-radius:6px}ul{padding-left:1.25rem}li{margin-bottom:.45rem}.map{display:block;background:#e8f4f4;width:100%;aspect-ratio:16/9;cursor:crosshair;border:1px solid var(--border);border-radius:6px}@media(max-width:520px){main{padding:14px}.filters label{flex:1 0 42%}}
