body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Courier New,Consolas,Monaco,monospace}.App{min-height:100vh;width:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1f28}::-webkit-scrollbar-thumb{background:#2a2f3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#363c48}:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #00d4aa;outline-offset:2px}button{font-family:inherit}.App>div{animation:fadeIn .3s ease-in-out}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border-color:#e5e5e5;--accent-teal:#00a991;--accent-blue:#06c;--accent-gray:#4a5568;--success:#00a991;--danger:#dc2626;--warning:#f59e0b;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}.user-dashboard{background:#f5f5f5;background:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding-bottom:80px}.dashboard-header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.user-greeting h2{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;font-weight:600}.header-icons{display:flex;gap:.5rem;gap:var(--spacing-sm)}.icon-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:none;border-radius:50%;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-btn:hover{background:#e5e5e5;background:var(--border-color)}.icon-btn svg{height:20px;width:20px}.tab-navigation{-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-list{display:flex;gap:1rem;gap:var(--spacing-md);margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.tab-btn.active{border-bottom-color:#00a991;border-bottom-color:var(--accent-teal);color:#00a991;color:var(--accent-teal)}.dashboard-content{margin:0 auto;max-width:1200px;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.account-section{background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.account-title{color:#666;color:var(--text-secondary);font-size:.9rem;font-weight:400}.account-number{color:#999;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:.85rem}.balance-display{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.balance-label{color:#666;color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.balance-amount{color:#1a1a1a;color:var(--text-primary);font-size:2.5rem;font-weight:600}.currency-flag{display:inline-block;margin-right:.5rem;margin-right:var(--spacing-sm)}.pockets-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.pocket-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease}.pocket-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pocket-info{flex:1 1}.pocket-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.pocket-title{color:#666;color:var(--text-secondary);font-size:.9rem}.pocket-balance{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;font-weight:600}.pocket-available{color:#999;color:var(--text-tertiary);font-size:.85rem}.pocket-toggle{background:#f5f5f5;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:20px;color:#666;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.pocket-toggle.on{background:#00a991;background:var(--accent-teal);border-color:#00a991;border-color:var(--accent-teal);color:#fff}.add-pocket{align-items:center;background:#0000;border:2px dashed #e5e5e5;border:2px dashed var(--border-color);display:flex;justify-content:center}.add-pocket-btn{background:none;border:none;cursor:pointer;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.add-pocket-btn,.plus-icon{align-items:center;color:#666;color:var(--text-secondary);display:flex}.plus-icon{border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:50%;height:40px;justify-content:center;width:40px}.plus-icon svg{height:20px;width:20px}.card-carousel{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.carousel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.carousel-title{font-size:1.25rem;font-weight:600}.cards-wrapper{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;gap:var(--spacing-md);overflow-x:auto;padding-bottom:1rem;padding-bottom:var(--spacing-md);scrollbar-width:none}.cards-wrapper::-webkit-scrollbar{display:none}.card-item{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;flex:0 0 320px;height:200px;padding:1.5rem;padding:var(--spacing-lg);transition:transform .2s ease}.card-item:hover{transform:translateY(-4px)}.card-item.zebra{background:linear-gradient(135deg,#000,#333)}.card-item.zebra:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0 50q25-20 50 0t50 0" fill="none" stroke="%23fff" stroke-width="20" opacity=".1"/></svg>');content:"";height:200%;position:absolute;right:-20%;top:-50%;transform:rotate(-15deg);width:200%}.card-brand{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:auto}.investec-logo{font-size:1.1rem;opacity:.9}.card-details{margin-top:auto}.card-number{font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:2px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.card-info-row{display:flex;font-size:.85rem;justify-content:space-between;opacity:.9}.quick-actions{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin:2rem 0;margin:var(--spacing-xl) 0}.action-btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text-primary);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-radius:50%;color:#4a5568;color:var(--accent-gray);display:flex;height:48px;justify-content:center;width:48px}.action-icon svg{height:24px;width:24px}.transactions-section{background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.25rem;font-weight:600}.view-all-btn{background:none;border:none;color:#00a991;color:var(--accent-teal);font-size:.9rem}.transaction-item{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem 0;padding:var(--spacing-md) 0}.transaction-item:last-child{border-bottom:none}.transaction-icon{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-radius:50%;color:#666;color:var(--text-secondary);display:flex;height:40px;justify-content:center;width:40px}.transaction-icon svg{height:20px;width:20px}.transaction-details{flex:1 1}.transaction-details h4{font-size:.95rem;font-weight:500;margin-bottom:.25rem}.transaction-details p{color:#999;color:var(--text-tertiary);font-size:.85rem}.transaction-amount{font-size:1rem;font-weight:600;margin-right:1rem;margin-right:var(--spacing-md)}.transaction-amount.credit{color:#00a991;color:var(--success)}.transaction-amount.debit{color:#1a1a1a;color:var(--text-primary)}.arrow-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:none;border-radius:50%;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.arrow-btn svg{height:16px;width:16px}.bottom-nav{background:#fff;background:var(--bg-primary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);bottom:0;display:flex;justify-content:space-around;left:0;padding:.5rem 0;padding:var(--spacing-sm) 0;position:fixed;right:0;z-index:100}.bottom-nav-item{align-items:center;background:none;border:none;color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:color .2s ease}.bottom-nav-item.active{color:#00a991;color:var(--accent-teal)}.nav-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.nav-icon svg{height:24px;width:24px}.modal-overlay{background:#00000080}.modal-content{background:#fff;background:var(--bg-primary);border-radius:16px}.close-btn{background:#f5f5f5;color:#1a1a1a;height:32px;right:1rem;top:1rem;width:32px}.modal-content h2{margin-bottom:var(--spacing-lg)}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-top-color:#00a991;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-teal);height:40px;width:40px}@media (max-width:768px){.quick-actions{grid-template-columns:repeat(2,1fr)}.pockets-grid{grid-template-columns:1fr}.cards-wrapper{padding:0 1rem;padding:0 var(--spacing-md)}.card-item{flex:0 0 280px}.balance-amount{font-size:2rem}}@media (max-width:480px){.dashboard-header{padding:1rem;padding:var(--spacing-md)}.quick-actions{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.action-btn{padding:1rem;padding:var(--spacing-md)}}.card-overlay{background:linear-gradient(180deg,#0000004d,#0009);border-radius:16px;border-radius:var(--radius-lg);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.card-item>*{position:relative;z-index:2}.card-info-badge{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.badge-content{text-align:center}.card-type-name{color:#1a1a1a;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:center}.card-multicurrency-badge,.card-physical-badge{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-radius:12px;color:#666;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem;padding:.25rem var(--spacing-sm)}.globe-icon{color:#00a991;color:var(--accent-teal);height:16px;width:16px}.tab-icon-inline{height:16px;margin-right:.25rem;vertical-align:middle;width:16px}.flag-icon{display:inline-block;font-size:1.2rem;margin-right:.25rem}.transactions-section .empty-state{padding:2rem;padding:var(--spacing-xl);text-align:center}.transactions-section .empty-icon{color:#999;color:var(--text-tertiary);height:64px;margin:0 auto 1rem;margin:0 auto var(--spacing-md);width:64px}.transactions-section .empty-state p{color:#666;color:var(--text-secondary);font-size:.95rem}.action-btn:active,.icon-btn:active,.pocket-toggle:active{transform:scale(.95)}.card-item{box-shadow:0 4px 12px #00000026;overflow:hidden;position:relative}.zebra-card{background:#000}.zebra-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffffff14 0,#ffffff14 40px);height:150%;pointer-events:none;position:absolute;right:-30%;top:-20%;transform:rotate(15deg);width:150%;z-index:1}.investec-logo{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.investec-logo svg{height:24px;width:24px}.visa-logo{font-size:1.1rem;font-style:italic;font-weight:700;letter-spacing:1px}.action-btn,.bottom-nav-item,.icon-btn,.pocket-toggle,.tab-btn{transition:all .2s ease}.pocket-toggle:hover:not(.on){background:#e5e5e5;background:var(--border-color)}.pocket-toggle.on:hover{background:#009980}.card-actions-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;margin:var(--spacing-lg) 0}.card-action{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease}.card-action:hover{background:#e5e5e5;background:var(--border-color);transform:translateY(-2px)}.card-action .action-icon{align-items:center;color:#4a5568;color:var(--accent-gray);display:flex;height:40px;justify-content:center;width:40px}.card-action .action-icon svg{height:24px;width:24px}.card-action span{color:#1a1a1a;color:var(--text-primary);font-size:.9rem;font-weight:500}.info-section{margin:1.5rem 0;margin:var(--spacing-lg) 0}.info-item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);padding:1rem 0;padding:var(--spacing-md) 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#666;color:var(--text-secondary);font-size:.85rem}.value-row{align-items:center;display:flex;font-family:Courier New,monospace;font-size:.95rem;justify-content:space-between}.copy-btn{background:#f5f5f5;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.copy-btn:hover{background:#e5e5e5;background:var(--border-color);color:#1a1a1a;color:var(--text-primary)}.copy-btn svg{height:16px;width:16px}@media (max-width:768px){.card-actions-grid{grid-template-columns:1fr}.card-meta{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}}@media (max-width:480px){.header-icons{gap:.25rem}.icon-btn{height:36px;width:36px}.icon-btn svg{height:18px;width:18px}}.user-greeting{flex:1 1;min-width:0}.greeting-text{align-items:baseline;color:#1a1a1a;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:600;gap:.25rem;line-height:1.3}.greeting-name,.greeting-time{white-space:nowrap}.greeting-name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.greeting-text{font-size:1.35rem}}@media (max-width:768px){.greeting-text{font-size:1.2rem;gap:.2rem}.dashboard-header{padding:1rem}.header-content{gap:.75rem}.header-icons{gap:.5rem}.icon-btn{font-size:1.1rem;height:36px;width:36px}}@media (max-width:480px){.greeting-text{flex-direction:column;font-size:1rem;gap:0;line-height:1.4}.greeting-time{font-size:.9rem;font-weight:500;opacity:.85}.greeting-name{font-size:1.1rem;font-weight:700}.dashboard-header{padding:.75rem}.header-content{gap:.5rem}.header-icons{gap:.35rem}.icon-btn{font-size:1rem;height:32px;width:32px}.icon-btn svg{height:18px;width:18px}}@media (max-width:375px){.greeting-text{font-size:.95rem}.greeting-time{font-size:.85rem}.greeting-name{font-size:1.05rem}.header-icons{gap:.25rem}.icon-btn{height:30px;width:30px}.icon-btn svg{height:16px;width:16px}}.session-warning-modal{max-width:450px;text-align:center}.session-warning-modal .warning-icon{align-items:center;background:#f59e0b26;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.session-warning-modal .warning-icon svg{color:#f59e0b;height:36px;width:36px}.session-warning-modal h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.warning-text{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:.75rem}.warning-text strong{color:#f59e0b;font-size:1.1rem;font-weight:700}.warning-subtext{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:2rem}.session-warning-modal .modal-actions{display:flex;gap:1rem;margin-top:1.5rem}@media (max-width:480px){.session-warning-modal{max-width:90%}.session-warning-modal h2{font-size:1.25rem}.warning-text{font-size:.95rem}.warning-subtext{font-size:.85rem}.session-warning-modal .modal-actions{flex-direction:column}}.page-container{animation:fadeIn .3s ease;padding:var(--spacing-lg) 0}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.transact-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:var(--spacing-xl)}.transact-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.transact-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.transact-card.active{border-color:var(--accent-teal);box-shadow:0 0 0 3px #00a9911a}.transact-card:active{transform:translateY(-2px)}.transact-icon{align-items:center;background:#232933!important;border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:var(--spacing-sm);width:64px}.transact-icon svg{height:32px;width:32px}.transact-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.transact-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.transaction-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.limit-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.limit-item:last-child{border-bottom:none}.limit-item span{color:var(--text-secondary)}.limit-item strong{color:var(--text-primary)}.stats-overview{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.stat-label{color:var(--text-secondary);display:block;font-size:.85rem}.stat-label,.stat-value{margin-bottom:var(--spacing-xs)}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:600}.stat-change{font-size:.85rem;font-weight:500}.stat-change.positive{color:var(--success)}.services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.service-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-icon{color:var(--accent-teal);height:56px;margin-bottom:var(--spacing-md);width:56px}.service-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.service-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md)}.service-rate{color:var(--accent-teal);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.service-features{list-style:none;margin-bottom:var(--spacing-lg)}.service-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.feature-check{color:var(--success);flex-shrink:0;height:16px;width:16px}.documents-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.documents-section h3{align-items:center;display:flex;font-size:1.1rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.documents-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.document-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all .2s ease}.document-item:hover{background:var(--border-color);transform:translateX(4px)}.document-item svg{height:20px;width:20px}.portfolio-overview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.portfolio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.portfolio-header h2{font-size:1.5rem;font-weight:600}.time-period{color:var(--text-secondary);font-size:.85rem}.portfolio-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.portfolio-stat.main{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center}.portfolio-stat .stat-label{color:var(--text-secondary);font-size:.9rem}.portfolio-stat .stat-value{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:var(--spacing-sm) 0}.allocation-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.allocation-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.allocation-bar{background:var(--border-color);border-radius:4px;height:8px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.allocation-fill{background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue));height:100%;transition:width .3s ease}.allocation-details{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.allocation-name{color:var(--text-primary);font-weight:500}.allocation-value{color:var(--text-secondary)}.allocation-percent{color:var(--accent-teal);font-weight:600}.finance-products,.insurance-products,.investment-products,.travel-services{margin-bottom:var(--spacing-xl)}.finance-products h3,.insurance-products h3,.investment-products h3,.travel-services h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.finance-card,.insurance-card,.product-card,.travel-service-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease}.finance-card:hover,.insurance-card:hover,.product-card:hover,.travel-service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.finance-icon,.insurance-icon,.product-icon,.service-icon-large{color:var(--accent-teal);height:48px;margin-bottom:var(--spacing-md);width:48px}.finance-card h4,.insurance-card h4,.product-card h4,.travel-service-card h4{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:var(--spacing-sm)}.finance-card p,.insurance-card p,.product-card p,.travel-service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-lg)}.finance-details,.insurance-pricing,.product-details{margin-bottom:var(--spacing-lg)}.detail-item,.detail-row,.pricing-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-item:last-child,.detail-row:last-child,.pricing-item:last-child{border-bottom:none}.detail-label,.pricing-label{color:var(--text-secondary);font-size:.85rem}.detail-value,.pricing-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.detail-value.positive{color:var(--success)}.finance-features,.insurance-benefits,.service-coverage{margin-bottom:var(--spacing-lg)}.finance-features h5,.insurance-benefits h5,.service-coverage h5{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm)}.finance-features ul,.insurance-benefits ul,.service-coverage ul{list-style:none}.finance-features li,.insurance-benefits li,.service-coverage li{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.benefit-check,.coverage-icon{color:var(--success);flex-shrink:0;height:16px;width:16px}.btn-outline{background:#232933;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:var(--spacing-md);transition:all .2s ease;width:100%}.btn-outline:hover{background:var(--accent-teal);box-shadow:0 4px 12px #00a9914d;color:#fff;transform:translateY(-2px)}.btn-primary{font-weight:500;padding:var(--spacing-md);transition:all .2s ease;width:100%}.finance-documents,.insurance-info,.investment-info,.travel-tips{background:#e7e7e7;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.info-banner{align-items:center;display:flex;gap:var(--spacing-md)}.info-icon{color:var(--accent-teal);flex-shrink:0;height:48px;width:48px}.info-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.info-content p{color:var(--text-secondary);font-size:.9rem}.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.info-item h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.info-list{list-style:none}.info-list li{color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-xs) 0}.active-policies{margin-bottom:var(--spacing-xl)}.active-policies h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.policies-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.policy-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.policy-card.active{background:#00a99105;border-color:var(--success)}.policy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.policy-header h4{font-size:1.1rem;font-weight:600}.policy-status{background:var(--success);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem var(--spacing-sm)}.policy-details{margin-bottom:var(--spacing-md)}.policy-detail{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.policy-detail:last-child{border-bottom:none}.policy-detail .label{color:var(--text-secondary);font-size:.85rem}.policy-detail .value{color:var(--text-primary);font-size:.9rem;font-weight:500}.loan-calculator-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.calculator-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.calculator-icon{color:var(--accent-teal);height:32px;width:32px}.calculator-header h3{font-size:1.25rem;font-weight:600}.calculator-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.calculator-inputs{gap:var(--spacing-lg)}.calculator-inputs,.input-group{display:flex;flex-direction:column}.input-group{gap:var(--spacing-sm)}.input-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.input-group input[type=range]{background:var(--border-color);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-teal);border-radius:50%;cursor:pointer;height:18px;width:18px}.input-group input[type=range]::-moz-range-thumb{background:var(--accent-teal);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.input-value{color:var(--text-primary);font-size:1rem;font-weight:600}.calculator-result{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.result-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.result-value{color:var(--accent-teal);font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-lg)}.documents-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.document-requirement{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.document-requirement h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.document-requirement ul{list-style:disc;padding-left:var(--spacing-lg)}.document-requirement li{color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-xs) 0}.travel-hero{background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue));border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.hero-content h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.hero-content p{font-size:1.1rem;opacity:.9}.destinations-section{margin-bottom:var(--spacing-xl)}.destinations-section h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.destinations-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.destination-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.destination-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.destination-image{font-size:3rem;margin-bottom:var(--spacing-md)}.destination-card h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.destination-price{font-size:.9rem}.destination-price,.service-price{color:var(--accent-teal);font-weight:600;margin-bottom:var(--spacing-md)}.service-price{font-size:1.1rem;text-align:center}.tips-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tip-card{background:var(--bg-secondary);border-left:4px solid var(--accent-teal);border-radius:var(--radius-md);padding:var(--spacing-lg)}.tip-card h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.tip-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.quick-actions-manage{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:var(--spacing-xl)}.quick-action-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all .2s ease}.quick-action-card:hover{background:var(--bg-secondary);transform:translateY(-2px)}.quick-action-card .action-icon{font-size:2rem}.quick-action-card span{color:var(--text-primary);font-size:.9rem;font-weight:500}.settings-group{margin-bottom:var(--spacing-xl)}.group-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.settings-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .2s ease;width:100%}.setting-item:hover{background:var(--bg-secondary);transform:translateX(4px)}.setting-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.setting-icon svg{height:20px;width:20px}.setting-content{flex:1 1}.setting-content h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.setting-content p{color:var(--text-secondary);font-size:.85rem}.setting-arrow{color:var(--text-tertiary);font-size:1.5rem}.danger-zone{background:#dc26260d;border:1px solid #dc262633;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.danger-zone h3{color:var(--danger);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.danger-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.danger-action{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:var(--spacing-md);text-align:left;transition:all .2s ease;width:100%}.danger-action:hover{background:var(--bg-secondary)}.danger-action.critical{border-color:var(--danger);color:var(--danger)}.danger-action.critical:hover{background:#dc26260d}.rewards-summary{margin-bottom:var(--spacing-xl)}.rewards-card{background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue));border-radius:var(--radius-lg);color:#fff;padding:var(--spacing-xl);text-align:center}.rewards-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.rewards-icon{font-size:2rem}.rewards-tier{background:#fff3;border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem var(--spacing-md)}.rewards-points{font-size:3rem;font-weight:600}.rewards-label,.rewards-points{margin-bottom:var(--spacing-xs)}.rewards-label{font-size:.9rem;opacity:.9}.rewards-value{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-lg)}.offers-section{margin-bottom:var(--spacing-xl)}.offers-section h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.offers-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.offer-card-enhanced{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;transition:all .3s ease}.offer-card-enhanced:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.offer-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.offer-icon-large{font-size:3rem;margin-bottom:var(--spacing-md)}.offer-card-enhanced h4{font-size:1.15rem;font-weight:600;margin-bottom:var(--spacing-sm)}.offer-card-enhanced p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.offer-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.offer-valid{color:var(--text-tertiary);font-size:.85rem}.recommendations-section{margin-bottom:var(--spacing-xl)}.recommendations-section h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.recommendation-card:hover{background:var(--bg-secondary)}.recommendation-icon{flex-shrink:0;font-size:2rem}.recommendation-content{flex:1 1}.recommendation-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.recommendation-content p{color:var(--text-secondary);font-size:.85rem}.partner-offers{margin-bottom:var(--spacing-xl)}.partner-offers h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.partners-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.partner-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.partner-card:hover{background:var(--bg-secondary);transform:translateY(-2px)}.partner-logo{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.partner-card h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.partner-card p{color:var(--text-secondary);font-size:.85rem}.user-info-card{background:#232933;border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.user-avatar-large{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.user-info-card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.user-info-card p{font-size:.9rem;margin-bottom:var(--spacing-sm);opacity:.9}.user-tier{background:#fff3;border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem var(--spacing-md)}.menu-section{margin-bottom:var(--spacing-xl)}.section-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.menu-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.menu-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{transform:translateX(4px)}.menu-icon,.menu-item:hover{background:var(--bg-secondary)}.menu-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.menu-content{flex:1 1}.menu-content h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.menu-content p{color:var(--text-secondary);font-size:.85rem}.menu-arrow{color:var(--text-tertiary);font-size:1.5rem}.logout-section{margin-bottom:var(--spacing-xl)}.logout-button{align-items:center;background:var(--bg-primary);border:2px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all .2s ease;width:100%}.logout-button:hover{background:#dc26260d}.logout-icon{font-size:1.25rem}.app-footer{color:var(--text-tertiary);font-size:.85rem;padding:var(--spacing-xl) 0;text-align:center}.app-footer p{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-teal)}@media (max-width:768px){.calculator-content,.destinations-grid,.offers-grid,.partners-grid,.products-grid,.services-grid,.stats-overview,.transact-grid{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}.quick-actions-manage{grid-template-columns:repeat(2,1fr)}}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:var(--spacing-md)}.modal-content{background:#fff!important;box-shadow:0 20px 60px #0000004d;padding:var(--spacing-xl)}.close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:36px;z-index:10}.close-btn:hover{background:var(--border-color);transform:rotate(90deg)}.close-btn svg{height:20px;width:20px}.header-icon{color:var(--accent-teal)}.btn-primary{background:var(--accent-teal)}.btn-primary:hover{background:#009980}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.error-modal{background:#fff!important;max-width:400px}.error-header{margin-bottom:var(--spacing-lg);text-align:center}.error-icon{align-items:center;background:#f59e0b26;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.error-icon svg{color:#f59e0b;height:36px;width:36px}.error-header h2{color:#1a1a1a!important;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.error-message{color:#4a5568!important;font-size:.95rem;line-height:1.6;text-align:center}.profile-modal{background:#fff!important;max-width:600px}.profile-header{margin-bottom:var(--spacing-xl);padding-top:var(--spacing-md);text-align:center}.profile-avatar{align-items:center;background:#232933;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.profile-avatar svg{height:40px;width:40px}.profile-header h2{color:#1a1a1a!important;font-size:1.5rem;margin-bottom:var(--spacing-xs)}.profile-subtitle{color:#666!important;font-size:.9rem}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-group h3{color:#1a1a1a!important;font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.detail-item{background:#f5f5f5!important;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease}.detail-item:hover{background:#e5e5e5!important}.detail-icon{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-icon svg{height:20px;width:20px}.detail-content{flex:1 1}.detail-content label{color:#666!important;display:block;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.detail-content p{color:#1a1a1a!important;font-size:.95rem}.monospace{font-family:Courier New,monospace;letter-spacing:.5px}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn-primary{background:#232933!important;color:#fff!important}.btn-primary:hover{background:#009980!important;box-shadow:0 4px 12px #00a9914d;transform:translateY(-1px)}.btn-secondary{background:#f5f5f5!important;border:1px solid #e5e5e5;color:#1a1a1a!important}.btn-secondary:hover{background:#e5e5e5!important}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.notification-modal{background:#fff!important;max-width:500px}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.notification-item{background:#f5f5f5;border-left:3px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease}.notification-item:hover{background:#e5e5e5;transform:translateX(4px)}.notification-item.unread{background:#00a99114;border-left-color:#00a991}.notification-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-type-icon{height:24px;width:24px}.notification-type-icon.success{color:#00a991}.notification-type-icon.info{color:#06c}.notification-content{flex:1 1}.notification-content h4{color:#1a1a1a!important;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.notification-content p{color:#666!important;font-size:.85rem;line-height:1.4;margin-bottom:.25rem}.notification-time{color:#999!important;font-size:.75rem}.empty-state{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-icon{color:#999;height:48px;margin:0 auto var(--spacing-md);width:48px}.empty-state p{color:#666!important;font-size:.9rem}@media (max-width:768px){.modal-content{padding:var(--spacing-lg)}.notification-modal,.profile-modal{max-width:100%}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.modal-header{justify-content:space-between;margin-bottom:var(--spacing-lg);padding-right:40px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#1a1a1a!important;font-size:1.5rem;font-weight:600;gap:var(--spacing-sm)}.header-icon{color:#00a991;height:24px;width:24px}.text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh;padding:var(--spacing-lg)}.error-modal,.notification-modal,.profile-modal{margin:0 auto;max-width:100%}.close-btn{height:32px;right:var(--spacing-sm);top:var(--spacing-sm);width:32px}.close-btn svg{height:18px;width:18px}.profile-header h2{font-size:1.35rem}.profile-avatar{height:70px;width:70px}.profile-avatar svg{height:35px;width:35px}.detail-group h3{font-size:.95rem}.detail-item{padding:var(--spacing-sm)}.detail-icon{height:36px;width:36px}.detail-icon svg{height:18px;width:18px}.detail-content label{font-size:.75rem}.detail-content p{font-size:.9rem}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.btn-primary,.btn-secondary{padding:var(--spacing-md);width:100%}.modal-header{padding-right:35px}.modal-header h2{font-size:1.35rem}.header-icon{height:22px;width:22px}}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:slideUpMobile .3s ease;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;padding:var(--spacing-md)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-header{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm)}.profile-header h2{font-size:1.2rem;word-break:break-word}.profile-subtitle{font-size:.85rem;word-break:break-all}.profile-avatar{height:60px;width:60px}.profile-avatar svg{height:30px;width:30px}.profile-details{gap:var(--spacing-lg)}.detail-group h3{font-size:.9rem;margin-bottom:var(--spacing-sm)}.detail-item{gap:var(--spacing-sm);padding:var(--spacing-sm)}.detail-icon{height:32px;width:32px}.detail-icon svg{height:16px;width:16px}.detail-content label{font-size:.7rem}.detail-content p{font-size:.85rem;line-height:1.4}.monospace{font-size:.8rem;letter-spacing:.3px}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-primary,.btn-secondary{font-size:.9rem;padding:.875rem}.modal-header{margin-bottom:var(--spacing-md);padding-right:32px}.modal-header h2{font-size:1.2rem}.header-icon{height:20px;width:20px}.close-btn{height:30px;width:30px}.close-btn svg{height:16px;width:16px}}@media (max-width:375px){.modal-content{padding:var(--spacing-sm)}.profile-header h2{font-size:1.1rem}.profile-subtitle{font-size:.8rem}.profile-avatar{height:55px;width:55px}.profile-avatar svg{height:28px;width:28px}.detail-group h3{font-size:.85rem}.detail-content label{font-size:.68rem}.detail-content p{font-size:.8rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.75rem}}@media (max-height:600px) and (orientation:landscape){.modal-content{max-height:95vh;padding:var(--spacing-sm) var(--spacing-md)}.profile-header{margin-bottom:var(--spacing-md)}.profile-avatar{height:50px;margin-bottom:var(--spacing-sm);width:50px}.profile-details{gap:var(--spacing-md)}.detail-group h3{margin-bottom:var(--spacing-sm)}.detail-item{padding:var(--spacing-xs) var(--spacing-sm)}.modal-actions{margin-top:var(--spacing-md)}}:root{--admin-bg-primary:#0f172a;--admin-bg-secondary:#1e293b;--admin-bg-card:#334155;--admin-bg-hover:#475569;--admin-text-primary:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-accent:#3b82f6;--admin-accent-hover:#2563eb;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-info:#06b6d4;--admin-border:#475569;--admin-border-light:#64748b;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3}.admin-container{background:#0f172a;background:var(--admin-bg-primary);color:#f1f5f9;color:var(--admin-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-header{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--admin-accent);box-shadow:0 4px 12px #0009;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--admin-accent) 0,var(--admin-info) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:2px}.admin-info,.header-left,.header-right{align-items:center;display:flex;gap:1rem}.admin-info{gap:var(--space-md)}.admin-badge{background:#3b82f6;background:var(--admin-accent);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.logout-btn{background:#0000;border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:#ef4444;background:var(--admin-danger);border-color:#ef4444;border-color:var(--admin-danger);transform:translateY(-2px)}.admin-nav{-webkit-overflow-scrolling:touch;background:#1e293b;background:var(--admin-bg-secondary);border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1rem}.admin-nav::-webkit-scrollbar{height:4px}.admin-nav::-webkit-scrollbar-track{background:#0f172a;background:var(--admin-bg-primary)}.admin-nav::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--admin-accent);border-radius:2px}.admin-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#cbd5e1;color:var(--admin-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{background:#334155;background:var(--admin-bg-card);color:#f1f5f9;color:var(--admin-text-primary)}.admin-tab.active{background:#3b82f6;background:var(--admin-accent);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);color:#fff}.tab-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center}.tab-icon svg{height:20px;width:20px}.admin-main{margin:0 auto;max-width:1600px;padding:1.5rem 1rem}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.admin-loading p{color:#cbd5e1;color:var(--admin-text-secondary);font-size:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #475569;border-top-color:#3b82f6;border:4px solid var(--admin-border);border-radius:50%;border-top-color:var(--admin-accent);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.stat-box{align-items:center;background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:14px;border-radius:var(--radius-lg);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-box:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-box.primary:before{background:#3b82f6;background:var(--admin-accent)}.stat-box.success:before{background:#10b981;background:var(--admin-success)}.stat-box.warning:before{background:#f59e0b;background:var(--admin-warning)}.stat-box.danger:before{background:#ef4444;background:var(--admin-danger)}.stat-box.info:before{background:#06b6d4;background:var(--admin-info)}.stat-box.accent:before{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--admin-accent),var(--admin-info))}.stat-box:hover{background:#475569;background:var(--admin-bg-hover);box-shadow:0 8px 24px #000000b3;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-box.primary .stat-icon{background:#3b82f633;color:#3b82f6;color:var(--admin-accent)}.stat-box.success .stat-icon{background:#10b98133;color:#10b981;color:var(--admin-success)}.stat-box.warning .stat-icon{background:#f59e0b33;color:#f59e0b;color:var(--admin-warning)}.stat-box.info .stat-icon{background:#06b6d433;color:#06b6d4;color:var(--admin-info)}.stat-box.accent .stat-icon{background:#8b5cf633;color:#8b5cf6}.stat-icon svg{height:28px;width:28px}.stat-content{flex:1 1;min-width:0}.stat-content h3{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-number{color:#f1f5f9;color:var(--admin-text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#94a3b8;color:var(--admin-text-muted);font-size:.8rem}.activity-section{margin-bottom:2rem}.section-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.activity-card{background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:14px;border-radius:var(--radius-lg);padding:1.5rem}.card-header{align-items:center;border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-header h3{font-size:1.1rem;font-weight:600}.card-header h3,.view-all-btn{color:#f1f5f9;color:var(--admin-text-primary)}.view-all-btn{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.view-all-btn:hover{background:#3b82f6;background:var(--admin-accent);border-color:#3b82f6;border-color:var(--admin-accent);color:#fff}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-item{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.user-item:hover{background:#475569;background:var(--admin-bg-hover);transform:translateX(4px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--admin-accent),var(--admin-info));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:44px;justify-content:center;width:44px}.user-avatar.small{font-size:.8rem;height:36px;width:36px}.user-avatar.large{font-size:1.5rem;height:72px;width:72px}.user-details{flex:1 1;min-width:0}.user-details h4{color:#f1f5f9;color:var(--admin-text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.user-details h4,.user-details p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details p{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.85rem}.status-dot{background:#10b981;background:var(--admin-success);border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot.suspended{background:#f59e0b;background:var(--admin-warning)}.status-dot.pending{background:#06b6d4;background:var(--admin-info)}.transactions-mini-list{display:flex;flex-direction:column;gap:.75rem}.transaction-mini-item{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.txn-icon{align-items:center;background:#0f172a;background:var(--admin-bg-primary);border-radius:50%;color:#f1f5f9;color:var(--admin-text-primary);display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.txn-details{flex:1 1;min-width:0}.txn-details h4{color:#f1f5f9;color:var(--admin-text-primary);font-size:.9rem;font-weight:500;margin-bottom:.25rem}.txn-details h4,.txn-details p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-details p{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.8rem}.txn-amount{flex-shrink:0;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.txn-amount.credit{color:#10b981;color:var(--admin-success)}.txn-amount.debit{color:#ef4444;color:var(--admin-danger)}.controls-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1 1;min-width:250px}.search-input{background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f633;outline:none}.search-input::placeholder{color:#94a3b8;color:var(--admin-text-muted)}.filter-group{display:flex;gap:.5rem}.filter-select{background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);cursor:pointer;font-size:.9rem;padding:.875rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:#3b82f6;border-color:var(--admin-accent);outline:none}.data-table{background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden}.table-header{background:#1e293b;background:var(--admin-bg-secondary);border-bottom:2px solid #475569;border-bottom:2px solid var(--admin-border);color:#cbd5e1;color:var(--admin-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 1fr .8fr 1fr;padding:1rem 1.5rem}.table-row{align-items:center;border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);color:#f1f5f9;color:var(--admin-text-primary);font-size:.9rem;transition:all .3s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:#475569;background:var(--admin-bg-hover)}.user-cell{align-items:center;display:flex;gap:.75rem;min-width:0}.user-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{color:#cbd5e1;color:var(--admin-text-secondary);font-family:Courier New,monospace;font-size:.85rem}.balance{color:#10b981;color:var(--admin-success);font-weight:600}.amount{font-family:Courier New,monospace;font-weight:700}.amount.credit{color:#10b981;color:var(--admin-success)}.amount.debit{color:#ef4444;color:var(--admin-danger)}.date{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.85rem}.status-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.status-badge.active{background:#10b98133;color:#6ee7b7}.status-badge.suspended{background:#f59e0b33;color:#fcd34d}.status-badge.pending{background:#06b6d433;color:#67e8f9}.status-badge.completed{background:#10b98133;color:#6ee7b7}.status-badge.failed{background:#ef444433;color:#fca5a5}.type-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.375rem .625rem;text-transform:uppercase}.type-badge.credit{background:#10b98133;color:#6ee7b7}.type-badge.debit{background:#ef444433;color:#fca5a5}.actions-cell{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.action-btn.view{background:#3b82f6;background:var(--admin-accent);border-color:#3b82f6;border-color:var(--admin-accent);color:#fff}.action-btn.view:hover{background:#2563eb;background:var(--admin-accent-hover)}.action-btn.suspend{background:#0000;border-color:#f59e0b;border-color:var(--admin-warning);color:#fcd34d}.action-btn.suspend:hover{background:#f59e0b;background:var(--admin-warning);color:#fff}.action-btn.activate{background:#0000;border-color:#10b981;border-color:var(--admin-success);color:#6ee7b7}.action-btn.activate:hover{background:#10b981;background:var(--admin-success);color:#fff}.action-btn.primary{background:#3b82f6;background:var(--admin-accent);border-color:#3b82f6;border-color:var(--admin-accent);color:#fff}.action-btn.secondary{background:#0000;border-color:#64748b;border-color:var(--admin-border-light);color:#f1f5f9;color:var(--admin-text-primary)}.action-btn.secondary:hover{background:#475569;background:var(--admin-bg-hover)}.action-btn.success{background:#10b981;background:var(--admin-success);border-color:#10b981;border-color:var(--admin-success);color:#fff}.action-btn.warning{background:#f59e0b;background:var(--admin-warning);border-color:#f59e0b;border-color:var(--admin-warning);color:#fff}.action-btn.danger{background:#ef4444;background:var(--admin-danger);border-color:#ef4444;border-color:var(--admin-danger);color:#fff}.pagination{flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.page-btn,.pagination{align-items:center;display:flex}.page-btn{background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.page-btn svg{height:16px;width:16px}.page-btn:hover:not(:disabled){background:#3b82f6;background:var(--admin-accent);border-color:#3b82f6;border-color:var(--admin-accent)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.95rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#334155;background:var(--admin-bg-card);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #000000b3;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-content.large{max-width:800px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border:none;border-radius:50%;color:#f1f5f9;color:var(--admin-text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px;z-index:10}.modal-close:hover{background:#ef4444;background:var(--admin-danger);transform:rotate(90deg)}.modal-content h2{color:#f1f5f9;color:var(--admin-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-right:2rem}.user-profile-section{align-items:center;border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.user-profile-info h3{color:#f1f5f9;color:var(--admin-text-primary);font-size:1.25rem;margin-bottom:.5rem}.user-profile-info p{color:#cbd5e1;color:var(--admin-text-secondary);margin-bottom:.75rem}.user-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.detail-item{background:#1e293b;background:var(--admin-bg-secondary);border-radius:10px;border-radius:var(--radius-md);padding:1rem}.detail-item label{color:#cbd5e1;color:var(--admin-text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.detail-item span{color:#f1f5f9;color:var(--admin-text-primary);display:block;font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.action-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.user-transactions{border-top:1px solid #475569;border-top:1px solid var(--admin-border);margin-top:2rem;padding-top:1.5rem}.user-transactions h3{color:#f1f5f9;color:var(--admin-text-primary);font-size:1.1rem;margin-bottom:1rem}.mini-transactions-list{display:flex;flex-direction:column;gap:.75rem}.mini-txn-item{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.txn-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.txn-desc{color:#f1f5f9;color:var(--admin-text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-date{color:#cbd5e1;color:var(--admin-text-secondary);font-size:.8rem}.empty-message{color:#94a3b8;color:var(--admin-text-muted);padding:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{color:#cbd5e1;color:var(--admin-text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f633;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-actions{margin-top:1.5rem}.btn-primary{background:#3b82f6;background:var(--admin-accent);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#2563eb;background:var(--admin-accent-hover);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #64748b;border:1px solid var(--admin-border-light);border-radius:10px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--admin-text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#475569;background:var(--admin-bg-hover);border-color:#64748b;border-color:var(--admin-border-light)}@media (max-width:1023px){.admin-brand{font-size:1.25rem;letter-spacing:1px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-number{font-size:1.75rem}.section-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr;padding:.875rem 1rem}.table-header span:nth-child(n+4),.table-row span:nth-child(n+4){display:none}}@media (max-width:767px){.admin-header{padding:1rem}.admin-brand{font-size:1rem;letter-spacing:.5px}.admin-badge{font-size:.65rem;padding:.3rem .6rem}.logout-btn{font-size:.85rem;padding:.4rem .75rem}.admin-nav{padding:.5rem}.admin-tab{font-size:.85rem;padding:.625rem 1rem}.tab-icon svg{height:18px;width:18px}.admin-main{padding:1rem .75rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-box{padding:1.25rem}.stat-icon{height:48px;width:48px}.stat-icon svg{height:24px;width:24px}.stat-number{font-size:1.5rem}.stat-content h3{font-size:.7rem}.stat-label{font-size:.75rem}.controls-bar{flex-direction:column}.search-box{min-width:100%}.table-header,.table-row{font-size:.8rem;gap:.5rem;grid-template-columns:1fr 1fr;padding:.75rem}.table-header span:nth-child(n+3),.table-row span:nth-child(n+3){display:none}.action-buttons,.user-details-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}.modal-content h2{font-size:1.25rem}.user-profile-section{flex-direction:column;text-align:center}.user-profile-info h3{font-size:1.1rem}.form-actions{flex-direction:column}.pagination{gap:.5rem}.page-btn{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.admin-brand{font-size:.9rem}.admin-info{gap:.5rem}.admin-badge{display:none}.logout-btn{font-size:.8rem;padding:.375rem .625rem}.stat-box{gap:.75rem;padding:1rem}.stat-icon{height:40px;width:40px}.stat-icon svg{height:20px;width:20px}.stat-number{font-size:1.35rem}.card-header h3{font-size:1rem}.view-all-btn{font-size:.8rem;padding:.4rem .75rem}.user-avatar{font-size:.8rem;height:36px;width:36px}.user-details h4{font-size:.85rem}.user-details p{font-size:.75rem}.action-btn{font-size:.8rem;padding:.4rem .75rem}.modal-content{padding:1.25rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem}}.create-user-btn{background:#3b82f6;background:var(--admin-accent);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.create-user-btn:hover{background:#2563eb;background:var(--admin-accent-hover);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.create-user-modal{max-width:700px}.create-user-form{gap:2rem}.create-user-form,.form-section{display:flex;flex-direction:column}.form-section{gap:1rem}.form-section h3{border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);color:#cbd5e1;color:var(--admin-text-secondary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:.5rem;text-transform:uppercase}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.create-user-btn{font-size:.85rem;padding:.75rem 1.25rem}.filter-group{flex-wrap:wrap}.create-user-modal{max-width:95%}.form-row{grid-template-columns:1fr}.form-section h3{font-size:.9rem}}@media (max-width:480px){.create-user-btn{margin-top:.5rem;width:100%}.controls-bar{gap:.5rem}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%}}.auth-container{align-items:center;background:#f5f5f0;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.auth-background{background:url(/static/media/zebra-updated.01fa8984a1d8e40b.f08219b371b00f1e3bb8.jpg);background-position:50%;background-size:cover;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.auth-content{max-width:500px;position:relative;width:100%;z-index:1}.auth-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;padding:3rem 2.5rem}.auth-logo{display:flex;justify-content:flex-start;padding:20px 0;z-index:10}.auth-logo img{color:#1a1a1a;margin-left:2rem;width:200px;z-index:10}.auth-title{color:#1a1a1a;font-family:Libre Caslon Text,serif;font-size:1.75rem;font-weight:400;line-height:1.3;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;line-height:1.5;padding:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{background:#fff!important;border:1px solid #d1d5db;border-radius:6px;color:#1a1a1a!important;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-color:#489759;box-shadow:0 0 0 3px #00a9911a;outline:none}.form-input.error{border-color:#dc2626}.form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.password-wrapper{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem;transition:color .2s ease}.password-toggle:hover{color:#1a1a1a}.error-text{color:#dc2626;font-size:.875rem}.checkbox-group{margin:.5rem 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-input{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#374151;font-family:Inter,Arial,system-ui,sans-serif;font-size:.95rem;font-weight:700}.form-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.link-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.95rem;padding:0;text-decoration:none;transition:color .2s ease}.link-button:hover{color:#1a1a1a;text-decoration:underline}.submit-button{background:#202736;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 2.5rem;transition:all .2s ease;white-space:nowrap}.submit-button:hover{background:#009980;box-shadow:0 4px 12px #00a9914d;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.terms-text{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;line-height:1.6;margin-top:1.5rem;padding-top:1.5rem}.terms-link{color:#00a991;text-decoration:underline;transition:color .2s ease}.terms-link:hover{color:#009980}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.form-actions{align-items:stretch;flex-direction:column}.submit-button{order:-1;width:100%}.link-button{padding:.5rem;text-align:center}.zebra-left,.zebra-right{opacity:.2;width:200px}}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem 1rem}.auth-logo span,.auth-title{font-size:1.25rem}}
/*# sourceMappingURL=main.5824f2d8.css.map*/