/* <inline asset> */
@charset "UTF-8"; 

/* /payment_system/static/src/edu_portal/edu_portal.scss */
 .edu-portal{font-family: var(--edu-font-display); font-size: var(--edu-text-body); line-height: 1.5; color: var(--edu-color-ink); background: var(--edu-color-paper); min-height: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}.edu-portal *, .edu-portal *::before, .edu-portal *::after{box-sizing: border-box;}.edu-portal button{font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0;}.edu-portal a{color: inherit; text-decoration: none;}.edu-portal ul{list-style: none; margin: 0; padding: 0;}.edu-portal .layout{display: grid; grid-template-columns: minmax(0, 1fr);}.edu-portal .tabbar{position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: var(--edu-color-surface); border-top: 1px solid var(--edu-color-border); padding-bottom: env(safe-area-inset-bottom);}.edu-portal .tablist{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 80rem; margin: 0 auto;}.edu-portal .tablist > li{min-width: 0;}.edu-portal .tab{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 64px; padding: var(--edu-space-2) var(--edu-space-1); color: var(--edu-color-muted); position: relative; min-width: 0; overflow: hidden;}.edu-portal .tab > span, .edu-portal .tab .tab-label{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.edu-portal .tab svg{width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .tab-label{font-size: var(--edu-text-chip); font-weight: 500; letter-spacing: 0.01em;}.edu-portal .tab.is-active{color: var(--edu-portal-primary);}.edu-portal .tab.is-active::after{content: ""; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: var(--edu-portal-primary); border-radius: 50%;}.edu-portal .tab:focus-visible{outline: 2px solid var(--edu-portal-primary); outline-offset: -4px; border-radius: 8px;}.edu-portal .main{width: 100%; max-width: 48rem; margin: 0 auto; padding: var(--edu-space-6) clamp(16px, 4vw, 24px) 96px;}.edu-portal .page-head{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-1); margin-bottom: var(--edu-space-4);}.edu-portal .page-title{font-size: var(--edu-text-h1); font-weight: 600; letter-spacing: -0.015em; line-height: 1.1; margin: 0;}.edu-portal .page-title--display{font-size: var(--edu-text-display); letter-spacing: -0.02em;}.edu-portal .page-subtitle{font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin: 0;}.edu-portal .card{background: var(--edu-color-surface); border: 1px solid var(--edu-color-border); border-radius: var(--edu-radius-card); padding: var(--edu-space-6);}.edu-portal .list-card{padding: var(--edu-space-2) 0;}.edu-portal .group-head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; justify-content: space-between; gap: var(--edu-space-4); padding: var(--edu-space-4) var(--edu-space-6) var(--edu-space-3);}.edu-portal .group-title{font-size: var(--edu-text-h2); font-weight: 600; letter-spacing: -0.01em; margin: 0;}.edu-portal .group-link{font-size: var(--edu-text-meta); color: var(--edu-portal-primary); font-weight: 500; white-space: nowrap;}.edu-portal .group-link:hover{text-decoration: underline; text-underline-offset: 3px;}.edu-portal .chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--edu-space-1); padding: 2px 10px; border-radius: var(--edu-radius-chip); font-size: var(--edu-text-chip); font-weight: 500; letter-spacing: 0.01em; line-height: 1.5; white-space: nowrap;}.edu-portal .chip-dot{width: 6px; height: 6px; border-radius: 50%; background: currentColor;}.edu-portal .chip--paid{background: var(--edu-chip-paid-bg); color: var(--edu-chip-paid-fg);}.edu-portal .chip--upcoming{background: var(--edu-chip-upcoming-bg); color: var(--edu-chip-upcoming-fg);}.edu-portal .chip--overdue{background: var(--edu-chip-overdue-bg); color: var(--edu-chip-overdue-fg);}.edu-portal .chip--onay{background: var(--edu-chip-onay-bg); color: var(--edu-chip-onay-fg);}.edu-portal .chip--held{background: var(--edu-chip-held-bg); color: var(--edu-chip-held-fg);}.edu-portal .row-list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.edu-portal .row{display: grid; grid-template-columns: 1fr auto; column-gap: var(--edu-space-4); row-gap: var(--edu-space-1); padding: var(--edu-space-4) var(--edu-space-6); border-top: 1px solid var(--edu-color-border); position: relative; transition: background-color 120ms ease; cursor: pointer;}.edu-portal .row > *{min-width: 0;}.edu-portal .row-label, .edu-portal .row-amount, .edu-portal .row-meta{overflow-wrap: anywhere;}.edu-portal .row-list > li:first-child .row{border-top: 0;}.edu-portal .row::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--edu-portal-primary); transition: width 120ms ease;}.edu-portal .row:hover, .edu-portal .row:focus-within{background: var(--edu-color-hover);}.edu-portal .row:hover::before, .edu-portal .row:focus-within::before{width: 1px;}.edu-portal .row-label{font-size: var(--edu-text-body); font-weight: 500; color: var(--edu-color-ink); grid-column: 1;}.edu-portal .row-amount{font-family: var(--edu-font-mono); font-size: var(--edu-num-body); font-weight: 500; color: var(--edu-color-ink); grid-column: 2; text-align: right; align-self: center;}.edu-portal .row-amount--paid{color: var(--edu-chip-paid-fg);}.edu-portal .row-meta{grid-column: 1 / -1; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--edu-space-2); -webkit-flex-wrap: wrap; flex-wrap: wrap; color: var(--edu-color-muted); font-size: var(--edu-text-meta);}.edu-portal .row-date{font-family: var(--edu-font-mono); letter-spacing: -0.005em; color: var(--edu-color-muted);}.edu-portal .btn-primary{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: var(--edu-space-2); min-height: 44px; padding: 0 var(--edu-space-6); border-radius: var(--edu-radius-button); background: var(--edu-portal-primary); color: #FFFFFF; font-size: var(--edu-text-body); font-weight: 500; transition: transform 80ms ease;}.edu-portal .btn-primary:active{transform: translateY(1px);}.edu-portal .btn-primary:disabled{opacity: 0.4; cursor: not-allowed;}.edu-portal .btn-primary:focus-visible{outline: none; box-shadow: 0 0 0 2px var(--edu-color-paper), 0 0 0 4px var(--edu-portal-primary-ring);}.edu-portal .btn-primary svg, .edu-portal .btn-ghost svg{flex: none; width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .btn-primary--block{width: 100%;}.edu-portal .btn-ghost{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: var(--edu-space-2); min-height: 44px; padding: 0 var(--edu-space-4); border-radius: var(--edu-radius-button); border: 1px solid var(--edu-color-border); background: transparent; color: var(--edu-color-ink); font-size: var(--edu-text-body); font-weight: 500;}.edu-portal .btn-ghost:hover{background: var(--edu-color-hover);}.edu-portal .pay-form{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-2);}.edu-portal .choice-input{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%);}.edu-portal .choice{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--edu-space-3); min-height: 44px; padding: var(--edu-space-3) var(--edu-space-4); border: 1px solid var(--edu-color-border-solid); border-radius: var(--edu-radius-input); background: var(--edu-color-surface); cursor: pointer; transition: border-color 120ms ease, background 120ms ease;}.edu-portal .choice:hover{background: var(--edu-color-hover);}.edu-portal .choice-mark{flex: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--edu-color-border-solid); background: var(--edu-color-surface); transition: box-shadow 120ms ease, border-color 120ms ease;}.edu-portal .choice-text{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; min-width: 0;}.edu-portal .choice-label{font-size: var(--edu-num-body); font-weight: 500; color: var(--edu-color-ink);}.edu-portal .choice-sub{font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .choice-amount{font-family: var(--edu-font-mono); font-size: var(--edu-num-body); color: var(--edu-color-ink); font-variant-numeric: tabular-nums; white-space: nowrap;}.edu-portal .choice-input:checked + .choice{border-color: var(--edu-portal-primary); background: var(--edu-portal-primary-tint); box-shadow: 0 0 0 1px var(--edu-portal-primary);}.edu-portal .choice-input:checked + .choice .choice-mark{border-color: var(--edu-portal-primary); box-shadow: inset 0 0 0 3px var(--edu-color-surface), inset 0 0 0 9px var(--edu-portal-primary);}.edu-portal .choice-input:focus-visible + .choice{outline: none; box-shadow: 0 0 0 2px var(--edu-color-paper), 0 0 0 4px var(--edu-portal-primary-ring);}.edu-portal .choice-reveal{display: none;}.edu-portal .choice-input--custom:checked ~ .choice-reveal{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-2); padding: var(--edu-space-2) 0 0 calc(var(--edu-space-4) + 18px + var(--edu-space-3));}@media (max-width: 40rem){.edu-portal .choice-input--custom:checked ~ .choice-reveal{padding-left: 0;}}.edu-portal .edu-field{display: -webkit-box; display: -webkit-flex; display: flex; align-items: stretch; border: 1px solid var(--edu-color-border-solid); border-radius: var(--edu-radius-input); background: var(--edu-color-surface); overflow: hidden;}.edu-portal .edu-field:focus-within{border-color: var(--edu-portal-primary); box-shadow: 0 0 0 3px var(--edu-portal-primary-ring);}.edu-portal .edu-field-prefix{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0 var(--edu-space-3); background: var(--edu-color-hover); border-right: 1px solid var(--edu-color-border-solid); color: var(--edu-color-muted); font-size: var(--edu-num-body);}.edu-portal .edu-field-input{flex: 1; min-width: 0; min-height: 44px; padding: 0 var(--edu-space-3); border: 0; outline: none; background: transparent; color: var(--edu-color-ink); font-family: var(--edu-font-mono); font-size: var(--edu-text-body); font-variant-numeric: tabular-nums;}.edu-portal .edu-field-hint{font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .pay-form-divider{height: 1px; border: 0; margin: var(--edu-space-2) 0; background: var(--edu-color-border-solid);}.edu-portal .pay-cta--custom{display: none;}.edu-portal .choice-input--custom:checked ~ [data-edu-pay-cta] .pay-cta--full{display: none;}.edu-portal .choice-input--custom:checked ~ [data-edu-pay-cta] .pay-cta--custom{display: inline;}.edu-portal .edu-notice{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: var(--edu-space-3); padding: var(--edu-space-3) var(--edu-space-4); margin-bottom: var(--edu-space-4); border: 1px solid transparent; border-radius: var(--edu-radius-input); font-size: var(--edu-num-body);}.edu-portal .edu-notice svg{flex: none; width: 18px; height: 18px; margin-top: 1px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .edu-notice--error{background: var(--edu-chip-overdue-bg); color: var(--edu-chip-overdue-fg); border-color: rgba(153, 27, 27, 0.18);}.edu-portal .edu-notice--info{background: var(--edu-chip-upcoming-bg); color: var(--edu-chip-upcoming-fg); border-color: rgba(146, 64, 14, 0.18);}.edu-portal .edu-payment-closed span{white-space: pre-line;}.edu-portal .pay-result{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: var(--edu-space-6) 0 var(--edu-space-12);}.edu-portal .pay-result-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: var(--edu-space-3); width: 100%; max-width: 30rem; padding: var(--edu-space-8) var(--edu-space-6); background: var(--edu-color-surface); border: 1px solid var(--edu-color-border); border-radius: var(--edu-radius-card); text-align: center;}.edu-portal .pay-result-mark{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; margin-bottom: var(--edu-space-1);}.edu-portal .pay-result-mark svg{width: 24px; height: 24px; stroke-width: 2.5; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .pay-result-mark--ok{background: var(--edu-chip-paid-bg); color: var(--edu-chip-paid-fg);}.edu-portal .pay-result-mark--failed{background: var(--edu-chip-overdue-bg); color: var(--edu-chip-overdue-fg);}.edu-portal .pay-result-mark--pending{background: var(--edu-chip-upcoming-bg); color: var(--edu-chip-upcoming-fg);}.edu-portal .pay-result-mark--unavailable{background: var(--edu-chip-upcoming-bg); color: var(--edu-chip-upcoming-fg);}.edu-portal .pay-result-mark--idle{background: var(--edu-chip-held-bg); color: var(--edu-chip-held-fg);}.edu-portal .pay-result-title{margin: 0; font-size: var(--edu-text-h1); font-weight: 600; color: var(--edu-color-ink); text-wrap: balance;}.edu-portal .pay-result-amount{margin: 0; font-family: var(--edu-font-mono); font-size: var(--edu-num-display); font-weight: 600; letter-spacing: -0.02em; color: var(--edu-color-ink); font-variant-numeric: tabular-nums;}.edu-portal .pay-result-ref{margin: 0; font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .pay-result-note{margin: 0; font-size: var(--edu-num-body); line-height: 1.6; color: var(--edu-color-body); max-width: 34ch;}.edu-portal .pay-result-reason{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-1); width: 100%; padding: var(--edu-space-3) var(--edu-space-4); border-radius: var(--edu-radius-input); background: var(--edu-color-paper); border: 1px solid var(--edu-color-border-solid); text-align: left;}.edu-portal .pay-result-reason p{margin: 0; font-size: var(--edu-text-meta); color: var(--edu-color-body);}.edu-portal .pay-result-rest{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; width: 100%; padding: var(--edu-space-3) var(--edu-space-4); border-radius: var(--edu-radius-input); background: var(--edu-color-paper); border: 1px solid var(--edu-color-border-solid);}.edu-portal .pay-result-rest-amount{font-family: var(--edu-font-mono); font-size: var(--edu-text-h2); font-weight: 600; color: var(--edu-color-ink); font-variant-numeric: tabular-nums;}.edu-portal .pay-result-card .edu-help{margin-top: 0; max-width: 40ch;}.edu-portal .pay-result-actions{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column-reverse; gap: var(--edu-space-2); width: 100%; margin-top: var(--edu-space-2);}.edu-portal .pay-result-actions .btn-primary, .edu-portal .pay-result-actions .btn-ghost{width: 100%;}@media (min-width: 40rem){.edu-portal .pay-result-actions{flex-direction: row; justify-content: center;}.edu-portal .pay-result-actions .btn-primary, .edu-portal .pay-result-actions .btn-ghost{width: auto; min-width: 11rem;}}.edu-portal .pay-handoff{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: var(--edu-space-8) 0 var(--edu-space-12);}.edu-portal .pay-handoff-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: var(--edu-space-3); width: 100%; max-width: 26rem; padding: var(--edu-space-8) var(--edu-space-6); background: var(--edu-color-surface); border: 1px solid var(--edu-color-border); border-radius: var(--edu-radius-card); text-align: center;}.edu-portal .pay-spinner{width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--edu-portal-primary-tint); border-top-color: var(--edu-portal-primary); animation: edu-spin 700ms linear infinite;}@keyframes edu-spin{to{transform: rotate(360deg);}}@media (prefers-reduced-motion: reduce){.edu-portal .pay-spinner{animation: none; border-top-color: var(--edu-portal-primary);}}.edu-portal .pay-handoff-title{margin: 0; font-size: var(--edu-text-h2); font-weight: 600; color: var(--edu-color-ink);}.edu-portal .pay-handoff-amount{margin: 0; font-family: var(--edu-font-mono); font-size: var(--edu-num-display); font-weight: 600; letter-spacing: -0.02em; color: var(--edu-color-ink); font-variant-numeric: tabular-nums;}.edu-portal .pay-handoff-ref{margin: 0; font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .pay-handoff-wait{margin: 0; font-size: var(--edu-text-meta); color: var(--edu-color-body);}.edu-portal .pay-handoff-divider{width: 100%; height: 1px; border: 0; margin: var(--edu-space-2) 0; background: var(--edu-color-border-solid);}.edu-portal .pay-handoff-help{margin: 0;}.edu-portal #edu_pay_redirect{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}.edu-portal #edu_pay_redirect .btn, .edu-portal #edu_pay_redirect button, .edu-portal #edu_pay_redirect input[type="submit"]{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--edu-space-6); border: 0; border-radius: var(--edu-radius-button); background: var(--edu-portal-primary); color: #FFFFFF; font-size: var(--edu-text-body); font-weight: 500; cursor: pointer;}.edu-portal .edu-help{margin: var(--edu-space-4) 0 0; font-size: var(--edu-text-meta); line-height: 1.6; color: var(--edu-color-muted);}.edu-portal .edu-help-steps{margin: var(--edu-space-3) 0 0; padding-left: 1.25rem; font-size: var(--edu-text-meta); line-height: 1.6; color: var(--edu-color-muted);}.edu-portal .edu-help-steps li + li{margin-top: var(--edu-space-1);}.edu-portal .filter{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-1);}.edu-portal .filter-label{font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .filter-select{min-height: 44px; padding: 0 var(--edu-space-3); border: 1px solid var(--edu-color-border); border-radius: var(--edu-radius-input); background: var(--edu-color-surface); color: var(--edu-color-ink); font: inherit;}.edu-portal .filter-select:focus-visible{outline: none; box-shadow: 0 0 0 2px var(--edu-portal-primary-ring); border-color: var(--edu-portal-primary);}.edu-portal .empty-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; text-align: center; gap: var(--edu-space-3); padding: var(--edu-space-12) var(--edu-space-6);}.edu-portal .empty-card svg{width: 48px; height: 48px; stroke: var(--edu-color-ink); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .empty-title{font-size: var(--edu-text-h2); font-weight: 600; margin: 0;}.edu-portal .empty-body{font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin: 0; max-width: 28rem;}.edu-portal .donut{position: relative; width: clamp(180px, 50vw, 240px); aspect-ratio: 1;}.edu-portal .donut-svg{width: 100%; height: 100%; display: block;}.edu-portal .donut-center{position: absolute; inset: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; gap: var(--edu-space-1); pointer-events: none;}.edu-portal .donut-num{font-size: var(--edu-num-display); font-weight: 500; letter-spacing: -0.02em; color: var(--edu-color-ink); line-height: 1;}.edu-portal .donut-cap{font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .donut-track{stroke: var(--edu-color-border-solid);}.edu-portal .donut-arc--paid{stroke: var(--edu-portal-primary);}.edu-portal .donut-arc--overdue{stroke: var(--edu-chip-overdue-fg);}.edu-portal .alert-row{margin-bottom: var(--edu-space-4);}.edu-portal .summary{display: grid; grid-template-columns: 1fr; gap: var(--edu-space-4); margin-bottom: var(--edu-space-6);}.edu-portal .donut-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: var(--edu-space-4);}.edu-portal .legend{width: 100%; display: grid; gap: var(--edu-space-2); padding-top: var(--edu-space-4); border-top: 1px solid var(--edu-color-border); margin: 0;}.edu-portal .legend-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: var(--edu-space-3); margin: 0;}.edu-portal .legend-label{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--edu-space-2); color: var(--edu-color-body); font-size: var(--edu-text-meta); margin: 0;}.edu-portal .legend-swatch{width: 10px; height: 10px; border-radius: 2px;}.edu-portal .legend-swatch--paid{background: var(--edu-portal-primary);}.edu-portal .legend-swatch--remain{background: var(--edu-color-border-solid);}.edu-portal .legend-amt{font-family: var(--edu-font-mono); font-size: var(--edu-num-body); font-weight: 500; color: var(--edu-color-ink); letter-spacing: -0.005em; margin: 0;}.edu-portal .balance-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-4);}.edu-portal .balance-label{font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin: 0;}.edu-portal .balance-amount{font-size: var(--edu-num-display); font-weight: 500; letter-spacing: -0.02em; color: var(--edu-color-ink); font-family: var(--edu-font-mono); margin: 0; line-height: 1.05;}.edu-portal .balance-divider{height: 1px; background: var(--edu-color-border); border: 0; margin: 0;}.edu-portal .next-block{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-3);}.edu-portal .next-label{font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin: 0;}.edu-portal .next-grid{display: grid; grid-template-columns: 1fr auto; align-items: start; gap: var(--edu-space-3) var(--edu-space-4);}.edu-portal .next-primary{font-size: var(--edu-text-body); font-weight: 500; color: var(--edu-color-ink); margin: 0;}.edu-portal .next-secondary{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--edu-space-2); -webkit-flex-wrap: wrap; flex-wrap: wrap; color: var(--edu-color-muted); font-size: var(--edu-text-meta);}.edu-portal .next-date{font-family: var(--edu-font-mono); letter-spacing: -0.005em;}.edu-portal .next-amount{font-family: var(--edu-font-mono); font-size: var(--edu-text-body); font-weight: 500; color: var(--edu-color-ink); letter-spacing: -0.005em; text-align: right; align-self: center;}@media (min-width: 768px){.edu-portal .layout{grid-template-columns: 14rem 1fr;}.edu-portal .main{padding-top: var(--edu-space-8); padding-bottom: var(--edu-space-12);}.edu-portal .summary{grid-template-columns: 1fr 1fr; align-items: stretch;}.edu-portal .tabbar{position: sticky; top: 0; left: 0; right: auto; bottom: auto; width: 14rem; height: calc(100dvh - 65px); align-self: start; border-top: 0; border-right: 1px solid var(--edu-color-border); padding-bottom: 0;}.edu-portal .tablist{grid-template-columns: 1fr; padding: var(--edu-space-4) var(--edu-space-3); gap: 2px;}.edu-portal .tab{flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; gap: var(--edu-space-3); padding: var(--edu-space-3) var(--edu-space-4); min-height: 44px; border-radius: 0; border-left: 3px solid transparent;}.edu-portal .tab.is-active::after{display: none;}.edu-portal .tab.is-active{border-left-color: var(--edu-portal-primary); background: transparent;}.edu-portal .tab-label{font-size: var(--edu-text-body); font-weight: 500; letter-spacing: -0.005em;}.edu-portal .tab > span, .edu-portal .tab .tab-label{white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25;}}.edu-portal .toolbar{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--edu-space-3); min-width: 0; margin-bottom: var(--edu-space-4);}.edu-portal .toolbar > *{min-width: 0;}@media (max-width: 480px){.edu-portal .toolbar{align-items: stretch;}.edu-portal .toolbar > *{width: 100%;}}.edu-portal .group-meta{font-family: var(--edu-font-mono); font-size: var(--edu-text-meta); color: var(--edu-color-muted); min-width: 0; overflow-wrap: anywhere;}.edu-portal .group-meta .group-meta-part{white-space: nowrap;}.edu-portal .is-mono{font-family: var(--edu-font-mono); letter-spacing: -0.005em;}.edu-portal .back-link{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--edu-space-2); min-height: 44px; color: var(--edu-color-muted); font-size: var(--edu-text-meta); margin-bottom: var(--edu-space-2);}.edu-portal .back-link:hover{color: var(--edu-portal-primary);}.edu-portal .back-link svg{width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round;}.edu-portal .back-link-en{color: var(--edu-color-muted);}.edu-portal .detail-title-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: var(--edu-space-4); margin-bottom: var(--edu-space-4);}.edu-portal .detail-id{font-family: var(--edu-font-mono); font-size: var(--edu-text-h1); font-weight: 600; letter-spacing: -0.01em; margin: 0;}.edu-portal .header-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-4); margin-bottom: var(--edu-space-6);}.edu-portal .header-amount{font-family: var(--edu-font-mono); font-size: var(--edu-num-display); font-weight: 500; letter-spacing: -0.02em; color: var(--edu-color-ink); line-height: 1.05; margin: 0;}.edu-portal .header-divider{height: 1px; background: var(--edu-color-border); border: 0; margin: 0;}.edu-portal .header-meta-grid{display: grid; grid-template-columns: 1fr; gap: var(--edu-space-4);}.edu-portal .meta-cell{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px;}.edu-portal .meta-label{font-size: var(--edu-text-chip); text-transform: uppercase; letter-spacing: 0.04em; color: var(--edu-color-muted);}.edu-portal .meta-value{font-size: var(--edu-text-body); color: var(--edu-color-ink);}.edu-portal .section{margin-bottom: var(--edu-space-6);}.edu-portal .section-head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; justify-content: space-between; gap: var(--edu-space-4); margin-bottom: var(--edu-space-3);}.edu-portal .section-title{font-size: var(--edu-text-h2); font-weight: 600; letter-spacing: -0.01em; margin: 0;}.edu-portal .section-title-en{font-weight: 400; color: var(--edu-color-muted); font-size: var(--edu-text-meta);}.edu-portal .section-meta{font-family: var(--edu-font-mono); font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .section-card{padding: 0; overflow: hidden;}.edu-portal .lines{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.edu-portal .line-row{display: grid; grid-template-columns: 1fr auto; column-gap: var(--edu-space-4); padding: var(--edu-space-4) var(--edu-space-6); border-top: 1px solid var(--edu-color-border);}.edu-portal .lines > .line-row:first-child{border-top: 0;}.edu-portal .line-desc{font-size: var(--edu-text-body); color: var(--edu-color-ink);}.edu-portal .line-sub{display: block; font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin-top: 2px;}.edu-portal .line-amount{font-family: var(--edu-font-mono); font-size: var(--edu-num-body); color: var(--edu-color-ink); text-align: right; align-self: center;}.edu-portal .line-row.is-negative .line-desc{font-style: italic; color: var(--edu-color-body);}.edu-portal .line-row.is-negative .line-amount{color: var(--edu-chip-paid-fg);}.edu-portal .line-row.is-negative .line-amount::before{content: "−";}.edu-portal .totals-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: var(--edu-space-4); padding: var(--edu-space-4) var(--edu-space-6); border-top: 2px solid var(--edu-portal-primary); background: var(--edu-color-paper);}.edu-portal .totals-label{font-size: var(--edu-text-body); font-weight: 600; color: var(--edu-color-ink);}.edu-portal .totals-label-en{font-weight: 400; color: var(--edu-color-muted);}.edu-portal .totals-amount{font-family: var(--edu-font-mono); font-size: var(--edu-num-display); font-weight: 500; letter-spacing: -0.02em; line-height: 1.05; color: var(--edu-color-ink); white-space: nowrap;}.edu-portal .action-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-3);}.edu-portal .action-row .btn-primary, .edu-portal .action-row .btn-ghost{width: 100%;}@media (min-width: 768px){.edu-portal .header-card--row{display: grid; grid-template-columns: auto 1px 1fr; gap: 0 var(--edu-space-8); align-items: center;}.edu-portal .header-card--row .header-divider{height: auto; width: 1px; align-self: stretch;}.edu-portal .header-meta-grid{grid-template-columns: repeat(3, 1fr);}.edu-portal .header-meta-grid--pair{grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));}.edu-portal .action-row{flex-direction: row; -webkit-box-pack: end; justify-content: flex-end;}.edu-portal .action-row .btn-primary, .edu-portal .action-row .btn-ghost{width: auto; min-width: 12rem;}}.edu-portal .row-amount--credit{color: var(--edu-chip-paid-fg);}.edu-portal .row-amount--credit::before{content: "+"; opacity: 0.6; margin-right: 1px;}.edu-portal .header-amount--paid{color: var(--edu-chip-paid-fg);}.edu-portal .header-amount--paid::before{content: "+"; opacity: 0.55; margin-right: 2px;}.edu-portal .onay-impact{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: var(--edu-space-4); background: var(--edu-color-surface); border: 1px solid var(--edu-color-border); border-left: 2px solid var(--edu-chip-onay-fg); border-radius: var(--edu-radius-card); padding: var(--edu-space-6);}.edu-portal .onay-impact-head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--edu-space-4);}.edu-portal .onay-impact-titlewrap{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; min-width: 0; flex: 1;}.edu-portal .onay-impact-title{font-size: var(--edu-text-h2); font-weight: 600; letter-spacing: -0.01em; margin: 0;}.edu-portal .onay-impact-title-en{font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .onay-impact-desc{font-size: var(--edu-text-body); color: var(--edu-color-body); margin: 0;}.edu-portal .onay-impact-desc-en{font-size: var(--edu-text-meta); color: var(--edu-color-muted); margin: var(--edu-space-1) 0 0;}.edu-portal .onay-impact-foot{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: var(--edu-space-2); padding-top: var(--edu-space-3); border-top: 1px solid var(--edu-color-border); font-size: var(--edu-text-meta); color: var(--edu-color-muted);}.edu-portal .onay-impact-foot time{font-family: var(--edu-font-mono);}.edu-portal .visually-hidden{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}.edu-malionay{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: var(--edu-space-2); padding: var(--edu-space-3); margin-bottom: var(--edu-space-3); border: 1px solid var(--edu-color-border); border-left-width: 4px; border-radius: var(--edu-radius-card, 12px); background: var(--edu-color-surface);}.edu-malionay .edu-malionay-dot{display: inline-block; width: 10px; height: 10px; margin-right: var(--edu-space-2); vertical-align: middle; border-radius: 50%; flex: none;}.edu-malionay .edu-malionay-body{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; min-width: 0;}.edu-malionay .edu-malionay-title{font-size: var(--edu-text-meta); line-height: 21px; color: var(--edu-color-ink);}.edu-malionay .edu-malionay-note{font-size: var(--edu-text-meta); color: var(--edu-color-muted); overflow-wrap: anywhere;}.edu-malionay .edu-malionay-period{color: var(--edu-color-muted);}.edu-malionay .edu-malionay-link{align-self: flex-start; margin-left: var(--edu-space-2); margin-top: -5px; padding: 6px 10px; font-size: var(--edu-text-meta); font-weight: 500; color: var(--edu-portal-primary); white-space: nowrap; min-height: 32px;}.edu-malionay.edu-malionay--idle{border-left-color: var(--edu-color-border);}.edu-malionay.edu-malionay--idle .edu-malionay-dot{background: var(--edu-color-muted);}.edu-malionay.edu-malionay--ok{border-left-color: var(--edu-color-paid, #16a34a);}.edu-malionay.edu-malionay--ok .edu-malionay-dot{background: var(--edu-color-paid, #16a34a);}.edu-malionay.edu-malionay--warn{border-left-color: var(--edu-color-pending, #d97706);}.edu-malionay.edu-malionay--warn .edu-malionay-dot{background: var(--edu-color-pending, #d97706);}.edu-malionay.edu-malionay--bad{border-left-color: var(--edu-color-overdue, #dc2626);}.edu-malionay.edu-malionay--bad .edu-malionay-dot{background: var(--edu-color-overdue, #dc2626);}@media (max-width: 480px){.edu-malionay{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.edu-malionay .edu-malionay-body{flex: 1 1 100%;}.edu-malionay .edu-malionay-link{flex: 1 1 100%; align-self: flex-start; margin-top: var(--edu-space-1); margin-left: 18px; padding-left: 0;}}.edu-segmented{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: stretch; padding: 3px; gap: 2px; border: 1px solid var(--edu-color-border); border-radius: var(--edu-radius-chip); background: var(--edu-color-surface);}.edu-segmented .edu-segment{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--edu-space-3); min-height: 38px; border-radius: calc(var(--edu-radius-chip) - 3px); font-size: var(--edu-text-meta); font-weight: 500; color: var(--edu-color-muted); white-space: nowrap; text-decoration: none; transition: background 120ms ease, color 120ms ease;}.edu-segmented .edu-segment:hover{color: var(--edu-color-ink); background: var(--edu-color-bg, #fff);}.edu-segmented .edu-segment.is-active{background: var(--edu-portal-primary); color: #fff; font-weight: 600;}.edu-segmented .edu-segment.is-active:hover{background: var(--edu-portal-primary); color: #fff;}.edu-segmented .edu-segment:focus-visible{outline: 2px solid var(--edu-portal-primary); outline-offset: 2px;}@media (max-width: 480px){.edu-segmented{display: -webkit-box; display: -webkit-flex; display: flex; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.edu-segmented::-webkit-scrollbar{display: none;}.edu-segmented .edu-segment{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}}