@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700;800&family=SF+Pro+Text:wght@300;400;500;600&display=swap";:root{--apple-blue: #007aff;--apple-blue-dark: #0056cc;--apple-blue-light: #5ac8fa;--apple-primary: #007aff;--apple-primary-dark: #0056cc;--apple-gray-light: #f5f5f7;--apple-gray-medium: #d2d2d7;--apple-gray-dark: #86868b;--apple-text-primary: #1d1d1f;--apple-text-secondary: #86868b;--apple-text-tertiary: #c7c7cc;--apple-background: #ffffff;--apple-background-secondary: #f5f5f7;--apple-border-radius: 8px;--apple-border-radius-large: 12px;--apple-border-radius-small: 6px;--apple-shadow: 0 1px 3px rgba(0, 0, 0, .1);--apple-shadow-hover: 0 2px 8px rgba(0, 122, 255, .15);--apple-shadow-large: 0 4px 16px rgba(0, 0, 0, .1);--apple-success: #34c759;--apple-warning: #ff9500;--apple-danger: #ff3b30;--apple-purple: #af52de;--apple-pink: #ff2d92;--apple-teal: #5ac8fa;--apple-indigo: #5856d6;--apple-yellow: #ffcc02}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.4;font-weight:400;letter-spacing:-.01em;color:var(--apple-text-primary);background-color:var(--apple-background-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--apple-text-primary);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin-bottom:.5rem}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:600}h6{font-size:.875rem;font-weight:600}p{margin-bottom:1rem;line-height:1.5}.text-muted{color:var(--apple-text-secondary)}.text-tertiary{color:var(--apple-text-tertiary)}.text-primary{color:var(--apple-blue)}.text-success{color:var(--apple-success)}.text-warning{color:var(--apple-warning)}.text-danger{color:var(--apple-danger)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.row{display:flex;flex-wrap:wrap;margin:0 -.75rem}.col{flex:1;padding:0 .75rem}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.text-start{text-align:left}.text-center{text-align:center}.text-end{text-align:right}.bg-primary{background-color:var(--apple-blue)}.bg-secondary{background-color:var(--apple-gray-medium)}.bg-success{background-color:var(--apple-success)}.bg-warning{background-color:var(--apple-warning)}.bg-danger{background-color:var(--apple-danger)}.bg-light{background-color:var(--apple-gray-light)}.bg-white{background-color:var(--apple-background)}.border{border:1px solid var(--apple-gray-medium)}.border-0{border:0}.border-top{border-top:1px solid var(--apple-gray-medium)}.border-bottom{border-bottom:1px solid var(--apple-gray-medium)}.border-left{border-left:1px solid var(--apple-gray-medium)}.border-right{border-right:1px solid var(--apple-gray-medium)}.rounded{border-radius:var(--apple-border-radius)}.rounded-lg{border-radius:var(--apple-border-radius-large)}.rounded-sm{border-radius:var(--apple-border-radius-small)}.rounded-circle{border-radius:50%}.shadow{box-shadow:var(--apple-shadow)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:var(--apple-shadow-large)}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.w-100{width:100%}.h-100{height:100%}.w-auto{width:auto}.h-auto{height:auto}.apple-header{background:var(--apple-background);border-bottom:1px solid var(--apple-gray-light);padding:1rem 0;margin-bottom:1.5rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.header-title{font-size:1.75rem;font-weight:700;color:var(--apple-text-primary);margin:0}.apple-add-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--apple-blue);color:#fff;border:none;border-radius:50%;text-decoration:none;font-size:18px;transition:all .15s ease;box-shadow:var(--apple-shadow)}.apple-add-btn:hover{background:var(--apple-blue-dark);color:#fff;transform:scale(1.02);box-shadow:var(--apple-shadow-hover)}.apple-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.apple-stat-card{background:var(--apple-background);border-radius:var(--apple-border-radius-large);padding:1.5rem;box-shadow:var(--apple-shadow);transition:all .15s ease;border:1px solid var(--apple-gray-light)}.apple-stat-card:hover{transform:translateY(-1px);box-shadow:var(--apple-shadow-large)}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--apple-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--apple-text-primary);line-height:1.2}.stat-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--apple-success)}.stat-change.negative{color:var(--apple-danger)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--apple-gray-light);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--apple-gray-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--apple-gray-dark)}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--apple-blue);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.btn:focus,.form-control:focus,.form-select:focus{outline:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@media (max-width: 768px){.apple-stats-container{grid-template-columns:1fr;gap:12px}.apple-stat-card{padding:14px}.header-title{font-size:1.25rem}.apple-add-btn{width:32px;height:32px;font-size:14px}.container{padding:0 .75rem}.col-6,.col-4,.col-3{flex:0 0 100%;max-width:100%}}@media (max-width: 576px){.header-content{padding:0 16px}.apple-stat-card{padding:12px}}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--apple-gray-light)}.section-title{font-size:1.25rem;font-weight:600;color:var(--apple-text-primary);margin:0;display:flex;align-items:center}.section-subtitle{color:var(--apple-text-secondary);font-size:.875rem;margin:.25rem 0 0}.section-actions{display:flex;gap:.5rem}.upcoming-transactions-section{background:var(--apple-background);border-radius:var(--apple-border-radius-large);padding:1.5rem;box-shadow:var(--apple-shadow);border:1px solid var(--apple-gray-light)}.upcoming-transactions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.upcoming-day-group{background:var(--apple-gray-light);border-radius:var(--apple-border-radius);padding:1rem;border:1px solid var(--apple-gray-light)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--apple-gray-medium)}.day-date{font-size:1.125rem;font-weight:600;color:var(--apple-text-primary)}.day-name{font-size:.875rem;color:var(--apple-text-secondary);text-transform:uppercase;letter-spacing:.5px}.day-count{font-size:.75rem;color:var(--apple-text-tertiary);background:var(--apple-background);padding:.25rem .5rem;border-radius:var(--apple-border-radius-small)}.upcoming-transactions-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-transaction-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--apple-background);border-radius:var(--apple-border-radius);border:1px solid var(--apple-gray-light);transition:all .2s ease}.upcoming-transaction-card:hover{transform:translate(4px);box-shadow:var(--apple-shadow)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--apple-gray-light);flex-shrink:0}.transaction-icon i{font-size:16px}.transaction-details{flex:1;min-width:0}.transaction-title{font-size:.875rem;font-weight:500;color:var(--apple-text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-meta{display:flex;gap:.5rem;align-items:center}.category-badge{font-size:.75rem;color:var(--apple-text-secondary);background:var(--apple-gray-light);padding:.125rem .375rem;border-radius:var(--apple-border-radius-small);white-space:nowrap}.account-name{font-size:.75rem;color:var(--apple-text-tertiary);white-space:nowrap}.transaction-amount{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.amount{font-size:.875rem;font-weight:600}.recurring-indicator{color:var(--apple-blue);font-size:.75rem}.more-transactions{text-align:center;padding:.5rem;font-size:.75rem}.recent-transactions-section{background:var(--apple-background);border-radius:var(--apple-border-radius-large);padding:1.5rem;box-shadow:var(--apple-shadow);border:1px solid var(--apple-gray-light)}.transactions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem}.transaction-card{background:var(--apple-background);border:1px solid var(--apple-gray-light);border-radius:var(--apple-border-radius-large);padding:1.25rem;transition:all .2s ease;position:relative;overflow:hidden}.transaction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--apple-blue),var(--apple-teal));opacity:0;transition:opacity .2s ease}.transaction-card:hover{transform:translateY(-2px);box-shadow:var(--apple-shadow-large);border-color:var(--apple-blue)}.transaction-card:hover:before{opacity:1}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.transaction-type-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--apple-gray-light);flex-shrink:0}.transaction-type-icon i{font-size:18px}.transaction-date{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.date-main{font-size:1rem;font-weight:600;color:var(--apple-text-primary);line-height:1.2}.date-year{font-size:.75rem;color:var(--apple-text-secondary);line-height:1.2}.transaction-actions{display:flex;gap:.25rem}.transaction-content{margin-bottom:1rem}.transaction-title{font-size:1rem;font-weight:500;color:var(--apple-text-primary);margin-bottom:.75rem;line-height:1.4}.transaction-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.transaction-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--apple-gray-light)}.transaction-amount .amount{font-size:1.125rem;font-weight:700}.recurring-badge{font-size:.75rem;color:var(--apple-blue);background:#007aff1a;padding:.25rem .5rem;border-radius:var(--apple-border-radius-small);display:flex;align-items:center;gap:.25rem}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;color:var(--apple-text-tertiary);margin-bottom:1rem}.empty-title{font-size:1.25rem;font-weight:600;color:var(--apple-text-primary);margin-bottom:.5rem}.empty-description{color:var(--apple-text-secondary);margin-bottom:1.5rem}.pagination-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--apple-gray-light)}@media (max-width: 768px){.upcoming-transactions-grid{grid-template-columns:1fr;gap:1rem}.transactions-grid{grid-template-columns:1fr;gap:.75rem}.transaction-card{padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.upcoming-transaction-card{padding:.5rem}.transaction-header{flex-direction:column;gap:.75rem;align-items:flex-start}.transaction-date{align-items:flex-start;text-align:left}}@media (max-width: 576px){.upcoming-transactions-section,.recent-transactions-section{padding:1rem}.transaction-card{padding:.75rem}.transaction-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.transaction-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}.loan-direction-toggle{margin-bottom:1rem}.loan-direction-toggle .btn-group{border-radius:var(--apple-border-radius);overflow:hidden;box-shadow:var(--apple-shadow);transition:all .2s ease}.loan-direction-toggle .btn-group:hover{box-shadow:var(--apple-shadow-hover)}.loan-direction-toggle .btn{border:none;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;transition:all .2s ease;position:relative;overflow:hidden}.loan-direction-toggle .btn-outline-primary{color:var(--apple-blue);background-color:transparent;border-color:var(--apple-blue)}.loan-direction-toggle .btn-outline-primary:hover{background-color:var(--apple-blue);color:#fff;transform:translateY(-1px)}.loan-direction-toggle .btn-outline-success{color:var(--apple-success);background-color:transparent;border-color:var(--apple-success)}.loan-direction-toggle .btn-outline-success:hover{background-color:var(--apple-success);color:#fff;transform:translateY(-1px)}.loan-direction-toggle .btn-check:checked+.btn-outline-primary{background-color:var(--apple-blue);color:#fff;border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.loan-direction-toggle .btn-check:checked+.btn-outline-success{background-color:var(--apple-success);color:#fff;border-color:var(--apple-success);box-shadow:0 0 0 3px #34c7591a}.loan-direction-toggle .btn i{font-size:.8rem;transition:transform .2s ease}.loan-direction-toggle .btn:hover i{transform:scale(1.1)}.loan-direction-toggle .btn-check:checked+.btn i{transform:scale(1.1)}@media (max-width: 576px){.loan-direction-toggle .btn{padding:.6rem 1rem;font-size:.85rem}.loan-direction-toggle .btn i{font-size:.75rem}}.credit-type-option{border:2px solid #e9ecef!important;background-color:#fff;transition:all .2s ease}.credit-type-option:hover{border-color:#007bff!important;background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px #007bff1a}.credit-type-option input[type=radio]:checked~i{color:#007bff!important}.credit-type-option.selected{border-color:#007bff!important;background-color:#e3f2fd;box-shadow:0 4px 12px #007bff33}.credit-type-option.selected i{color:#007bff!important}@media (max-width: 768px){.credit-type-option{padding:.75rem!important}.credit-type-option i{font-size:1.5rem!important}.credit-type-option span{font-size:.75rem!important}}.card-header{position:relative}.card{border:1px solid var(--apple-gray-medium);border-radius:var(--apple-border-radius);background:var(--apple-background);transition:all .2s ease-in-out;overflow:hidden;position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--apple-shadow-hover);border-color:var(--apple-blue)}.card-header{background:transparent;border-bottom:1px solid var(--apple-gray-medium);padding:1rem}.card-body{padding:1rem}.credit-actions-bottom{background:var(--apple-background-secondary);border-top:1px solid var(--apple-gray-medium);padding:.75rem 1rem;margin-top:auto}.action-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;background:var(--apple-gray-light);color:var(--apple-text-secondary);min-width:80px;justify-content:center;box-shadow:0 1px 2px #0000000d}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;text-decoration:none}.action-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.action-btn i{font-size:.875rem}.action-btn span{font-weight:500;letter-spacing:-.01em}.action-btn-primary{background:var(--apple-blue);color:#fff}.action-btn-primary:hover{background:var(--apple-blue-dark);color:#fff}.action-btn-secondary{background:var(--apple-gray-dark);color:#fff}.action-btn-secondary:hover{background:#6e6e73;color:#fff}.action-btn-success{background:var(--apple-success);color:#fff}.action-btn-success:hover{background:#2fb344;color:#fff}.action-btn-danger{background:var(--apple-danger);color:#fff}.action-btn-danger:hover{background:#e63946;color:#fff}@media (max-width: 768px){.action-buttons{gap:.375rem}.action-btn{padding:.4375rem .75rem;font-size:.8125rem;min-width:70px}.action-btn i{font-size:.8125rem}}@media (max-width: 576px){.credit-actions-bottom{padding:.625rem .875rem}.action-buttons{gap:.25rem}.action-btn{padding:.375rem .625rem;font-size:.75rem;min-width:60px}.action-btn span{display:none}.action-btn i{font-size:.875rem}}.credit-card{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:300px}.credit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--apple-blue),var(--apple-teal));opacity:0;transition:opacity .2s ease-in-out}.credit-card:hover:before{opacity:1}.credit-card[data-type=credit_card]:before{background:linear-gradient(90deg,var(--apple-blue),var(--apple-indigo))}.credit-card[data-type=loan]:before{background:linear-gradient(90deg,var(--apple-warning),var(--apple-yellow))}.credit-card[data-type=personal_loan]:before{background:linear-gradient(90deg,var(--apple-success),var(--apple-teal))}.credit-card[data-type=line_of_credit]:before{background:linear-gradient(90deg,var(--apple-purple),var(--apple-pink))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-card{animation:fadeInUp .4s ease-out}.credit-card:nth-child(1){animation-delay:.1s}.credit-card:nth-child(2){animation-delay:.2s}.credit-card:nth-child(3){animation-delay:.3s}.credit-card:nth-child(4){animation-delay:.4s}.credit-card:nth-child(5){animation-delay:.5s}.credit-card:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion: reduce){.credit-card{animation:none}.action-btn{transition:none}}.credit-back-btn{border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease}.credit-back-btn:hover{transform:translate(-2px);box-shadow:0 2px 8px #0000001a}.credit-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--apple-background);border-radius:20px;border:1px solid var(--apple-gray-medium)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-text{font-size:.875rem;font-weight:500;color:var(--apple-text-secondary)}.credit-action-btn{border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease}.credit-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.credit-title-section{margin-top:1.5rem}.credit-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.credit-badge{border-radius:12px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border:none}.credit-info-section{display:flex;align-items:center}.credit-type-info{display:flex;align-items:center;gap:1rem}.type-icon-wrapper{width:48px;height:48px;background:var(--apple-background-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--apple-gray-medium)}.type-icon{font-size:1.5rem;color:var(--apple-primary)}.type-details{flex:1}.type-name{font-size:1.25rem;font-weight:600;color:var(--apple-text-primary);margin:0 0 .25rem}.type-issuer{font-size:1rem;color:var(--apple-text-secondary);margin:0 0 .75rem}.type-meta{display:flex;gap:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;font-size:.875rem;color:var(--apple-text-secondary);background:var(--apple-background-secondary);padding:.25rem .75rem;border-radius:8px;border:1px solid var(--apple-gray-medium)}.limit-value{color:var(--apple-text-primary)}.used-value{color:var(--apple-danger)}.available-value{color:var(--apple-success)}.direction-value{display:flex;align-items:center}.direction-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500}.direction-badge.borrowed{background:#007aff1a;color:var(--apple-primary);border:1px solid rgba(0,122,255,.2)}.direction-badge.lent{background:#34c7591a;color:var(--apple-success);border:1px solid rgba(52,199,89,.2)}@media (max-width: 768px){.credit-header{padding:1.5rem}.credit-title{font-size:1.5rem}.credit-subtitle{font-size:1rem}.credit-type-info{flex-direction:column;text-align:center;gap:.75rem}.type-meta{justify-content:center}.credit-tabs .nav-link{padding:.5rem 1rem;font-size:.875rem}.credit-tabs .nav-link i{display:none}}@media (max-width: 576px){.credit-header{padding:1rem}.credit-title-section{margin-top:1rem}.credit-badges{justify-content:center}.summary-card-body,.credit-balance-section{padding:1rem}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.credit-summary-card,.card{transition:all .3s cubic-bezier(.4,0,.2,1)}.credit-summary-card:hover,.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.credit-header{background:linear-gradient(135deg,var(--apple-background) 0%,var(--apple-background-secondary) 100%);border-radius:var(--apple-border-radius);padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000a}.credit-title{font-size:2rem;font-weight:700;color:var(--apple-text-primary);margin:0}.credit-subtitle{font-size:1.125rem;color:var(--apple-text-secondary);margin:0}.credit-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,var(--apple-primary) 0%,var(--apple-primary-dark) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #007aff33}.credit-icon{font-size:1.75rem;color:#fff}.credit-summary-card{background:var(--apple-background);border:1px solid var(--apple-gray-medium);border-radius:var(--apple-border-radius);overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.credit-summary-card:hover{box-shadow:0 4px 16px #00000014}.summary-card-header{background:var(--apple-background-secondary);padding:1.25rem 1.5rem;border-bottom:1px solid var(--apple-gray-medium)}.summary-title{font-size:1.125rem;font-weight:600;color:var(--apple-text-primary);margin:0}.summary-card-body{padding:1.5rem}.credit-balance-section{background:var(--apple-background-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--apple-gray-medium)}.balance-item{margin-bottom:1rem}.balance-label{font-size:.875rem;color:var(--apple-text-secondary);margin-bottom:.25rem;font-weight:500}.balance-value{font-size:1.125rem;font-weight:600;margin:0}.utilization-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--apple-gray-medium)}.utilization-label{font-size:.875rem;color:var(--apple-text-secondary);margin-bottom:.5rem;font-weight:500}.utilization-bar{width:100%;height:8px;background:var(--apple-gray-light);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.utilization-progress{height:100%;background:linear-gradient(90deg,var(--apple-success) 0%,var(--apple-primary) 100%);border-radius:4px;transition:width .3s ease}.utilization-text{font-size:.875rem;font-weight:600;color:var(--apple-text-primary);text-align:center}.credit-tabs-wrapper{background:var(--apple-background);border-radius:var(--apple-border-radius);padding:.5rem;border:1px solid var(--apple-gray-medium)}.credit-tabs{border:none;gap:.25rem}.credit-tabs .nav-link{border:none;border-radius:12px;padding:.75rem 1.25rem;font-weight:500;color:var(--apple-text-secondary);background:transparent;transition:all .2s ease;position:relative}.credit-tabs .nav-link:hover{background:var(--apple-background-secondary);color:var(--apple-text-primary)}.credit-tabs .nav-link.active{background:var(--apple-primary);color:#fff;box-shadow:0 2px 8px #007aff4d}.tab-badge{background:#fff3;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:8px;margin-left:.5rem;font-weight:500}.credit-action-btn,.credit-back-btn,.credit-tabs .nav-link,.balance-item,.utilization-bar{transition:all .2s cubic-bezier(.4,0,.2,1)}.credit-action-btn:focus,.credit-back-btn:focus,.credit-tabs .nav-link:focus{outline:2px solid var(--apple-primary);outline-offset:2px}.credit-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.tab-badge{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.utilization-progress{animation:slideInWidth .8s ease-out}@keyframes slideInWidth{0%{width:0%!important}to{width:var(--final-width)!important}}.tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--apple-primary);transition:width .3s ease;border-radius:2px 2px 0 0}.credit-tabs .nav-link.active .tab-indicator{width:80%}.credit-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.credit-meta span{display:flex;align-items:center;font-size:.875rem}.credit-balance-section{background:linear-gradient(135deg,var(--apple-background-secondary) 0%,var(--apple-background) 100%);border-radius:16px;padding:1.5rem;border:1px solid var(--apple-gray-medium);box-shadow:0 2px 8px #0000000a}.balance-item{margin-bottom:1.5rem;padding:1rem;background:var(--apple-background);border-radius:12px;border:1px solid var(--apple-gray-light);transition:all .2s ease}.balance-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.balance-item:last-child{margin-bottom:0}.balance-label{font-size:.875rem;color:var(--apple-text-secondary);margin-bottom:.5rem;font-weight:500;display:flex;align-items:center}.balance-value{font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.utilization-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--apple-gray-light)}.utilization-label{font-size:.875rem;color:var(--apple-text-secondary);margin-bottom:.5rem;font-weight:500;display:flex;align-items:center}.utilization-bar{width:100%;height:10px;background:var(--apple-gray-light);border-radius:6px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 1px 3px #0000001a}.utilization-progress{height:100%;background:linear-gradient(90deg,var(--apple-success) 0%,var(--apple-primary) 100%);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.utilization-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.utilization-progress.payoff-progress{background:linear-gradient(90deg,var(--apple-primary) 0%,var(--apple-success) 100%)}.utilization-text{font-size:.875rem;font-weight:600;color:var(--apple-text-primary);text-align:center;display:flex;align-items:center;justify-content:center}.utilization-percentage{display:flex;align-items:center}.credit-badges{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.credit-badge{border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;display:flex;align-items:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.credit-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.credit-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--apple-background);border-radius:20px;border:1px solid var(--apple-gray-medium);box-shadow:0 2px 4px #0000000d}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.credit-action-btn{border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.credit-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.credit-back-btn{border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.credit-back-btn:hover{transform:translate(-2px);box-shadow:0 4px 8px #0000001a}.type-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.meta-item{display:flex;align-items:center;font-size:.875rem;color:var(--apple-text-secondary);background:var(--apple-background-secondary);padding:.5rem .75rem;border-radius:12px;border:1px solid var(--apple-gray-medium);transition:all .2s ease}.meta-item:hover{background:var(--apple-background);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.summary-actions,.tab-actions{display:flex;gap:.5rem}.modal,.modal.fade,.modal.show{transition:none!important}.modal-dialog,.modal.fade .modal-dialog,.modal.show .modal-dialog,.modal-content{transition:none!important;transform:none!important}.modal-backdrop,.modal-backdrop.fade,.modal-backdrop.show{transition:none!important}.spinner-border{animation:none!important}@media print{.credit-header,.credit-tabs-wrapper,.summary-actions,.tab-actions,.credit-action-btn,.credit-back-btn{display:none!important}.credit-summary-card,.card{box-shadow:none!important;border:1px solid #000!important}.tab-pane{display:block!important;opacity:1!important}}