*{box-sizing:border-box}html,body,#root{height:100%}body{color:#16263a;background:#f5f7f8;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{background:#f5f7f8;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:76px;display:flex}.proto-banner{color:#6b5200;text-align:center;background:#fff6da;border-bottom:1px solid #f0dca0;padding:6px 12px;font-size:.75rem;font-weight:600}.app-header{color:#fff;background:#102a43;align-items:center;gap:10px;padding:16px 20px;display:flex}.logo-mark{font-size:1.3rem}.logo-text{letter-spacing:.3px;font-size:1.2rem;font-weight:700}.main-content{flex:1;padding:16px}.page-title{color:#102a43;margin:4px 0 2px;font-size:1.5rem}.page-subtitle{color:#5a6b7a;margin:0 0 16px;font-size:.9rem}.card{background:#fff;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 1px 4px #102a4314}.card.soft{background:#e8f6ee}.card-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.arrow{color:#1fa35a;font-size:1.4rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.6px;color:#7d8ea0;margin-bottom:4px;font-size:.72rem;font-weight:700}.big-value{font-size:1.4rem;font-weight:800}.big-value.navy{color:#102a43}.big-value.green{color:#1fa35a}.progress-wrap{margin:8px 0}.progress-label{color:#345;margin-bottom:6px;font-size:.85rem;font-weight:600}.progress-track{background:#eef2f4;border-radius:999px;width:100%;height:20px;display:flex;overflow:hidden}.progress-fill{background:#1fa35a;height:100%;transition:width .3s}.progress-excess{background:#c6ccd1;height:100%}.progress-sublabel{color:#5a6b7a;margin-top:6px;font-size:.8rem}.hint{color:#45586a;margin:8px 0 0;font-size:.88rem;line-height:1.4}.summary-sentence{color:#263a4d;margin-top:10px;font-size:.9rem;line-height:1.5}.status-row{align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.ok{background:#1fa35a}.dot.warn{background:#e0a93c}.mini-row{border-top:1px solid #f0f2f4;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.mini-row:first-of-type{border-top:none}.mini-name{color:#102a43;font-size:.92rem;font-weight:700}.mini-sub{color:#7d8ea0;font-size:.78rem}.countdown,.countdown-badge{border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.countdown.fine,.countdown-badge.fine{color:#1a7d47;background:#e8f6ee}.countdown.soon,.countdown-badge.soon{color:#946200;background:#fff3da}.countdown.urgent,.countdown-badge.urgent{color:#b3261e;background:#fde6e6}.field-label{color:#345;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.select{color:#16263a;background:#fff;border:1px solid #dde3e8;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem}.leg-block{margin-top:14px}.leg-head{justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.leg-name{color:#102a43;font-weight:700}.leg-volume{color:#7d8ea0}.leg-foot{justify-content:space-between;margin-top:4px;font-size:.76rem;display:flex}.counts{color:#1a7d47;font-weight:600}.excess{color:#93a0ab}.leg-choice-row{flex-wrap:wrap;gap:8px;display:flex}.leg-choice{color:#102a43;cursor:pointer;background:#fff;border:1.5px solid #dde3e8;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;position:relative}.leg-choice.selected{color:#fff;background:#1fa35a;border-color:#1fa35a}.badge-rec{color:#fff;text-transform:uppercase;background:#102a43;border-radius:999px;padding:1px 6px;font-size:.58rem;position:absolute;top:-8px;right:-6px}.bottom-nav{background:#fff;border-top:1px solid #e6eaed;justify-content:space-around;width:100%;max-width:480px;padding:8px 0 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#8793a0;text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:4px;font-size:.62rem;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:#1fa35a}.nav-icon{font-size:1.15rem}