:root{--bg-primary: #000000;--bg-secondary: rgba(0,0,0, .08);--bg-tertiary: #1f1f23;--bg-card: #252528;--bg-hover: #2f2f35;--text-primary: #ffffff;--text-secondary: #a8a8b3;--text-muted: #6b7280;--accent-primary: #2D56B7;--accent-secondary: #FE2C55;--accent-success: #00FF88;--accent-warning: #ff9500;--accent-danger: #ff3b30;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-button: linear-gradient(135deg, #ff6b6b 0%, #ffa500 100%);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 50%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--size-sidebar: 25%;--size-sidebar-compact: 80px;--size-header: 60px;--size-avatar-sm: 32px;--size-avatar-md: 48px;--size-avatar-lg: 64px;--size-button-sm: 32px;--size-button-md: 40px;--size-button-lg: 48px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{display:flex;width:100vw;height:100vh;overflow:hidden}.main-content{flex:1;margin-left:360px;margin-right:360px;min-width:540px;background:var(--bg-primary);overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.page-title{font-size:24px;font-weight:600;line-height:1;color:var(--text-primary);margin-bottom:40px}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-family:inherit;width:100%;min-height:var(--size-button-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:14px;min-height:var(--size-button-sm)}.btn-md{padding:var(--space-3) var(--space-4);font-size:15px;min-height:var(--size-button-md)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:16px;min-height:var(--size-button-lg)}.btn-primary{background:var(--accent-primary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:#e02952;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--bg-hover)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-primary)}.btn-icon{width:20px;height:20px;flex-shrink:0}.btn-icon-sm{width:16px;height:16px}.btn-icon-lg{width:24px;height:24px}.icon-apple{background:currentColor;mask:url(/assets/icons/apple.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.icon-google{background:currentColor;mask:url(/assets/icons/google.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.icon-facebook{background:currentColor;mask:url(/assets/icons/facebook.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.icon-github{background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}app-creator-profile .chart-panel app-aft-price-chart,app-creator-profile .chart-panel app-aft-price-chart .chart-wrapper,app-creator-profile .chart-panel app-aft-price-chart .chart-container{width:100%!important;max-width:none!important}app-creator-profile .chart-panel app-aft-price-chart .chart-wrapper{background:transparent!important;padding:0!important;margin-bottom:0!important}@media (max-width: 768px){.main-content{margin:0;padding:0;height:calc(100vh - 60px)}}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}