.sidebar{background:var(--surface-2);display:flex;flex-direction:column;border-right:1px solid rgba(56,189,248,.1)}.sidebar-header{padding:var(--space-xl);border-bottom:1px solid rgba(56,189,248,.1)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--surface-0);font-weight:700}.sidebar-logo-text{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);flex:1}.sidebar-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500}.sidebar-link:hover{background:var(--surface-3);color:var(--text-primary)}.sidebar-link-active{background:#38bdf81f;color:var(--accent-primary)}.sidebar-link-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar-link-label{font-size:.9375rem}@media (max-width: 1024px){.sidebar{display:none}}.header{background:var(--surface-2);border-bottom:1px solid rgba(56,189,248,.1);position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);gap:var(--space-lg)}.header-search{flex:1;max-width:480px}.header-search-input{width:100%;background:var(--surface-3);border:1px solid rgba(56,189,248,.15);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-lg);color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.header-search-input::placeholder{color:var(--text-tertiary)}.header-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--surface-4)}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.header-notification{position:relative;background:var(--surface-3);border:1px solid rgba(56,189,248,.15);width:40px;height:40px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-notification:hover{background:var(--surface-4);border-color:var(--accent-primary)}.header-notification-icon{font-size:1.25rem;color:var(--text-secondary)}.header-notification-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-primary);color:var(--surface-0);font-size:.75rem;font-weight:600;min-width:20px;height:20px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 var(--space-xs)}.header-user{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s ease}.header-user:hover{background:var(--surface-3)}.header-user-avatar{width:40px;height:40px;border-radius:var(--radius-circle);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--surface-0)}.header-user-info{display:flex;flex-direction:column;gap:2px}.header-user-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.header-user-role{font-size:.8125rem;color:var(--text-tertiary)}@media (max-width: 768px){.header-content{padding:var(--space-md) var(--space-lg)}.header-search,.header-user-info{display:none}}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.layout-main{display:flex;flex-direction:column;background:var(--surface-1)}.layout-content{flex:1;padding:var(--space-2xl);max-width:1400px;width:100%;margin:0 auto}@media (max-width: 1024px){.layout{grid-template-columns:1fr}.layout-content{padding:var(--space-lg)}}.dashboard{display:flex;flex-direction:column;gap:var(--space-2xl)}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-subtitle{color:var(--text-secondary);margin-top:var(--space-xs)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.dashboard-balance{background:linear-gradient(135deg,#38bdf814,#6ee7b714);border:1px solid rgba(56,189,248,.2)}.dashboard-balance-amount{display:flex;align-items:baseline;gap:var(--space-sm);margin:var(--space-xl) 0}.dashboard-balance-value{font-size:clamp(2rem,1.5rem + 2.5vw,3rem);font-weight:700;color:var(--accent-primary);letter-spacing:-.03em}.dashboard-balance-currency{font-size:clamp(1.25rem,1rem + 1.25vw,1.75rem);color:var(--text-secondary);font-weight:600}.dashboard-balance-actions{display:flex;gap:var(--space-md)}.dashboard-bonus{background:linear-gradient(135deg,#e9a56814,#6ee7b714);border:1px solid rgba(233,165,104,.2)}.dashboard-bonus-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;text-align:center}.dashboard-bonus-icon{font-size:3rem;color:var(--accent-warm)}.dashboard-bonus-text{color:var(--text-secondary);line-height:1.5}.dashboard-bonus-text strong{color:var(--accent-warm);font-weight:600}.dashboard-services,.dashboard-transactions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.dashboard-service-item,.dashboard-transaction-item{display:grid;grid-template-columns:40px 1fr auto;gap:var(--space-md);padding:var(--space-md);background:var(--surface-3);border-radius:var(--radius-md);align-items:center;transition:all .2s ease}.dashboard-service-item:hover,.dashboard-transaction-item:hover{background:var(--surface-4);transform:translateY(-1px)}.dashboard-service-icon{width:40px;height:40px;background:#38bdf81f;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.25rem}.dashboard-service-info,.dashboard-transaction-info{display:flex;flex-direction:column;gap:4px}.dashboard-service-name,.dashboard-transaction-name{font-weight:600;color:var(--text-primary)}.dashboard-service-status,.dashboard-transaction-date{font-size:.875rem;color:var(--text-tertiary)}.dashboard-service-price{font-weight:600;color:var(--accent-primary);white-space:nowrap}.dashboard-transaction-icon{width:40px;height:40px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.dashboard-transaction-icon-in{background:#6ee7b726;color:var(--success)}.dashboard-transaction-icon-out{background:#38bdf826;color:var(--accent-primary)}.dashboard-transaction-amount{font-weight:600;white-space:nowrap}.dashboard-transaction-amount-in{color:var(--success)}.dashboard-transaction-amount-out{color:var(--text-secondary)}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--surface-2);border:1px solid rgba(56,189,248,.1);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s ease}.card:hover{border-color:#38bdf833;box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-link{color:var(--accent-primary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease}.card-link:hover{color:var(--accent-secondary)}.card-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600}.card-badge-success{background:#6ee7b726;color:var(--success)}.card-badge-warning{background:#e9a56826;color:var(--accent-warm)}.card-badge-error{background:#ff6b6b26;color:var(--error)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent-primary);color:var(--surface-0)}.button-primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-secondary{background:var(--surface-3);color:var(--text-primary);border:1px solid rgba(56,189,248,.2)}.button-secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--accent-primary)}.button-accent{background:linear-gradient(135deg,var(--accent-warm),var(--accent-secondary));color:var(--surface-0)}.button-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-sm{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.button-lg{padding:var(--space-lg) var(--space-2xl);font-size:1rem}.button-full-width{width:100%}.services{display:flex;flex-direction:column;gap:var(--space-2xl)}.services-header{display:flex;align-items:center;justify-content:space-between}.services-subtitle{color:var(--text-secondary);margin-top:var(--space-xs)}.services-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.services-stat-card{text-align:center;padding:var(--space-xl)}.services-stat-value{font-size:clamp(2rem,1.5rem + 2vw,2.5rem);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-xs)}.services-stat-label{color:var(--text-secondary);font-size:.9375rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}.services-card{display:flex;gap:var(--space-lg);padding:var(--space-xl)}.services-card-icon{width:56px;height:56px;min-width:56px;background:#38bdf81f;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.75rem}.services-card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.services-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.services-card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.services-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;white-space:nowrap}.services-badge-active{background:#6ee7b726;color:var(--success)}.services-badge-pending{background:#e9a56826;color:var(--accent-warm)}.services-badge-available{background:#38bdf826;color:var(--accent-primary)}.services-card-description{color:var(--text-secondary);line-height:1.5;font-size:.9375rem}.services-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-md);border-top:1px solid rgba(56,189,248,.1)}.services-card-price{display:flex;align-items:baseline;gap:var(--space-xs)}.services-card-price-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.services-card-price-currency{font-size:1rem;color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.services-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.services-grid{grid-template-columns:1fr}}.billing{display:flex;flex-direction:column;gap:var(--space-2xl)}.billing-header{display:flex;align-items:center;justify-content:space-between}.billing-subtitle{color:var(--text-secondary);margin-top:var(--space-xs)}.billing-filters{display:flex;flex-direction:column;gap:var(--space-xl)}.billing-filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.billing-filter-label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.billing-filter-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.billing-filter-btn{padding:var(--space-sm) var(--space-lg);background:var(--surface-3);border:1px solid rgba(56,189,248,.15);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.billing-filter-btn:hover{background:var(--surface-4);border-color:var(--accent-primary);color:var(--text-primary)}.billing-filter-btn.active{background:#38bdf81f;border-color:var(--accent-primary);color:var(--accent-primary)}.billing-transactions{display:flex;flex-direction:column;gap:var(--space-md)}.billing-transaction{display:grid;grid-template-columns:48px 1fr auto auto;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface-3);border-radius:var(--radius-md);align-items:center;transition:all .2s ease}.billing-transaction:hover{background:var(--surface-4);transform:translateY(-1px)}.billing-transaction-icon{width:48px;height:48px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.billing-transaction-icon-deposit{background:#6ee7b726;color:var(--success)}.billing-transaction-icon-payment{background:#38bdf826;color:var(--accent-primary)}.billing-transaction-icon-refund{background:#e9a56826;color:var(--accent-warm)}.billing-transaction-info{display:flex;flex-direction:column;gap:4px}.billing-transaction-name{font-weight:600;color:var(--text-primary);font-size:1rem}.billing-transaction-meta{font-size:.875rem;color:var(--text-tertiary)}.billing-transaction-amount{font-size:1.25rem;font-weight:700;white-space:nowrap}.billing-transaction-amount-deposit,.billing-transaction-amount-refund{color:var(--success)}.billing-transaction-amount-payment{color:var(--text-secondary)}@media (max-width: 768px){.billing-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.billing-transaction{grid-template-columns:40px 1fr;gap:var(--space-md)}.billing-transaction-amount{grid-column:2;justify-self:start;font-size:1rem}.billing-transaction button{grid-column:2}}:root{--surface-0: #05070C;--surface-1: #0A0D12;--surface-2: #0F131C;--surface-3: #161D2B;--surface-4: #1E2636;--accent-primary: #38BDF8;--accent-secondary: #6EE7B7;--accent-warm: #E9A568;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--success: #6EE7B7;--warning: #E9A568;--error: #FF6B6B;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--radius-circle: 50%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--surface-0);color:var(--text-primary);line-height:1.6;font-size:clamp(.9375rem,.875rem + .3125vw,1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem)}h2{font-size:clamp(1.5rem,1.25rem + 1.25vw,2rem)}h3{font-size:clamp(1.25rem,1.125rem + .625vw,1.5rem)}#root{min-height:100vh}