@layer components{.cms-credits-page{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.cms-credits-header{gap:var(--space-2);flex-direction:column;display:flex}.cms-credits-back{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);width:fit-content;margin-bottom:var(--space-2);display:block}.cms-credits-back:hover{color:var(--text-primary)}.cms-credits-balance{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.cms-credits-balance-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.cms-credits-balance-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent)}.cms-credit-card{gap:var(--space-4);flex-direction:column;display:flex}.cms-credit-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.cms-credit-results{border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.cms-credit-results li+li{border-top:1px solid var(--border-default)}.cms-credit-result-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.cms-credit-result-row:hover{background:var(--surface-hover)}.cms-credit-result-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--surface-hover)}.cms-credit-result-name{font-weight:var(--font-medium);color:var(--text-primary)}.cms-credit-selected-user{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-subtle);border-radius:var(--radius-md);display:flex}.cms-credit-form{gap:var(--space-4);flex-direction:row;display:flex}.cms-credit-fields{gap:var(--space-3);flex-direction:column;display:flex}.cms-credit-field-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.cms-credit-amount-input{align-items:center;gap:var(--space-2);display:flex}.cms-credit-currency{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.cms-credit-success{font-size:var(--text-sm);color:var(--color-long);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-long) 10%, transparent);border-radius:var(--radius-sm)}.cms-credit-error{font-size:var(--text-sm);color:var(--color-short);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-short) 10%, transparent);border-radius:var(--radius-sm)}.cms-credit-warning{font-size:var(--text-sm);color:var(--color-warning,#d97706);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-warning,#d97706) 10%, transparent);border-radius:var(--radius-sm)}.cms-credits-tabs{border-bottom:1px solid var(--border-default);gap:0;display:flex}.cms-credits-tab{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.cms-credits-tab:hover{color:var(--text-primary)}.cms-credits-tab--active{color:var(--text-primary);border-bottom-color:var(--color-accent)}.cms-credit-trade-price{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);margin-left:auto}.cms-credit-buyers-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.cms-credit-buyers-list{border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.cms-credit-buyer-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.cms-credit-buyers-list li+li{border-top:1px solid var(--border-default)}.cms-credit-buyer-date{margin-left:auto}.cms-credit-buyer-balance{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);text-align:right;min-width:5rem}.cms-credit-buyer-tick{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-long);flex-shrink:0}}