:root{font-family:system-ui,Segoe UI,sans-serif;color:#172237;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 16px;background:#eaf1fc;color:#2168cc}button:hover{filter:brightness(.96)}aside{position:fixed;width:230px;height:100vh;background:#182536;color:white;padding:30px 18px;display:flex;flex-direction:column;gap:9px}aside h2{margin:0;color:#ffc17b}aside small{color:#aab7cb;margin-bottom:28px}aside button{text-align:left;color:#cdd7e5;background:transparent}aside button.active{background:#2676f4;color:white}main{margin-left:230px;padding:30px;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.top h1{margin:0;font-size:28px}.muted{color:#718096}select,input,textarea{border:1px solid #dce3ed;border-radius:8px;padding:11px;background:white;max-width:100%}.banner{margin:20px 0;padding:10px 14px;background:#fff4df;border:1px solid #f2dfb8;border-radius:9px;font-size:13px;color:#80602d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stat{padding:22px;border-radius:15px;display:flex;gap:18px;align-items:center;background:#e5efff}.stat:nth-child(2){background:#e2f6ee}.stat:nth-child(3){background:#fff0e4}.stat:nth-child(4){background:#eeebff}.stat strong{font-size:29px}.symbol{font-size:26px;background:#2778f2;color:white;padding:14px;border-radius:17px}.stat:nth-child(2) .symbol{background:#07916a}.stat:nth-child(3) .symbol{background:#f18431}.stat:nth-child(4) .symbol{background:#7953e4}.grid{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(430px,1.3fr);gap:18px}.card{background:white;border:1px solid #e4eaf2;border-radius:15px;padding:22px;box-shadow:0 4px 18px #26385804}h2{margin:0 0 18px;font-size:21px}h3{margin:0 0 12px}.tabs{display:flex;gap:7px;margin-bottom:12px}.tabs button{padding:9px 13px}.tabs .active,.primary{background:#2878f3;color:white}.stop{display:flex;gap:12px;align-items:center;padding:17px 10px;border-bottom:1px solid #eef1f5;cursor:pointer;border-radius:9px}.stop.selected{background:#e8f2ff}.stop:hover{background:#f2f6fb}.number{background:#edf1f7;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.stop .body{flex:1}.stop strong{font-size:14px}.stop small{display:block;color:#718096;margin-top:4px}.badge{font-size:12px;background:#edf1f6;color:#57647a;padding:5px 9px;border-radius:7px;white-space:nowrap}.done{background:#dff5e9;color:#08764f}.way{background:#dcecff;color:#1769d5}.danger{background:#ffe9e9;color:#bd3535}.detailhead{display:flex;justify-content:space-between;gap:12px}.info{display:grid;grid-template-columns:1fr 1fr;gap:22px}.line{margin:16px 0;line-height:1.5}.line small{display:block;color:#718096}a{color:#2671d6}.map{background:#edf4ef;border-radius:13px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;text-align:center}.map svg{width:100%;height:130px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px;color:#526176;display:flex;flex-direction:column;gap:6px}textarea{width:100%;min-height:75px}.green{background:#078358;color:white;width:100%;margin-top:16px}.full{grid-column:1/-1}.entry{border-bottom:1px solid #edf0f5;padding:14px 0}.entry small{color:#718096}dialog{border:0;border-radius:15px;padding:24px;width:550px;max-width:95vw;box-shadow:0 20px 90px #15243b44}dialog::backdrop{background:#15243b77}canvas{display:block;border:1px solid #ccd7e5;border-radius:9px;width:100%;height:150px;touch-action:none}.toast{position:fixed;bottom:25px;right:25px;background:#152b40;color:white;padding:15px 22px;border-radius:10px;z-index:9}.empty{padding:35px;color:#718096;text-align:center}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.preview{max-width:100%;max-height:180px;border-radius:9px}footer{font-size:12px;color:#7a8799;margin-top:22px}@media(max-width:1050px){aside{width:185px}main{margin-left:185px;padding:20px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:100%;height:auto;padding:18px;flex-direction:row;flex-wrap:wrap;gap:5px}aside h2{width:100%}aside small{display:none}aside button{padding:8px}main{margin:0;padding:15px}.top{align-items:flex-start;flex-direction:column}.top h1{font-size:23px}.stats{gap:8px}.stat{padding:12px;gap:10px}.symbol{padding:9px;font-size:20px}.stat strong{font-size:23px}.info,.fields{grid-template-columns:1fr}.card{padding:16px}.map{min-height:140px}.stop{padding:14px 5px}}