*{box-sizing:border-box}
.hidden{display:none}
.error{min-height:20px;margin-top:10px;color:#a33a32}
.mark img{width:40px;height:40px;object-fit:contain}
.header-left{display:flex;align-items:center;gap:12px}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(23,58,86,.45)}
.modal.hidden{display:none}
.pin-wrap{position:relative;margin:6px 0 14px}
.pin-wrap input{margin:0;padding-right:60px}
.peek-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#567488;cursor:pointer;padding:4px 6px;font:inherit;font-size:13px;display:inline-flex;align-items:center}
.week-arrow{flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #aac1d1;border-radius:9px;background:#fff;color:#7b6fa5;font-size:18px;line-height:1}
.week-arrow:disabled{opacity:.35;cursor:default}
.week-label{flex:1;text-align:center;font-weight:600;color:#173a56;font-size:14px}
.req{color:#a33a32;margin-left:2px}