:root{--tcq-bg:#080808;--tcq-surface:#111;--tcq-surface-elevated:#1a1a1a;--tcq-border:#2a2a2a;--tcq-primary:#c8ff00;--tcq-primary-dim:#9bcc00;--tcq-primary-glow:#c8ff0026;--tcq-text:#fff;--tcq-text-secondary:#888;--tcq-text-muted:#444;--tcq-success:#0f8;--tcq-error:#ff3b3b;--tcq-warning:#fa0;--tcq-font-display:"Bebas Neue", Impact, sans-serif;--tcq-font-ui:"DM Sans", "Helvetica Neue", sans-serif;--tcq-font-mono:"JetBrains Mono", "Courier New", monospace;--tcq-radius-sm:4px;--tcq-radius-md:8px;--tcq-radius-lg:16px;--tcq-radius-xl:24px;--tcq-glass:#ffffff0a;--tcq-glass-border:#ffffff14;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}*{box-sizing:border-box;font-family:var(--tcq-font-ui);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--tcq-bg);color:var(--tcq-text);min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{background-color:var(--tcq-bg);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.main-content{width:100%;max-width:100%;padding:var(--space-md);flex:1;margin:0 auto;padding-bottom:100px}@media (width>=1024px){.app-container{flex-direction:row}.main-content{padding:var(--space-xl) var(--space-2xl);max-width:1200px}.dashboard-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}}.auth-view{padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:column;flex:1;width:100%;max-width:440px;margin:0 auto;display:flex}.brand-header{text-align:center;animation:.6s cubic-bezier(.16,1,.3,1) slideDown}.brand-header img{border-radius:var(--tcq-radius-lg);width:90px;height:90px;margin-bottom:var(--space-md);border:1px solid var(--tcq-glass-border);box-shadow:0 0 30px #c8ff0026}.brand-header h1{font-family:var(--tcq-font-display);letter-spacing:4px;color:var(--tcq-primary);margin-bottom:var(--space-xs);font-size:3rem;font-weight:400}.brand-header p{color:var(--tcq-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.875rem}.auth-form{width:100%;padding:var(--space-xl) var(--space-lg);background:var(--tcq-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tcq-glass-border);border-radius:var(--tcq-radius-md);gap:var(--space-md);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.auth-form h2{font-family:var(--tcq-font-ui);font-size:1.5rem;font-weight:700}.input-field{background:var(--tcq-surface);border:1px solid var(--tcq-border);border-radius:var(--tcq-radius-sm);width:100%;color:var(--tcq-text);font-family:var(--tcq-font-ui);outline:none;padding:14px 16px;font-size:1rem;transition:all .15s}.input-field::placeholder{color:var(--tcq-text-muted)}.input-field:focus{border-color:var(--tcq-primary);box-shadow:0 0 0 3px #c8ff001a}.btn{border-radius:var(--tcq-radius-sm);font-family:var(--tcq-font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.btn-primary{background:var(--tcq-primary);color:var(--tcq-bg)}.btn-primary:hover{background:#d4ff33;box-shadow:0 0 20px #c8ff0066}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--tcq-surface);color:var(--tcq-text);border:1px solid var(--tcq-border)}.btn-secondary:hover{border-color:var(--tcq-primary);color:var(--tcq-primary)}.btn-ghost{color:var(--tcq-text-secondary);text-transform:none;letter-spacing:0;background:0 0;font-size:.875rem}.btn-ghost:hover{color:var(--tcq-primary)}.social-divider{text-align:center;margin:var(--space-sm) 0;color:var(--tcq-text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;width:100%;font-size:.75rem;display:flex}.social-divider:before,.social-divider:after{content:"";border-bottom:1px solid var(--tcq-border);flex:1}.social-divider:not(:empty):before{margin-right:1rem}.social-divider:not(:empty):after{margin-left:1rem}.btn-social{border-radius:var(--tcq-radius-sm);width:100%;font-family:var(--tcq-font-ui);cursor:pointer;margin-bottom:var(--space-sm);border:1px solid var(--tcq-border);justify-content:center;align-items:center;gap:12px;padding:14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.btn-social.google{color:#000;background:#fff;border:none}.btn-social.google:hover{box-shadow:0 0 20px #ffffff26}.btn-social.facebook{color:#fff;background:#1877f2;border:none}.btn-social.facebook:hover{box-shadow:0 0 20px #1877f24d}.btn-social img{width:20px;height:20px}.glass-panel{background:var(--tcq-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tcq-glass-border)}.dashboard-header{margin-bottom:var(--space-xl);padding:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.welcome-text{font-family:var(--tcq-font-display);letter-spacing:2px;margin-bottom:2px;font-size:2rem;font-weight:400}.welcome-sub{color:var(--tcq-text-secondary);font-size:.875rem}.profile-trigger{background:var(--tcq-primary);width:44px;height:44px;color:var(--tcq-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:800;transition:all .15s;display:flex}.profile-trigger:hover{box-shadow:0 0 20px #c8ff004d}.balance-card{padding:var(--space-xl) var(--space-lg);text-align:center;background:var(--tcq-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--tcq-radius-md);border:1px solid var(--tcq-glass-border);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.balance-card:before{content:"";background:linear-gradient(90deg, transparent, var(--tcq-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.balance-card.gold:before{background:linear-gradient(90deg,#0000,#d4af37,#0000)}.balance-card.black{border-color:#ffffff26}.balance-label{color:var(--tcq-text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.balance-value{font-family:var(--tcq-font-mono);letter-spacing:-1px;margin-bottom:var(--space-md);color:var(--tcq-text);font-size:3rem;font-weight:700}.balance-footer{padding-top:var(--space-md);border-top:1px solid var(--tcq-glass-border);justify-content:space-between;align-items:center;display:flex}.tier-tag{text-transform:uppercase;letter-spacing:1px;color:var(--tcq-primary);font-size:.7rem;font-weight:700}.wallet-id{font-family:var(--tcq-font-mono);color:var(--tcq-text-muted);font-size:.7rem}.quick-actions{gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.action-item{background:var(--tcq-surface);border:1px solid var(--tcq-border);border-radius:var(--tcq-radius-md);padding:var(--space-md) var(--space-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:flex}.action-item:hover{border-color:var(--tcq-primary);background:var(--tcq-primary-glow)}.action-icon{background:var(--tcq-glass);border:1px solid var(--tcq-glass-border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:all .15s;display:flex}.action-item:hover .action-icon{border-color:var(--tcq-primary);box-shadow:0 0 15px #c8ff0033}.action-label{color:var(--tcq-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.action-item:hover .action-label{color:var(--tcq-primary)}@media (width<=768px){.quick-actions{gap:6px}.action-item{padding:var(--space-sm) 4px}.action-icon{width:40px;height:40px;font-size:1.2rem}.action-label{font-size:.65rem}}.tier-card{padding:var(--space-lg);border-radius:var(--tcq-radius-md);margin-bottom:var(--space-lg);border:1px solid var(--tcq-glass-border);gap:var(--space-sm);flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden}.tier-card.gold{background:linear-gradient(135deg,#d4af3726,#c8ff0014);border-color:#d4af374d}.tier-card.gold:hover{border-color:#d4af3780;box-shadow:0 0 30px #d4af3726}.tier-badge{border-radius:var(--tcq-radius-sm);text-transform:uppercase;letter-spacing:1.5px;background:var(--tcq-primary);color:var(--tcq-bg);align-self:flex-start;padding:4px 10px;font-size:.65rem;font-weight:800}.tier-title{font-family:var(--tcq-font-display);letter-spacing:1px;font-size:1.5rem}.tier-desc{color:var(--tcq-text-secondary);font-size:.85rem}.tier-action{color:var(--tcq-primary);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-sm);font-size:.75rem;font-weight:700}.section-title{font-family:var(--tcq-font-display);letter-spacing:2px;text-transform:uppercase;color:var(--tcq-text);font-size:1.25rem}.view-all{color:var(--tcq-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;transition:all .15s}.view-all:hover{text-decoration:underline}.activity-list{gap:var(--space-sm);flex-direction:column;padding-bottom:100px;display:flex}.activity-item{padding:var(--space-md);background:var(--tcq-glass);border-radius:var(--tcq-radius-md);border:1px solid var(--tcq-glass-border);align-items:center;gap:var(--space-md);cursor:pointer;transition:all .15s;display:flex}.activity-item:hover{border-color:var(--tcq-border);background:#ffffff0f}.activity-icon{background:var(--tcq-primary-glow);border-radius:var(--tcq-radius-sm);justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.1rem;display:flex}.activity-info{flex:1;min-width:0}.activity-title{font-size:.9rem;font-weight:600}.activity-date{color:var(--tcq-text-muted);font-size:.75rem}.activity-amount{font-family:var(--tcq-font-mono);white-space:nowrap;font-size:.9rem;font-weight:700}.amount-positive{color:var(--tcq-success)}.amount-negative{color:var(--tcq-error)}.card{background:var(--tcq-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tcq-glass-border);border-radius:var(--tcq-radius-md);padding:var(--space-lg);transition:all .15s}.card:hover{border-color:var(--tcq-border)}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--tcq-glass-border);z-index:1000;background:#080808f2;justify-content:space-around;align-items:center;height:72px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.bottom-nav{border-top:none;border-right:1px solid var(--tcq-glass-border);background:var(--tcq-bg);flex-direction:column;justify-content:flex-start;width:240px;min-width:240px;height:100vh;padding-top:40px;position:sticky;top:0;left:0}}.nav-item{color:var(--tcq-text-muted);cursor:pointer;border-radius:var(--tcq-radius-sm);flex-direction:column;align-items:center;gap:2px;padding:8px 12px;transition:all .15s;display:flex}.nav-item.active{color:var(--tcq-primary)}.nav-icon{font-size:1.2rem;transition:all .15s}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px #c8ff0080)}.nav-label{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}@media (width>=1024px){.nav-item{flex-direction:row;gap:12px;width:85%;margin-bottom:4px;padding:14px 20px}.nav-item.active{background:var(--tcq-primary-glow)}.nav-label{font-size:.8rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;padding:var(--space-lg);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:380px;padding:var(--space-xl);border-radius:var(--tcq-radius-md);border:1px solid var(--tcq-glass-border);background:var(--tcq-surface);animation:.2s ease-out modal-in}.modal-title{font-family:var(--tcq-font-display);letter-spacing:2px;margin-bottom:var(--space-md);font-size:1.75rem}.modal-text{color:var(--tcq-text-secondary);margin-bottom:var(--space-lg);font-size:.9rem}.qr-container{border-radius:var(--tcq-radius-md);margin-bottom:var(--space-lg);background:#fff;padding:1.5rem;animation:2s ease-in-out infinite qr-glow;display:inline-block}.copy-box{font-family:var(--tcq-font-mono);padding:var(--space-md);background:var(--tcq-surface-elevated);border:1px dashed var(--tcq-primary);border-radius:var(--tcq-radius-sm);text-align:center;cursor:pointer;color:var(--tcq-primary);margin-bottom:var(--space-lg);letter-spacing:2px;font-size:1.1rem;font-weight:700;transition:all .15s}.copy-box:hover{background:var(--tcq-primary-glow);box-shadow:0 0 15px #c8ff0033}.toast-container{z-index:3000;flex-direction:column;gap:8px;width:90%;max-width:380px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--tcq-radius-sm);background:var(--tcq-surface);color:var(--tcq-text);border:1px solid var(--tcq-primary);text-align:center;padding:14px 20px;font-size:.875rem;font-weight:600;box-shadow:0 0 20px #c8ff0026}.toast.error{border-color:var(--tcq-error);box-shadow:0 0 20px #ff3b3b26}.toast.info{border-color:var(--tcq-text-secondary);box-shadow:0 0 20px #8888881a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes success-pulse{0%{box-shadow:0 0 #0f86}70%{box-shadow:0 0 0 20px #0f80}to{box-shadow:0 0 #0f80}}@keyframes qr-glow{0%,to{box-shadow:0 0 15px #c8ff004d}50%{box-shadow:0 0 30px #c8ff0099}}.animate-fade{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s ease-out forwards slideUp}@keyframes spin{to{transform:rotate(360deg)}}.kyc-warning-banner{border-radius:var(--tcq-radius-md);margin-bottom:var(--space-lg);cursor:pointer;background:#ffaa0014;border:1px solid #fa03;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;animation:2s infinite pulse-warning;display:flex}.kyc-warning-banner:hover{background:#ffaa001f;border-color:#ffaa0059;transform:translateY(-1px)}@keyframes pulse-warning{0%,to{box-shadow:0 0 8px #ffaa001a}50%{box-shadow:0 0 16px #ffaa0040}}.kyc-step-progress{justify-content:space-between;margin-bottom:24px;display:flex;position:relative}.kyc-step-progress:after{content:"";z-index:1;background:#ffffff14;height:2px;position:absolute;top:14px;left:10px;right:10px}.kyc-progress-bar{background:var(--tcq-primary);z-index:1;height:2px;transition:width .3s;position:absolute;top:14px;left:10px}.kyc-step-dot{border:2px solid var(--tcq-glass-border);width:30px;height:30px;color:var(--tcq-text-secondary);z-index:2;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.kyc-step-dot.active{background:var(--tcq-primary);border-color:var(--tcq-primary);color:#000;box-shadow:0 0 12px #c8ff0066}.kyc-step-dot.completed{background:var(--tcq-success);border-color:var(--tcq-success);color:#000}.selfie-dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:12px;padding:30px 20px;transition:all .2s;position:relative;overflow:hidden}.selfie-dropzone:hover{border-color:var(--tcq-primary);background:#c8ff0005}.selfie-preview-img{object-fit:cover;border:3px solid var(--tcq-primary);border-radius:50%;width:140px;height:140px;margin:0 auto 12px;display:block;box-shadow:0 0 20px #c8ff0040}.kyc-loading-spinner{border:4px solid #ffffff0f;border-left-color:var(--tcq-primary);border-radius:50%;width:48px;height:48px;margin:20px auto;animation:1s linear infinite spin}.badge-validated{color:var(--tcq-success);background:#00ff881a;border:1px solid #0f83;border-radius:20px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.badge-error{color:var(--tcq-error);background:#ff3b3b1a;border:1px solid #ff3b3b33;border-radius:20px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}