@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--navy: #0D1B4B;--dark-bg: #0A1628;--brand-blue: #0052AE;--sky-blue: #2D7DD2;--pale-blue: #D6E4F7;--white: #FFFFFF;--light-gray: #F5F7FA;--mid-gray: #8A9BB0;--dark-gray: #2C3E50;--border: #E2EAF4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,SF Pro Text,system-ui,-apple-system,sans-serif;background:var(--light-gray);color:var(--dark-gray);-webkit-font-smoothing:antialiased}input::placeholder,textarea::placeholder{color:var(--mid-gray)}.portal-page{min-height:100vh;display:flex;flex-direction:column}.portal-body{flex:1;display:flex}.portal-sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:24px 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.ps-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--mid-gray);padding:0 16px 8px;margin-top:12px}.ps-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:500;color:var(--dark-gray);cursor:pointer;text-decoration:none;transition:background .12s}.ps-item:hover{background:var(--light-gray)}.ps-item.active{background:var(--pale-blue);color:var(--brand-blue);font-weight:600;box-shadow:inset 4px 0 0 var(--brand-blue)}.ps-icon{width:28px;height:28px;border-radius:7px;background:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.ps-item.active .ps-icon{background:var(--pale-blue)}.portal-main{flex:1;padding:32px 40px;max-width:900px}.portal-header{margin-bottom:28px}.portal-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.portal-title{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.4px}.portal-sub{font-size:13px;color:var(--mid-gray)}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #6EE7B7;border-radius:20px;padding:5px 12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#059669}.live-text{font-size:11px;font-weight:600;color:#059669}.section-card{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.sc-header{padding:18px 24px;border-bottom:2px solid var(--sky-blue);display:flex;align-items:center;justify-content:space-between}.sc-title{font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}.sc-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sky-blue)}.sc-body{padding:20px 24px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.field-row.full{grid-template-columns:1fr}.field label{display:block;font-size:11px;font-weight:600;color:var(--dark-gray);margin-bottom:5px;letter-spacing:.1px}.field input,.field select,.field textarea{width:100%;font-family:Inter,sans-serif;font-size:13px;border:1.5px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--dark-gray);outline:none;background:#fff;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sky-blue)}.field textarea{resize:vertical;min-height:80px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238A9BB0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.services-list{border:1.5px solid var(--border);border-radius:9px;overflow:hidden}.srv-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.srv-item:last-child{border-bottom:none}.srv-item input{flex:1;border:none;outline:none;font-family:Inter,sans-serif;font-size:13px;color:var(--dark-gray)}.srv-rm{width:18px;height:18px;border-radius:50%;background:var(--light-gray);border:none;cursor:pointer;color:var(--mid-gray);font-size:13px;display:flex;align-items:center;justify-content:center}.add-srv{display:flex;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:500;color:var(--brand-blue);cursor:pointer;border-top:1px solid var(--border);background:var(--light-gray)}.pricing-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}.p-opt{border:2px solid var(--border);border-radius:9px;padding:12px;text-align:center;cursor:pointer;transition:all .15s}.p-opt.sel{border-color:var(--brand-blue);background:var(--pale-blue)}.p-opt-lbl{font-size:12px;font-weight:600;color:var(--navy);margin-bottom:2px}.p-opt-desc{font-size:11px;color:var(--mid-gray)}.logo-preview{width:80px;height:80px;border-radius:12px;border:1.5px solid var(--border);background:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.save-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.btn-save{background:var(--brand-blue);color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 24px;border-radius:8px;border:none;cursor:pointer}.btn-save:disabled{opacity:.6;cursor:default}.btn-discard{background:#fff;color:var(--mid-gray);font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:10px 20px;border-radius:8px;border:1.5px solid var(--border);cursor:pointer}.review-item{padding:18px 0;border-bottom:1px solid var(--border)}.review-item:last-child{border-bottom:none}.review-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.review-advisor{display:flex;align-items:center;gap:10px}.r-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-blue);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.r-name{font-size:13px;font-weight:600;color:var(--navy)}.r-date{font-size:11px;color:var(--mid-gray)}.r-stars{color:#d4940a;font-size:12px;letter-spacing:1px}.r-text{font-size:13px;color:var(--dark-gray);line-height:1.55;margin-bottom:12px}.r-reply-box{background:var(--light-gray);border-radius:9px;padding:12px 14px;margin-top:8px}.r-reply-lbl{font-size:11px;font-weight:600;color:var(--brand-blue);margin-bottom:8px}.r-reply-input{width:100%;font-family:Inter,sans-serif;font-size:12px;border:1.5px solid var(--border);border-radius:7px;padding:8px 10px;outline:none;resize:none;min-height:60px}.r-reply-submit{margin-top:8px;background:var(--brand-blue);color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:7px 14px;border-radius:7px;border:none;cursor:pointer}.r-reply-submit:disabled{opacity:.5;cursor:default}.r-existing-reply{background:var(--pale-blue);border-left:3px solid var(--brand-blue);border-radius:0 8px 8px 0;padding:10px 14px;margin-top:8px}.r-existing-reply-lbl{font-size:11px;font-weight:600;color:var(--brand-blue);margin-bottom:4px}.r-existing-reply-text{font-size:12px;color:var(--dark-gray);line-height:1.5}.live-badge.green{background:#ecfdf5;border-color:#6ee7b7}.live-badge.green .live-dot{background:#059669}.live-badge.green .live-text{color:#059669}.live-badge.gray{background:#f5f7fa;border-color:var(--border)}.live-badge.gray .live-dot{background:var(--mid-gray)}.live-badge.gray .live-text{color:var(--mid-gray)}.live-badge.amber{background:#fef3c7;border-color:#fcd34d}.live-badge.amber .live-dot{background:#d97706}.live-badge.amber .live-text{color:#92400e}.live-badge.red{background:#fee2e2;border-color:#fca5a5}.live-badge.red .live-dot{background:#dc2626}.live-badge.red .live-text{color:#991b1b}.btn-primary,.btn-secondary,.btn-neutral,.btn-danger{font-family:Inter,sans-serif;font-size:13px;border-radius:8px;cursor:pointer}.btn-primary{background:var(--brand-blue);color:#fff;font-weight:600;padding:10px 24px;border:none}.btn-primary.lg{font-size:14px;padding:13px 32px}.btn-secondary{background:#fff;color:var(--brand-blue);font-weight:600;padding:10px 20px;border:1.5px solid var(--brand-blue)}.btn-neutral{background:#fff;color:var(--mid-gray);font-weight:500;padding:10px 20px;border:1.5px solid var(--border)}.btn-danger{background:#fff;color:#991b1b;font-weight:600;padding:10px 20px;border:1.5px solid #FCA5A5}.btn-danger.solid{background:#dc2626;color:#fff;border-color:#dc2626}.pay-banner{margin:0 0 20px;padding:14px 18px;border-radius:10px;display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5}.pay-banner-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}.pay-banner-body{flex:1}.pay-banner-title{font-weight:700;margin-bottom:2px}.pay-banner-action{background:#fff;border:1.5px solid;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}.pay-banner.amber{background:#fef3c7;border:1px solid #FCD34D;color:#92400e}.pay-banner.amber .pay-banner-icon{background:#d97706;color:#fff}.pay-banner.amber .pay-banner-action{color:#92400e;border-color:#92400e}.pay-banner.red{background:#fee2e2;border:1px solid #FCA5A5;color:#991b1b}.pay-banner.red .pay-banner-icon{background:#dc2626;color:#fff}.pay-banner.red .pay-banner-action{color:#991b1b;border-color:#991b1b}.pay-banner.gray{background:#fff;border:1px solid var(--border);color:var(--dark-gray)}.pay-banner.gray .pay-banner-icon{background:var(--mid-gray);color:#fff}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.plan-info{flex:1}.plan-tier{font-size:11px;font-weight:700;color:var(--sky-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.plan-amount{font-size:28px;font-weight:700;color:var(--navy);letter-spacing:-.5px;line-height:1.1}.plan-period{font-size:14px;font-weight:500;color:var(--mid-gray);margin-left:4px}.plan-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.plan-meta-label{font-size:10px;font-weight:700;color:var(--mid-gray);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.plan-meta-value{font-size:14px;font-weight:600;color:var(--dark-gray)}.plan-meta-value.success{color:#059669}.plan-meta-value.warning{color:#92400e}.subscribe-cta{text-align:center;padding:28px 24px 24px}.subscribe-cta-icon{width:56px;height:56px;border-radius:50%;background:var(--pale-blue);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}.subscribe-cta-title{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.3px;margin-bottom:8px}.subscribe-cta-desc{font-size:13px;color:var(--mid-gray);line-height:1.55;max-width:440px;margin:0 auto 20px}.subscribe-price-card{display:inline-flex;align-items:baseline;gap:6px;background:var(--light-gray);border:1px solid var(--border);border-radius:10px;padding:12px 20px;margin-bottom:22px}.subscribe-price-amount{font-size:26px;font-weight:700;color:var(--navy);letter-spacing:-.4px}.subscribe-price-period{font-size:13px;font-weight:500;color:var(--mid-gray)}.subscribe-bullets{list-style:none;padding:0;margin:0 auto 22px;text-align:left;max-width:360px;display:flex;flex-direction:column;gap:9px}.subscribe-bullets li{font-size:13px;color:var(--dark-gray);line-height:1.45;display:flex;align-items:flex-start;gap:10px}.subscribe-bullets li:before{content:"✓";color:#059669;font-weight:700;flex-shrink:0;margin-top:-1px}.pm-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.pm-card-info{display:flex;align-items:center;gap:14px}.pm-card-brand{width:46px;height:32px;border-radius:6px;background:linear-gradient(135deg,#1a1f71,#0066b2);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.pm-card-text{line-height:1.35}.pm-card-title{font-size:13px;font-weight:600;color:var(--dark-gray)}.pm-card-sub{font-size:12px;color:var(--mid-gray)}.pm-empty{text-align:center;padding:12px;font-size:13px;color:var(--mid-gray)}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{font-size:10px;font-weight:700;color:var(--mid-gray);text-transform:uppercase;letter-spacing:.8px;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table td{font-size:13px;color:var(--dark-gray);padding:14px;border-bottom:1px solid var(--border)}.invoice-table tr:last-child td{border-bottom:none}.invoice-status{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:12px}.invoice-status.paid{background:#ecfdf5;color:#059669}.invoice-status.failed,.invoice-status.open{background:#fee2e2;color:#991b1b}.invoice-status.refunded,.invoice-status.void,.invoice-status.uncollectible{background:var(--light-gray);color:var(--mid-gray)}.invoice-link{font-size:12px;font-weight:600;color:var(--brand-blue);text-decoration:none;cursor:pointer}.invoice-amount{font-weight:600}.invoice-empty{text-align:center;padding:32px 24px;font-size:13px;color:var(--mid-gray)}.field-help{font-size:11px;color:var(--mid-gray);margin-top:4px;line-height:1.4}.promo-card{display:flex;gap:18px;align-items:center;padding:4px 0}.promo-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--sky-blue) 0%,var(--brand-blue) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.promo-text{flex:1}.promo-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}.promo-desc{font-size:12px;color:var(--mid-gray);line-height:1.5}.promo-action-col{text-align:right;flex-shrink:0}.cancel-text{font-size:13px;color:var(--dark-gray);line-height:1.55;margin-bottom:14px}.cancel-text strong{color:var(--navy)}.cancel-action-row{display:flex;justify-content:flex-end}.section-card.danger{border-color:#fca5a5}.section-card.danger .sc-header{border-bottom-color:#dc2626}.section-card.danger .sc-eyebrow{color:#dc2626}.payment-success{margin-bottom:20px;background:#ecfdf5;border:1px solid #6EE7B7;color:#047857;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600}
