:root{--ink:#173335;--deep:#102c2e;--orange:#e75c38;--teal:#2b7770;--paper:#f4f1e9;--card:#fffdfa;--line:#dddcd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic UI",Meiryo,sans-serif}button,input{font:inherit}header{height:80px;background:var(--deep);border-bottom:4px solid var(--orange);color:#fff;padding:0 max(22px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand h1{font-family:serif;font-size:21px;margin:2px 0}.brand small{color:#b7c9c6;letter-spacing:.16em}.crest{width:45px;height:45px;border:1px solid #73908c;transform:rotate(45deg);display:grid;place-items:center;font-family:serif;font-size:21px}.crest::first-letter{transform:rotate(-45deg)}nav{display:flex;gap:8px}nav a,nav button{border:1px solid #58716e;background:transparent;color:#fff;text-decoration:none;padding:9px 13px;border-radius:4px;cursor:pointer}.boss{background:var(--orange);border-color:var(--orange);font-weight:700}.status{height:36px;background:#e7e4dc;border-bottom:1px solid #d2cfc6;padding:0 max(22px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:18px;font-size:11px}.status span{color:#a22e25;font-weight:700}.status b{font-weight:400;color:#65716e}.status em{margin-left:auto;background:#fff3d6;border:1px solid #e5c576;border-radius:10px;padding:2px 8px;font-style:normal;color:#79571f}main{max-width:1380px;margin:auto;padding:30px 24px 65px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.hero small,.workflow>div small{letter-spacing:.2em;color:#7a8985;font:700 10px Arial}.hero h2{font-family:serif;font-size:34px;line-height:1.35;margin:8px 0}.hero h2 i{font-style:normal;color:var(--orange)}.hero p{max-width:720px;font-size:13px;line-height:1.8;color:#65736f}.day{border-left:3px solid var(--orange);background:#ebe7dd;padding:12px 18px}.day strong{font:42px Georgia;color:var(--orange)}.day small{display:block;color:#965448;letter-spacing:0}.kpis{display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border:1px solid var(--line);margin-bottom:20px}.kpis article{padding:17px;border-right:1px solid var(--line)}.kpis article>span{font-size:12px;color:#65736f;font-weight:700}.kpis strong{font:33px Georgia;display:block;margin:7px 0}.kpis strong small{font:11px sans-serif;margin-left:4px}.kpis p{font-size:10px;color:#768581;margin:0}.kpis .alert strong,.kpis .alert p{color:var(--orange)}.grid{display:grid;grid-template-columns:1.7fr .95fr;gap:20px;margin-bottom:20px}.panel{background:var(--card);border:1px solid var(--line);box-shadow:0 6px 22px #1232}.ph{min-height:68px;border-bottom:1px solid var(--line);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.ph h3{font-family:serif;font-size:17px;margin:0 0 4px}.ph p{font-size:10px;color:#87918e;margin:0}.tabs{display:flex;background:#ecebe5;border:1px solid #d2d2ca;padding:2px}.tabs button{border:0;background:transparent;padding:6px 11px;font-size:10px;cursor:pointer}.tabs .active{background:var(--deep);color:#fff}.map{height:440px;position:relative;overflow:hidden;background-color:#e6e4da;background-image:linear-gradient(33deg,transparent 48%,#d1cec3 49%,#d1cec3 50%,transparent 51%),linear-gradient(112deg,transparent 48%,#d8d4c8 49%,#d8d4c8 50%,transparent 51%);background-size:110px 130px,145px 170px}.map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#cfe0e1 0 13%,transparent 13%),linear-gradient(136deg,transparent 60%,#d7e1d2 60%)}.sea{position:absolute;z-index:2;left:5%;top:42%;font-family:serif;color:#6f9294}.river{position:absolute;z-index:2;left:10%;top:51%;width:78%;height:7px;background:#b0d1d4;transform:rotate(8deg)}.marker{position:absolute;z-index:4;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;background:#27728ae8;color:#fff;box-shadow:0 2px 10px #0004;display:grid;place-content:center;cursor:pointer}.marker span{font:700 16px Georgia}.marker b{position:absolute;top:58px;left:50%;transform:translateX(-50%);background:#fff;color:var(--ink);border:1px solid #d6d3ca;padding:2px 6px;white-space:nowrap;font-size:10px}.marker.chosen{box-shadow:0 0 0 5px #fff8,0 3px 12px #0005;scale:1.12}.marker.urgent{background:#b43e2d}.marker.warn{background:#db8927}.marker.normal{background:#397a70}.legend{position:absolute;z-index:5;right:14px;bottom:14px;display:grid;gap:4px;background:#fffdf8e8;border:1px solid #d4d1c8;padding:9px 11px;font-size:9px}.legend span:nth-child(2){color:#b43e2d}.legend span:nth-child(3){color:#db8927}.legend span:nth-child(4){color:#397a70}.mapfoot{height:45px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:9px}.mapfoot button{border:0;background:transparent;color:#84908d;font-size:10px;cursor:pointer}.mapfoot button.active{color:#27728a;font-weight:700}.mapfoot span{margin-left:auto;color:#919c98;font-size:9px}.districts{display:flex;flex-direction:column}.search{margin:11px 14px;height:37px;background:#efeee8;border:1px solid #dedcd4;display:flex;align-items:center;padding:0 10px}.search input{border:0;outline:0;background:transparent;width:100%;padding-left:7px;font-size:11px}.thead,.row{display:grid;grid-template-columns:1fr 60px 120px 12px;align-items:center}.thead{padding:0 24px 7px 20px;font-size:9px;color:#8b9793}.row{width:calc(100% - 26px);margin:0 13px;min-height:44px;border:0;border-top:1px solid #e4e2da;background:transparent;text-align:left;cursor:pointer;color:var(--ink);font-size:11px}.row>span:first-child{font-weight:700}.row>span:first-child i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#397a70;margin-right:8px}.row>span:first-child i.urgent{background:#b43e2d}.row>span:first-child i.warn{background:#db8927}.row>strong{font:14px Georgia}.row strong small{font:8px sans-serif}.progress{display:grid;grid-template-columns:1fr 30px;gap:5px;align-items:center}.progress>i{height:5px;background:#e2e3dd}.progress b{display:block;height:100%;background:var(--teal)}.progress em{font-style:normal;font-size:9px;font-weight:700}.all{margin-top:auto;height:42px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--teal);font-weight:700;font-size:10px;cursor:pointer}.empty{text-align:center;padding:25px;color:#82908c}.lower{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:20px}.keys{display:flex;gap:12px;font-size:9px}.keys span:first-child{color:#27728a}.keys span:last-child{color:var(--orange)}.chart{height:245px;padding:18px}.chart svg{width:100%;height:205px}.gridlines line{stroke:#dddcd5;stroke-dasharray:3 3}.line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.line.app{stroke:#27728a}.line.inv{stroke:var(--orange)}svg text{font-size:8px;text-anchor:middle;fill:#84908c}.damage{padding:14px 20px}.damage>div{height:30px;display:grid;grid-template-columns:90px 1fr 50px;gap:9px;align-items:center;font-size:10px}.damage>div>i{height:8px;background:#e7e6df}.damage>div>i b{height:100%;display:block;min-width:4px}.damage strong{text-align:right;font:14px Georgia}.damage strong small{font:8px sans-serif}.note{font-size:8px;color:#8b9692;padding:0 20px}.workflow{display:grid;grid-template-columns:260px 1fr;padding:20px 24px;align-items:center}.workflow h3{font-family:serif;margin:6px 0}.workflow ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0}.workflow li{display:grid;grid-template-columns:32px auto;grid-template-rows:18px 14px;gap:0 8px;align-items:center;font-size:10px;font-weight:700;color:#76827f;position:relative}.workflow li>b{grid-row:1/3;width:32px;height:32px;border:1px solid #bac1bd;border-radius:50%;display:grid;place-items:center}.workflow li small{font-size:8px;font-weight:400}.workflow li.done b{background:var(--teal);border-color:var(--teal);color:#fff}.workflow li.now b{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 0 0 4px #f6d8cf}.notice{margin-top:18px;padding:15px 18px;border-left:4px solid #d5a02e;background:#fff9e8;font-size:11px;line-height:1.7}.notice p{margin:4px 0}.notice code{background:#eee8d9;padding:1px 4px}footer{height:55px;background:var(--deep);color:#aabcb8;display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1332px)/2));gap:28px;font-size:9px}footer b{margin-right:auto;color:#fff;font-family:serif;font-size:12px}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(3,1fr)}.grid,.lower{grid-template-columns:1fr}.districts{min-height:550px}.workflow{grid-template-columns:1fr;gap:15px}}
@media(max-width:650px){header{height:auto;padding:12px}.brand h1{font-size:14px}.brand small{font-size:8px}.crest{width:36px;height:36px}nav button{font-size:0}nav button:first-letter{font-size:14px}.status{padding:0 12px;font-size:8px}.status b{display:none}main{padding:22px 10px 45px}.hero{display:block}.hero h2{font-size:27px}.day{margin:15px 0 0 auto;width:max-content}.kpis{grid-template-columns:repeat(2,1fr)}.kpis article:last-child{grid-column:1/-1}.grid{grid-template-columns:minmax(0,1fr)}.map{height:390px}.mapfoot span{display:none}.thead,.row{grid-template-columns:1fr 52px 105px 12px}.lower{grid-template-columns:minmax(0,1fr)}.workflow{overflow:auto}.workflow ol{min-width:600px}footer{height:auto;flex-wrap:wrap;padding:16px;gap:8px 15px}}