.App{text-align:center}.App-logo-spin{animation:App-logo-spin infinite 10s linear;height:30vmin;pointer-events:none;margin-bottom:1em}.App-logo-spin-circular{animation:App-logo-spin-circular infinite 10s linear;height:30vmin;pointer-events:none;margin-bottom:1em}.App-header{background:linear-gradient(135deg,#2c3e50,#34495e);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2vh;box-sizing:border-box;color:#fff;overflow:hidden}p.body-month{font-size:clamp(18px,calc(16px + 1vmin),28px);margin:1vh 0;font-weight:700;line-height:1.2;color:#f8f9fa;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.5px}p.body-title{font-size:clamp(18px,calc(16px + 1vmin),28px);margin:.1vh 0;font-weight:700;line-height:1}p.body-subtitle{font-size:clamp(16px,calc(14px + .8vmin),24px);margin:.1vh 0;line-height:1}p.body-text{font-size:clamp(16px,calc(14px + .8vmin),24px);margin:.5vh 0;line-height:1.4;color:#ecf0f1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.incident-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;justify-content:center;align-items:center;margin:.4vh auto 2vh;width:min(60vw,50vh);max-width:500px;aspect-ratio:8/10}.cross-square{width:100%;aspect-ratio:1;background-color:#d3d3d3;border:1px solid #bbb;display:flex;justify-content:center;align-items:center;font-size:clamp(14px,calc(12px + .8vmin),26px);font-weight:700;border-radius:4px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.cross-square.green{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 3px 6px #2ecc714d;transform:scale(1.02)}.cross-square.blue{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 3px 6px #3498db4d;transform:scale(1.02)}.cross-square.hidden{visibility:hidden}.current-month{margin-top:1vh;margin-bottom:1vh}.incident-details{margin-top:1vh;margin-bottom:1vh;padding:1vh 0;background:#ffffff0d;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.incident-chart{width:min(80vw,60vh);margin-bottom:3vh}.App-header{padding:1vh}}@media (max-zoom: .9){.incident-chart{margin-bottom:3vh}.current-month{margin-top:2vh;margin-bottom:2vh}}@keyframes App-logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes App-logo-spin-circular{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-height: 800px){.incident-chart{width:min(55vw,45vh);margin:.3vh auto;gap:2px}.days-table{width:min(55vw,45vh);margin:.3vh auto;font-size:clamp(14px,calc(12px + .6vmin),20px)}p.body-month,p.body-title{font-size:clamp(16px,calc(14px + .8vmin),22px);margin:.1vh 0}}@media (max-height: 600px){.incident-chart{width:min(50vw,40vh);margin:.2vh auto;gap:1px}.days-table{width:min(50vw,40vh);margin:.2vh auto;font-size:clamp(12px,calc(10px + .4vmin),18px)}p.body-month,p.body-title{font-size:clamp(14px,calc(12px + .6vmin),20px);margin:.1vh 0}.cross-square{font-size:clamp(10px,calc(8px + .4vmin),16px)}}@media (min-height: 600px) and (max-height: 900px){.App-header{justify-content:flex-start;padding-top:1vh;padding-bottom:3vh}.incident-chart{margin-top:.4vh;margin-bottom:.4vh;width:min(60vw,50vh)}p.body-month,p.body-title{margin:.1vh 0}}@media (min-height: 700px) and (max-height: 800px){.App-header{padding-bottom:4vh}.incident-chart{width:min(58vw,48vh);margin:.3vh auto}p.body-month,p.body-title{font-size:clamp(18px,calc(16px + 1.2vmin),32px)}}@media (max-width: 1200px){.current-month{margin-top:1vh}}.days-table{width:min(60vw,50vh);max-width:500px;margin:.4vh auto;border-collapse:collapse;font-size:clamp(16px,calc(14px + .8vmin),24px)}.days-table th,.days-table td{padding:.3em;text-align:center;border:1px solid #bbb}.days-table th{background-color:#2c3e50;color:#fff;font-weight:700}.days-table td{background-color:#34495e;color:#fff}@media (max-height: 800px){.incident-chart{width:min(60vw,50vh);margin:.6vh auto;gap:3px}p.body-month,p.body-title{font-size:clamp(20px,calc(18px + 1.2vmin),34px);margin:.2vh 0}.App-header{padding-top:1.5vh}}@media (max-height: 600px){.incident-chart{width:min(55vw,45vh);margin:.4vh auto;gap:2px}p.body-month,p.body-title{font-size:clamp(16px,calc(14px + 1vmin),28px);margin:.1vh 0}.cross-square{font-size:clamp(12px,calc(10px + .6vmin),20px)}.App-header{padding-top:.5vh;padding-bottom:1vh;justify-content:flex-start}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}