.schedule-controls{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.schedule-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.schedule-filters label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.schedule-filters select{min-width:140px;max-width:220px}.schedule-cloud-note{color:var(--muted);font-size:12px;margin:10px 0 18px}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.schedule-card{padding:20px;overflow:hidden}.schedule-identity{display:flex;gap:12px;align-items:center;min-width:0}.schedule-identity .record-icon{flex:none}.schedule-identity strong{display:block;overflow-wrap:anywhere}.schedule-identity small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.schedule-amount{font-size:24px;font-weight:700;margin:20px 0}.schedule-card dl{display:grid;gap:12px;margin:0}.schedule-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.schedule-card dt{font-size:12px;color:var(--muted)}.schedule-card dd{margin:0;text-align:end;font-size:13px}.schedule-status{margin-top:18px;padding-top:12px;border-top:1px solid var(--border);font-size:12px}.schedule-card.schedule-overdue{border-inline-start:4px solid var(--danger,#d94343)}.schedule-overdue .schedule-status,.schedule-overdue dd{color:var(--danger,#d94343)}.schedule-table-wrap{overflow:auto}.schedule-table{width:100%;border-collapse:collapse;min-width:740px}.schedule-table th,.schedule-table td{padding:14px 18px;text-align:start;border-bottom:1px solid var(--border);vertical-align:middle}.schedule-table th{color:var(--muted);font-size:12px;font-weight:500}.schedule-table td{font-size:13px}.schedule-table td>small,.schedule-table td>strong{display:block}.schedule-table td>small{color:var(--muted);font-size:11px;margin:4px 0}.schedule-table .num{white-space:nowrap;text-align:end}.schedule-table .schedule-overdue td:nth-child(3),.schedule-table .schedule-overdue td:nth-child(4){color:var(--danger,#d94343);font-weight:600}.schedule-table .schedule-overdue td:first-child{border-inline-start:4px solid var(--danger,#d94343)}.record-icon{flex-shrink:0;vertical-align:middle}@media(max-width:600px){.schedule-filters{width:100%}.schedule-filters label{flex:1}.schedule-filters select{width:100%;min-width:110px}.schedule-grid{grid-template-columns:1fr}}

.bills-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.bills-filter-pane{grid-column:2;grid-row:1;position:sticky;top:20px;padding:18px}.bills-main{grid-column:1;grid-row:1;min-width:0}.bills-filter-pane .schedule-controls,.bills-filter-pane .schedule-filters{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:16px}.bills-filter-pane .schedule-filters label{width:100%;min-width:0}.bill-section{margin:0 0 24px}.bill-section>h2{font-size:17px;margin:0 0 12px}.bills-main .schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-card .schedule-amount{font-size:1.12rem;font-weight:600}
@media(max-width:900px){.bills-layout{grid-template-columns:1fr}.bills-filter-pane{grid-column:1;grid-row:1;position:static}.bills-main{grid-row:2}}@media(max-width:600px){.bills-main .schedule-grid{grid-template-columns:1fr}}

.bill-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.bill-board-card{min-width:0;padding:22px}.bill-board-card>h2{font-size:18px;margin:0 0 18px;text-transform:none}.bill-board-scroll{min-width:0}.bill-board-scroll>h3{font-size:14px;margin:18px 0 8px}.bill-board-scroll>h3:first-child{margin-top:0}.bill-board-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding:14px 10px;border-bottom:1px solid var(--border)}.bill-board-row .schedule-identity{min-width:0}.bill-board-row .schedule-identity>div{min-width:0}.bill-board-row .schedule-identity strong{display:block;overflow-wrap:anywhere}.bill-board-amount{font-size:1.12rem;font-weight:600;text-align:end;align-self:center}.bill-board-date{grid-column:1 / -1;color:var(--muted);padding-inline-start:46px}.bill-board-overdue{border-inline-start:3px solid var(--red);background:color-mix(in srgb,var(--red) 4%,var(--panel))}.bill-board-overdue .bill-board-date{color:var(--red)}@media(max-width:700px){.bill-board{grid-template-columns:1fr}}

.bill-board-card{display:flex;flex-direction:column}.bill-board-scroll{min-height:0}

.bill-board-right{display:flex;flex-direction:column;gap:18px;min-width:0}.bill-board-right>.bill-board-card{min-height:220px}.bill-calendar{padding:18px 22px;flex:none;min-width:0}.bill-calendar>header,.bill-calendar-agenda>header{display:flex;justify-content:space-between;align-items:center;gap:8px}.bill-calendar h2{font-size:17px;margin:0}.bill-calendar>header>div{display:flex;gap:4px;align-items:center}.bill-calendar button{border:0;background:transparent;color:var(--ink);border-radius:8px;cursor:pointer}.bill-calendar>header button{padding:5px 9px;min-height:30px}.bill-calendar>header button[data-bill-calendar=prev],.bill-calendar>header button[data-bill-calendar=next]{font-size:24px;line-height:22px}.bill-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:14px}.bill-calendar-weekday{text-align:center;font-size:11px;color:var(--muted);padding-bottom:6px;overflow:hidden}.bill-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:33px;padding:3px;font-size:13px;gap:3px}.bill-calendar-day:hover{background:var(--soft)}.bill-calendar-day.is-today{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:700}.bill-calendar-day.is-selected{background:var(--accent);color:white}.bill-calendar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bill-calendar-dots{display:flex;gap:3px;height:5px}.bill-calendar i{display:inline-block;width:5px;height:5px;border-radius:50%;flex:none}.bill-dot-overdue{background:var(--red)}.bill-dot-soon{background:#d88016}.bill-dot-upcoming{background:var(--accent)}.bill-dot-paid{background:var(--green,#28986a)}.bill-calendar-legend{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:10px;color:var(--muted)}.bill-calendar-legend>span{display:flex;align-items:center;gap:5px}.bill-calendar-agenda{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:12px;max-height:145px;overflow-y:auto}.bill-calendar-agenda>header{margin-bottom:7px}.bill-calendar-agenda>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.bill-calendar-agenda small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.bill-calendar-agenda>div>strong{white-space:nowrap}@media(max-width:700px){.bill-board-right{height:auto}.bill-board-right>.bill-board-card{min-height:220px}.bill-calendar{padding:18px}}

.bill-calendar-grid{grid-template-rows:auto repeat(6,37px);gap:3px}.bill-calendar-day{font-size:15px}.bill-calendar-weekday{font-size:12px}.bill-calendar i{width:7px;height:7px}.bill-calendar-dots{height:7px}.bill-calendar-legend{font-size:11px;gap:9px 14px}.bill-calendar-day.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.bill-date-highlight{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.bill-board-row{scroll-margin-top:8px}

.bill-mobile-info p{line-height:1.7;color:var(--muted);margin:18px 0 24px}.bill-mobile-info{padding:0 4px}

.bill-reminder-help-button{background:#697078;color:#fff;border:1px solid #697078}.bill-reminder-help-button:hover{background:#565d65;border-color:#565d65;color:#fff}

.bill-row-identity{display:flex;align-items:center;gap:12px;min-width:0}.bill-row-identity>div{min-width:0}.bill-row-identity>div>strong{display:block;font-weight:600;overflow-wrap:anywhere}.bill-row-category{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-top:6px}.bill-row-category .record-icon{width:18px;height:18px;flex:none}.bill-date-icon{--calendar-color:var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;width:43px;height:43px;flex:0 0 43px;border:1px solid color-mix(in srgb,var(--calendar-color) 35%,var(--panel));border-radius:8px;background:var(--panel);box-shadow:0 2px 3px #0000000a}.bill-date-icon:before,.bill-date-icon:after{content:"";position:absolute;top:-4px;width:4px;height:8px;border-radius:3px;background:var(--calendar-color)}.bill-date-icon:before{left:9px}.bill-date-icon:after{right:9px}.bill-date-icon>small{display:block;width:100%;padding:2px 2px 1px;text-align:center;border-radius:7px 7px 0 0;font-size:10px;line-height:14px;font-weight:700;background:color-mix(in srgb,var(--calendar-color) 12%,var(--panel));color:var(--calendar-color)}.bill-date-icon>strong{font-size:18px;line-height:23px;color:var(--ink)}.bill-date-overdue{--calendar-color:var(--red)}.bill-date-overdue>small{background:var(--red);color:white}.bill-date-overdue>strong{color:var(--red)}.bill-date-soon{--calendar-color:#c87513}.bill-date-paid{--calendar-color:var(--green,#28986a)}

.bill-calendar-day.is-outside-month:not(.is-selected)>span:first-child{color:color-mix(in srgb,var(--muted) 60%,var(--panel))}

.bill-relative-time{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px;white-space:normal}
