body{margin:0;min-width:320px}#root{margin:0;padding:0;font-family:Segoe UI,Inter,system-ui,-apple-system,Roboto,sans-serif;color:#1f2937;background:#f3f4f6;min-height:100vh;font-size:18px;line-height:1.5}.page{max-width:1200px;margin:0 auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar h1{font-size:1.6rem;margin:0}.btn{border:1px solid #2563eb;background:#2563eb;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;text-decoration:none;font-size:1rem}.btn.secondary{background:#fff;color:#2563eb}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.filters label{display:grid;gap:6px}.filters label span{font-weight:600;font-size:.95rem}.filters input,.filters select,.filters button{border:1px solid #d1d5db;border-radius:8px;padding:10px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.tableWrap{background:#fff;border-radius:12px;overflow:auto;border:1px solid #e5e7eb}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.pagination{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.resultsSummary{margin-top:12px;font-weight:600}.pages{display:flex;gap:4px}.pages button{border:1px solid #d1d5db;background:#fff;padding:6px 10px;border-radius:8px;cursor:pointer}.pages button.active{background:#2563eb;color:#fff;border-color:#2563eb}.error{color:#b91c1c}.authWrap{max-width:520px;margin:40px auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.authForm{display:grid;gap:10px;margin-bottom:8px}.authForm label{display:grid;gap:6px}.authForm label span{font-weight:600}.authForm input{border:1px solid #d1d5db;border-radius:8px;padding:10px}.dashboardTop h2{margin:0;font-size:1.4rem}.miniDashboard{margin-bottom:12px}.miniDashboardHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.miniDashboardActions{display:flex;gap:8px}.miniDashboardHead h3{margin:0;font-size:1.1rem}.regionAccordion{display:grid;gap:8px}.regionGroup{border:1px solid #e2e8f0;border-radius:10px;background:#fff}.regionHead{width:100%;border:0;background:#f8fafc;border-radius:10px;padding:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.subregionList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.subregionItem,.miniRegionItem{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fff}.miniHint{margin-top:8px;color:#475569;font-size:.95rem}.dashboardActions{display:flex;align-items:center;gap:8px}.rowActions{display:flex;gap:6px}.rowActions button{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:8px 10px;cursor:pointer}.modal{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px}.modalCard{width:min(860px,96vw);background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px}.modalCard.large{width:min(1040px,98vw);max-height:90vh;overflow:auto}.helpText{margin-top:4px;margin-bottom:12px;color:#334155}.sectionTitle{margin-top:12px;margin-bottom:8px;font-weight:700;color:#111827}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formGrid label{display:grid;gap:6px}.formGrid label span{font-weight:600;font-size:.95rem}.formGrid input,.formGrid textarea,.formGrid select{border:1px solid #d1d5db;border-radius:8px;padding:10px}.formGrid .fullRow{grid-column:1 / -1}.readGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fieldRead{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc;display:grid;gap:4px}.fieldRead span{font-size:.9rem;color:#334155}.timeline{display:grid;gap:10px}.timelineItem{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.timelineHead{font-weight:700;margin-bottom:4px}.movementsList{display:grid;gap:10px}.movementRow{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.movementHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.smallDanger{border:1px solid #ef4444;background:#fff;color:#b91c1c;border-radius:8px;padding:6px 10px}.modalActions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}@media(max-width:900px){.filters,.formGrid,.readGrid,.subregionList{grid-template-columns:1fr}.miniDashboardHead{flex-direction:column;align-items:stretch}.miniDashboardActions{display:grid;grid-template-columns:1fr}}
