*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background-color:#f5f5f7;color:#1d1d1f;line-height:1.6;-webkit-font-smoothing:antialiased}.portal-container{min-height:100vh;display:flex;flex-direction:column}.portal-header{background:#ffffff;border-bottom:1px solid #e5e5e7;padding:16px 24px;text-align:center}.portal-logo{font-size:20px;font-weight:700;color:#1d1d1f;letter-spacing:-0.3px}.portal-main{flex:1;max-width:600px;width:100%;margin:40px auto;padding:0 16px}.portal-footer{text-align:center;padding:24px;color:#86868b;font-size:13px}.portal-info-box{background:#e8f0fe;border:1px solid #c5d7f2;border-radius:12px;padding:16px 24px;margin-bottom:20px;font-size:14px;color:#1d1d1f;line-height:1.5}.portal-info-box a{color:#1a73e8;text-decoration:none;font-weight:500}.portal-info-box a:hover{text-decoration:underline}.portal-card{background:#ffffff;border-radius:12px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.portal-card h1{font-size:24px;font-weight:600;margin-bottom:24px;color:#1d1d1f}.portal-card--error{text-align:center;padding:48px 32px}.portal-card--error h1{color:#86868b}.portal-card--error p{color:#86868b;font-size:15px}.subscription-detail{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f2}.subscription-detail:last-child{border-bottom:none}.subscription-detail__label{font-size:14px;color:#86868b;font-weight:500}.subscription-detail__value{font-size:15px;font-weight:500;color:#1d1d1f;text-align:right}.badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:0.2px}.badge--active{background-color:#e8f5e9;color:#2e7d32}.badge--warning{background-color:#fff3e0;color:#e65100}.badge--cancelled{background-color:#fce4ec;color:#c62828}.badge--neutral{background-color:#f5f5f5;color:#616161}.portal-btn{display:inline-block;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:background-color 0.2s, opacity 0.2s;text-align:center;width:100%}.portal-btn:disabled{opacity:0.5;cursor:not-allowed}.portal-btn--danger{background-color:#ff3b30;color:#ffffff}.portal-btn--danger:hover:not(:disabled){background-color:#d63029}.portal-btn--secondary{background-color:#f5f5f7;color:#1d1d1f;border:1px solid #d2d2d7}.portal-btn--secondary:hover:not(:disabled){background-color:#e8e8ed}.cancel-section{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f2}.cancel-confirmation{display:none;margin-top:16px}.cancel-confirmation.is-visible{display:block}.cancel-option{background:#fafafa;border:1px solid #e5e5e7;border-radius:8px;padding:20px;margin-bottom:12px}.cancel-option h3{font-size:15px;font-weight:600;margin-bottom:8px}.cancel-option p{font-size:14px;color:#86868b;margin-bottom:12px}.cancel-option .portal-btn{margin-top:8px}.portal-info{text-align:center;padding:24px;color:#86868b;font-size:15px}.cancel-result{margin-top:16px;padding:16px;border-radius:8px;font-size:14px}.cancel-result--success{background-color:#e8f5e9;color:#2e7d32}.cancel-result--error{background-color:#fce4ec;color:#c62828}@media (max-width: 480px){.portal-main{margin:24px auto}.portal-card{padding:24px 20px;border-radius:8px}.portal-card h1{font-size:20px}.subscription-detail{flex-direction:column;align-items:flex-start;gap:4px}.subscription-detail__value{text-align:left}.invoice-table{font-size:13px}.invoice-table th,.invoice-table td{padding:8px 6px}}.subscription-detail--price-change{background-color:#fff8e1;margin:0 -20px;padding:12px 20px;border-radius:0}.price-change-note{display:block;font-size:12px;color:#e65100;margin-top:2px}.validity--renews{color:#1d1d1f}.validity--ends,.validity--trial_ends{color:#e65100;font-weight:600}.validity--expired{color:#d32f2f;font-weight:600}.invoice-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-top:20px}.invoice-card h2{font-size:18px;font-weight:600;margin-bottom:16px;color:#1d1d1f}.invoice-table{width:100%;border-collapse:collapse;font-size:14px}.invoice-table th{text-align:left;padding:10px 8px;border-bottom:2px solid #e5e5ea;color:#86868b;font-weight:500;font-size:13px}.invoice-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;color:#1d1d1f}.invoice-table tr:last-child td{border-bottom:none}.invoice-download-link{color:#0071e3;text-decoration:none;font-weight:500}.invoice-download-link:hover{text-decoration:underline}.invoice-empty{color:#86868b;padding:20px 0;text-align:center}.invoice-show-older{display:block;width:100%;margin-top:16px;padding:10px;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;color:#0071e3;font-size:14px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none}.invoice-show-older:hover{background:#e8e8ed}.portal-cancellation{max-width:480px;margin:40px auto;padding:24px;background:#fff;border:1px solid #e5e5ea;border-radius:12px}.portal-cancellation h1{margin:0 0 12px 0;font-size:20px;font-weight:600;color:#1d1d1f}.portal-cancellation__intro{margin:0 0 20px 0;font-size:14px;line-height:1.5;color:#555547}.portal-cancellation__alert{margin:0 0 16px 0;padding:12px 14px;background:#fff3cd;border:1px solid #ffd866;border-radius:8px;font-size:14px;color:#664d03}.portal-cancellation__form .form-group,.portal-cancellation__form .input{margin-bottom:12px}.portal-cancellation__form input[type="text"],.portal-cancellation__form input[type="email"],.portal-cancellation__form input[type="date"],.portal-cancellation__form select,.portal-cancellation__form textarea{width:100%;padding:10px 12px;border:1px solid rgba(51,51,51,0.2);border-radius:6px;color:#1d1d1f;font-size:14px;background:#fff}.portal-cancellation__form .hidden{display:none}.portal-cancellation__hint{margin:6px 0 16px 0;font-size:12px;color:#555547;opacity:0.7}.portal-cancellation__actions{margin-top:20px;text-align:center}.portal-cancellation__submit{padding:12px 28px;background:#0071e3;color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer}.portal-cancellation__submit:hover{background:#0077ed}.portal-cancellation__submit:disabled{opacity:0.6;cursor:not-allowed}.portal-cancellation__receipt{margin:20px 0;padding:0}.portal-cancellation__receipt dt{font-weight:600;margin-top:10px;color:#1d1d1f}.portal-cancellation__receipt dd{margin:0 0 4px 0;color:#555547}