.sheet{position:fixed;inset:0;z-index:80;pointer-events:none}.sheet.open{pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:#01070ba8;opacity:0;transition:.25s}.sheet.open .sheet-backdrop{opacity:1}.sheet-panel{position:absolute;bottom:0;left:50%;transform:translate(-50%,110%);width:min(100%,620px);max-height:84dvh;overflow:auto;background:#0a1821;border:1px solid #2b4a59;border-radius:24px 24px 0 0;padding:8px 14px calc(18px + var(--safe-bottom));transition:.34s cubic-bezier(.2,.8,.2,1);box-shadow:0 -30px 70px #0008}.sheet.open .sheet-panel{transform:translate(-50%,0)}.sheet-handle{width:44px;height:4px;border-radius:4px;background:#38515d;margin:2px auto 8px}.sheet-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #1f3946;padding-bottom:9px}.sheet-head small{font-size:7px;color:#66c9f1;letter-spacing:.12em}.sheet-head h2{font-size:18px;margin:2px 0}.sheet-head button{border:0;background:#122932;color:#bcd1da;width:30px;height:30px;border-radius:10px;font-size:20px}.sheet-body{padding-top:10px}.detail-card{border:1px solid #274757;background:#091922;border-radius:14px;padding:10px;margin-bottom:8px}.detail-card h3{font-size:12px;margin:0 0 4px}.detail-card p{font-size:9px;color:#9eb5c0;margin:0;line-height:1.45}.row-action{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid #23424f;border-radius:13px;padding:10px;margin-bottom:7px;background:#081720}.row-action .dot{width:11px;height:11px;border-radius:50%;background:#46606d}.row-action.available .dot{background:var(--green)}.row-action.limited .dot{background:var(--yellow)}.row-action.unavailable .dot{background:var(--red)}.row-action strong{font-size:10px}.row-action small{display:block;font-size:8px;color:#8ba2ad}.row-action button{border:1px solid #315a6c;background:#0f2d38;color:#d8eef7;border-radius:9px;padding:6px 8px;font-size:8px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scenario-btn{min-height:66px;border:1px solid #294a59;background:#0a1c25;color:#e5f2f7;border-radius:14px;padding:9px;text-align:left}.scenario-btn strong{font-size:10px;display:block}.scenario-btn small{font-size:7.5px;color:#8ca5b0;line-height:1.3}.demo-controls{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.demo-controls button{border:1px solid #2c5261;background:#0e2833;color:#d7eaf1;border-radius:10px;padding:7px 9px;font-size:8px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{border:1px solid #274555;border-radius:12px;padding:9px;background:#081720}.metric strong{display:block;font-size:17px}.metric small{font-size:7px;color:#8aa2ae}.timeline{position:relative;padding-left:14px}.timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:1px;background:#31505d}.timeline-item{position:relative;padding:0 0 10px 9px}.timeline-item:before{content:"";position:absolute;left:-13px;top:4px;width:7px;height:7px;border-radius:50%;background:#66d3ff}.timeline-item strong{display:block;font-size:9px}.timeline-item small{font-size:7px;color:#8199a5}.forecast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;overflow-x:auto}.forecast-cell{min-width:78px;border:1px solid #274657;border-radius:13px;padding:9px;background:#081822}.forecast-cell b{font-size:8px}.forecast-cell strong{display:block;font-size:10px;margin-top:7px}.forecast-cell p{font-size:7px;color:#91a9b5}.forecast-cell.normal{box-shadow:inset 0 3px 0 var(--green)}.forecast-cell.attention{box-shadow:inset 0 3px 0 var(--yellow)}.forecast-cell.notsafe{box-shadow:inset 0 3px 0 var(--orange)}