.period-control{display:flex;align-items:center;gap:14px;border:1px solid #dde5f2;background:linear-gradient(120deg,#fff,#f3f6fc);border-radius:21px;padding:13px;margin:12px 0 20px;box-shadow:0 4px 20px #3158ac06}.period-current{border:0;background:none;flex:1;text-align:center;color:var(--text);padding:4px;display:flex;align-items:center;flex-direction:column;gap:7px}.period-current>span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.period-current>strong{font-size:21px;font-weight:600;text-transform:capitalize}.period-current>small{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:11px}.period-current svg{width:13px;height:13px}.period-control .icon-button{flex-shrink:0}.year-tabs{display:flex;gap:8px;overflow-x:auto;margin:18px 0}.year-tabs button{padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--muted)}.year-tabs button.selected,.month-grid button.selected{background:var(--tint);color:var(--accent);border-color:#b7c9e9}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.month-grid button{display:flex;flex-direction:column;gap:7px;border-radius:13px;padding:15px 4px;border:1px solid var(--line);background:white;color:var(--text);text-transform:capitalize}.month-grid small{font-size:9px;color:var(--muted)}.month-grid strong{font-size:14px;font-weight:550}.month-grid button:disabled{opacity:.4;cursor:default}.contract-summary,.joint-payment{padding:23px;border:1px solid #dfe6f2;border-radius:23px;background:linear-gradient(130deg,#fff,#f1f5fc);margin:20px 0}.contract-summary h2{margin:16px 0;font-size:28px}.contract-summary h2 span{font-size:13px;color:var(--muted);font-weight:400}.contract-summary p{font-size:14px;color:#52617a}.joint-payment .pay-sum{margin:17px 0 10px}.joint-payment .primary{margin-top:18px}.joint-payment>.text-button{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:14px}.joint-payment>.text-button svg{width:16px}.joint-payment .row{font-size:12px;gap:18px}.reading-schedule{display:flex;align-items:flex-start;gap:10px;background:#f3f5f9;padding:14px;border-radius:12px;margin:15px 0;font-size:12px;color:#56647a}.reading-schedule svg{width:18px;height:18px}.reading-schedule small{display:block;font-size:11px;line-height:1.5;margin-top:6px}.reading-schedule.open{background:#edf6f2;color:#35705e}.reading-last{font-size:13px;color:var(--muted)}.reading-calculation{padding:16px;background:var(--tint);color:var(--accent);border-radius:13px;font-size:14px;margin:16px 0}.card a{overflow-wrap:anywhere}.card .row{flex-wrap:wrap}