*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-card{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 12px #00000014}.loading-card h1{font-size:1.8rem;margin-bottom:.5rem;color:#1a1a2e}.loading-card p{color:#666;margin-bottom:1.5rem}.login-button{background:#1a1a2e;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;cursor:pointer}.login-button:hover{background:#2d2d4e}.app-header{background:#1a1a2e;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:1.4rem;margin-bottom:2px}.header-left p{font-size:.8rem;opacity:.7}.header-right{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.9rem;opacity:.9}.user-email{display:block;font-size:.75rem;opacity:.7}.logout-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:6px;font-size:.8rem;cursor:pointer}.logout-button:hover{background:#ffffff40}.app-main{max-width:900px;margin:0 auto;padding:2rem}.search-section{margin-bottom:2rem}.welcome-message{text-align:center;padding:4rem 2rem;color:#666}.welcome-message h2{color:#1a1a2e;margin-bottom:.5rem}.search-bar{position:relative}.search-bar input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;outline:none}.search-bar input:focus{border-color:#1a1a2e}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;list-style:none;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.search-results li button{width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:.95rem;cursor:pointer}.search-results li button:hover{background:#f0f0f5}.customer-profile{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #00000014}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-header h2{font-size:1.5rem}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#e8f5e9;color:#2e7d32}.profile-details{margin-bottom:2rem}.detail-row{display:flex;padding:8px 0;border-bottom:1px solid #f0f0f5}.detail-row .label{width:140px;font-weight:600;color:#666;flex-shrink:0}.edit-link{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:.85rem;margin-left:8px}.address-edit{flex:1}.address-edit textarea{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical}.address-edit-actions{display:flex;gap:8px;margin-top:6px}.address-edit-actions button{padding:4px 12px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.85rem}.address-edit-actions button:first-child{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.customer-profile h3{margin-bottom:1rem;font-size:1.1rem}.transaction{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f5}.transaction.chargedback{opacity:.5}.txn-info{display:flex;flex-direction:column}.txn-party{font-weight:500}.txn-date{font-size:.8rem;color:#888}.txn-actions{display:flex;align-items:center;gap:12px}.txn-amount{font-weight:600;font-variant-numeric:tabular-nums}.txn-amount.credit{color:#2e7d32}.txn-amount.debit{color:#c62828}.chargeback-btn{padding:4px 10px;font-size:.75rem;border:1px solid #c62828;color:#c62828;background:#fff;border-radius:4px;cursor:pointer}.chargeback-btn:hover{background:#ffebee}.chargedback-label{font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:100}.confirm-dialog{background:#fff;padding:2rem;border-radius:12px;max-width:400px;box-shadow:0 8px 32px #0003}.confirm-dialog p{margin-bottom:1.5rem;font-size:1rem}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-actions button{padding:8px 20px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.9rem}.confirm-btn{background:#c62828!important;color:#fff!important;border-color:#c62828!important}